.pd{font-family:var(--sans);color:#1e2b40;position:absolute;inset:0}.pd-body{height:100%;display:flex;position:relative}.pd-expl{background:#f6f2ea;flex:none;padding:12px 10px;box-shadow:inset -1px 0 #1e2b4014}.pd-explHead{height:26px;font:700 11px/1 var(--sans);letter-spacing:.08em;color:#636b7f;justify-content:space-between;align-items:center;padding:0 6px 0 8px;display:flex}.pd-plus{width:26px;height:26px;font:500 18px/1 var(--sans);color:#1e2b40;background:#fff;border-radius:8px;place-items:center;transition:background .2s;display:grid;box-shadow:inset 0 0 0 1px #1e2b401f}.pd-plus[data-hot]{background:#ddf3ec}.pd-file{height:32px;font:500 13.5px/1 var(--sans);color:#3b465a;border-radius:9px;align-items:center;gap:9px;margin-top:8px;padding:0 10px;animation:.3s both pd-in;display:flex}.pd-file[data-on]{color:#1e2b40;background:#fff;box-shadow:inset 0 0 0 1px #1e2b4014}.pd-fileIcon{background:#e4492a;border-radius:3px;width:14px;height:16px}.pd-fileIcon[data-css]{background:#46b4a6}.pd-empty{font:400 13px/1.4 var(--sans);color:#9aa0ae;margin:14px 8px}.pd-edit{background:#fff;flex:none;box-shadow:inset -1px 0 #1e2b4014}.pd-tabs{background:#fbf8f1;border-bottom:1px solid #1e2b4014;align-items:flex-end;height:34px;padding:0 10px;display:flex}.pd-tabs span{height:27px;font:500 12.5px/1 var(--sans);color:#636b7f;border-radius:8px 8px 0 0;align-items:center;padding:0 13px;display:inline-flex}.pd-tabs span[data-on]{color:#1e2b40;background:#fff;box-shadow:inset 0 0 0 1px #1e2b4014}.pd-tabHint{font-style:italic}.pd-code{padding:14px 0;font:500 13.5px/25px GeistMono,ui-monospace,Menlo,monospace}.pd-line{white-space:pre;height:25px;display:flex}.pd-num{text-align:right;color:#c2c6cf;flex:none;width:46px;padding-right:14px}.pd-src{color:#1e2b40}.pd-tag{color:#c2410c}.pd-attr{color:#7c5cc4}.pd-str{color:#1b6e58}.pd-view{background:#f4f1ea;flex:none;grid-template-rows:auto 1fr;display:grid}.pd-url{height:30px;font:500 12px/1 var(--sans);color:#636b7f;background:#fff;border-radius:10px;align-items:center;gap:8px;margin:10px;padding:0 12px;display:flex;box-shadow:inset 0 0 0 1px #1e2b401a}.pd-dot{background:#29a383;border-radius:50%;width:8px;height:8px}.pd-page{background:#fff;border-radius:14px;margin:0 10px 10px;padding:24px 22px;transition:background .4s;box-shadow:inset 0 0 0 1px #1e2b4014}.pd-blank{text-align:center;font:400 13px/1 var(--sans);color:#9aa0ae;margin:60px 0 0}.pd-name{color:#000;margin:0;font:600 24px/1.1 Times New Roman,serif;animation:.35s both pd-in}.pd-about{color:#000;margin:8px 0 0;font:400 13px/1.4 Times New Roman,serif;animation:.35s both pd-in}.pd-page[data-styled]{background:#fbf8f1}.pd-page[data-styled] .pd-name{font:600 30px/1 var(--sans);letter-spacing:-.03em;color:#1e2b40;animation:none}.pd-page[data-styled] .pd-about{font:400 14px/1.45 var(--sans);color:#636b7f;animation:none}.pd-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.pd-card{font:600 12.5px/1.2 var(--sans);color:#1e2b40;opacity:0;background:#fff;border-radius:12px;gap:8px;padding:10px;transition:opacity .35s,translate .35s;display:grid;translate:0 8px;box-shadow:inset 0 0 0 1px #1e2b401a}.pd-card[data-on]{opacity:1;translate:0}.pd-card i{background:#b6dfe6;border-radius:8px;height:52px;display:block}.pd-card:nth-child(2) i{background:#f8a81b}.pd-card:nth-child(3) i{background:#e86fa0}.pd-skip{color:#fff;opacity:0;z-index:6;pointer-events:none;background:#1e2b40;border-radius:24px;justify-items:center;gap:10px;padding:20px 28px;transition:opacity .3s,scale .3s;display:grid;position:absolute;top:404px;left:50%;translate:-50%;scale:.96}.pd-skip[data-on]{opacity:1;scale:1}.pd-skip span{font:600 24px/1 var(--sans);letter-spacing:-.02em}.pd-skip b{font:500 13.5px/1 var(--sans);color:#ffffffc7;align-items:center;gap:8px;display:flex}.pd-skip i{border-radius:50%;width:10px;height:10px;margin-left:6px;box-shadow:inset 0 0 0 2px #ffffff73}.pd-skip i[data-done]{box-shadow:none;background:#29a383}@keyframes pd-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.pd-file,.pd-name,.pd-about{animation:none}.pd-card,.pd-skip{transition:none}}