.pd{--pf-accent:#007aff;--pf-deep:#0a5fd6;--pf-pixel:"Geist Pixel",ui-monospace,monospace;--pf-ease:cubic-bezier(0.22,1,0.36,1);padding:clamp(1.5rem,4vw,3rem) 0 clamp(1rem,4vw,3rem)}.pd-screen{position:relative;max-width:1400px;margin:0 auto;height:clamp(640px,86vh,940px);border-radius:18px;overflow:hidden;background:#e6e6e8;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 50px 120px -50px rgba(0,0,0,.45);color:#1d1d1f;--fg:#1d1d1f;--fg-soft:rgba(29,29,31,0.55);opacity:0}.pd.is-shown .pd-screen{animation:pd-on .9s var(--pf-ease) both}@keyframes pd-on{0%{opacity:0;filter:blur(12px);transform:scale(.985)}to{opacity:1;filter:none;transform:none}}.pd-menu{position:relative;z-index:5000;display:flex;align-items:center;gap:20px;height:30px;padding:0 16px;font-size:13px;background:rgba(246,246,248,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid rgba(0,0,0,.1)}.pd-apple{color:#1d1d1f;font-size:14px}.pd-menu b{font-weight:650}.pd-menu-dim,.pd-menu-right{color:rgba(29,29,31,.75)}.pd-menu-right{margin-left:auto;font-variant-numeric:tabular-nums}.pd-desk{position:absolute;inset:30px 0 0}.pd-icons.pf{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}.pd-icons .pf-item{opacity:1}.pd.is-shown .pd-icons .pf-item{animation:pf-in .9s var(--pf-ease) both;animation-delay:calc(var(--i) * 70ms + .25s)}.pd-icons .pf-split-open{color:#87B0C8}.pd-icons .pf-split-open i{background:#87B0C8}.pd-win{position:absolute;left:50%;top:calc(28px + var(--off) * 26px);translate:calc(-50% + var(--off) * 26px) 0;width:min(1040px,calc(100% - 48px));height:min(calc(100% - 60px),720px);display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:rgba(252,252,253,.97);box-shadow:0 0 0 .5px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.6),0 30px 80px -24px rgba(0,0,0,.45);animation:pd-open .42s var(--pf-ease) both;transition:left .38s var(--pf-ease),top .38s var(--pf-ease),width .38s var(--pf-ease),height .38s var(--pf-ease),translate .38s var(--pf-ease),border-radius .38s var(--pf-ease),box-shadow .2s;outline:none}.pd-win.is-dragging{transition:box-shadow .2s}.pd-win.is-dragging .pd-bar{cursor:grabbing}@keyframes pd-open{0%{opacity:0;transform:scale(.08);filter:blur(6px)}60%{filter:none}to{opacity:1;transform:none}}.pd-win.is-closing{animation:pd-close .22s cubic-bezier(.4,0,1,1) both;pointer-events:none}.pd-win.is-min{animation:pd-min .22s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes pd-close{to{opacity:0;transform:scale(.94);filter:blur(4px)}}@keyframes pd-min{to{opacity:0;transform:scale(.06)}}.pd-win.is-max{left:0!important;top:0!important;translate:none!important;width:100%!important;height:100%!important;max-height:none;border-radius:0}.pd-icons .pf-item.is-open .pf-file,.pd-icons .pf-item.is-open .pf-folder{opacity:.55}.pd-icons .pf-item:active .pf-file,.pd-icons .pf-item:active .pf-folder{transform:scale(.94)}.pd-icons .pf-file,.pd-icons .pf-folder{transition:opacity .2s,transform .15s}.pd-win:not(.is-top){box-shadow:0 0 0 .5px rgba(0,0,0,.2),0 16px 40px -20px rgba(0,0,0,.3)}.pd-win.is-project{width:min(900px,calc(100% - 48px))}.pd-win.is-note{width:min(560px,calc(100% - 48px));height:auto;max-height:calc(100% - 60px)}.pd-bar{position:relative;flex:none;display:flex;align-items:center;height:46px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.07);cursor:grab;user-select:none;touch-action:none}.pd-lights{display:inline-flex;gap:8px}.pd-l{all:unset;box-sizing:border-box;display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:#d8d8dc;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12);cursor:default}.pd-l svg{width:8px;height:8px;opacity:0;transition:opacity .1s}.pd-l svg path{fill:none;stroke:rgba(0,0,0,.55);stroke-width:1.2;stroke-linecap:round}.pd-l svg path.fill{fill:rgba(0,0,0,.55);stroke:none}.pd-lights:hover .pd-l-close,.pd-win.is-top .pd-l-close{background:#ff5f57}.pd-lights:hover .pd-l-min,.pd-win.is-top .pd-l-min{background:#febc2e}.pd-lights:hover .pd-l-max,.pd-win.is-top .pd-l-max{background:#28c840}.pd-l:focus-visible svg,.pd-lights:hover .pd-l svg{opacity:1}.pd-l:active{filter:brightness(.82)}.pd-l:focus-visible{outline:2px solid var(--pf-accent);outline-offset:1px}.pd-title{position:absolute;left:50%;translate:-50% 0;font-size:16px;color:rgba(29,29,31,.8);white-space:nowrap;pointer-events:none}.pd-newtab,.pd-title{font-family:var(--pf-pixel)}.pd-newtab{margin-left:auto;font-size:13px;color:var(--pf-deep);text-decoration:none;padding:4px 10px;border-radius:7px}.pd-newtab:focus-visible,.pd-newtab:hover{background:rgba(0,122,255,.12)}.pd-finder{flex:1;min-height:0;display:flex}.pd-side{flex:none;width:190px;padding:18px 12px;display:flex;flex-direction:column;gap:4px;background:rgba(236,236,238,.75);border-right:1px solid rgba(0,0,0,.06)}.pd-side-h{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:rgba(29,29,31,.45);padding:0 8px 6px}.pd-side-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;font-size:14px}.pd-side-row em{margin-left:auto;font-style:normal;font-size:12px;color:rgba(29,29,31,.45)}.pd-side-row .pf-lock{width:12px;height:12px;color:rgba(29,29,31,.6)}.pd-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--pf-accent);box-shadow:0 0 0 3px rgba(0,122,255,.2)}.pd-scroll{flex:1;min-height:0;overflow-y:auto;padding:22px 28px 30px}.pd-group+.pd-group{margin-top:30px;padding-top:26px;border-top:1px dashed rgba(29,29,31,.14)}.pd-group-h{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-family:var(--pf-pixel);font-weight:400;font-size:19px}.pd-group-h .pf-lock{width:15px;height:15px}.pd-group-sub{font-family:inherit;font-size:13px;color:rgba(29,29,31,.45);margin-left:4px}.pd-empty{margin:0;font-size:14px;color:rgba(29,29,31,.4)}.pd-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:18px 8px}.pd-grid li{animation:pf-in .6s var(--pf-ease) both;animation-delay:calc(var(--i) * 50ms + 80ms)}.pd-app{all:unset;box-sizing:border-box;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;cursor:pointer;color:#1d1d1f;text-align:center}.pd-app-icon{position:relative;display:block;padding:6px;border-radius:14px;transition:background .15s}.pd-app-icon .pf-icon{width:76px;height:76px}.pd-app-icon .pf-card-lock{width:22px;height:22px;top:0;right:0;box-shadow:0 0 0 2px #fcfcfd}.pd-app-icon .pf-card-lock .pf-lock{width:11px;height:11px}.pd-app b{font-size:13px;font-weight:500;line-height:1.25;padding:1px 6px;border-radius:4px;max-width:100%;overflow-wrap:anywhere}.pd-app:focus-visible .pd-app-icon,.pd-app:hover .pd-app-icon{background:rgba(0,0,0,.07)}.pd-app:focus-visible b,.pd-app:hover b{background:var(--pf-accent);color:#fff}.pd-app:focus-visible{outline:none}.pd-app-go{font-size:11px;color:rgba(29,29,31,.45)}.pd-group.is-open .pd-app-go{color:var(--pf-accent)}.pd-tip{position:absolute;z-index:3;top:calc(100% - 2px);left:50%;translate:-50% 4px;width:220px;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.45;text-align:left;color:#1d1d1f;background:rgba(252,252,253,.98);box-shadow:0 0 0 .5px rgba(0,0,0,.2),0 10px 24px -10px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .15s .35s,translate .15s .35s}.pd-app:focus-visible .pd-tip,.pd-app:hover .pd-tip{opacity:1;translate:-50% 0}.pd-group-h{font-family:inherit;font-size:12px;font-weight:650;color:rgba(29,29,31,.55);margin-bottom:10px;padding-bottom:6px;border-bottom:.5px solid rgba(0,0,0,.1)}.pd-group-h .pf-lock{width:11px;height:11px}.pd-group-sub{font-weight:400;font-size:12px}.pd-group+.pd-group{margin-top:26px;padding-top:0;border-top:0}.pd-proj-head{display:flex;align-items:center;gap:22px;margin-bottom:22px}.pd-proj-head .pd-app-icon{margin:0}.pd-proj-head .pf-icon{width:96px;height:96px}.pd-proj-head h3{margin:0 0 6px;font-size:30px;line-height:1.1}.pd-proj-head p{margin:0;font-size:16px;line-height:1.55;color:rgba(29,29,31,.65)}.pd-media{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#ececee}.pd-media video{width:100%;height:100%;object-fit:cover;display:block}.pd-media-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.pd-media-empty .pf-icon{width:130px;height:130px;filter:drop-shadow(0 20px 28px rgba(0,0,0,.35))}.pd-media-empty>span:last-child{font-family:var(--pf-pixel);font-size:14px;color:#fff;padding:5px 14px;border-radius:999px;background:rgba(29,29,31,.55)}.pd-proj-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;font-family:var(--pf-pixel);font-size:13px;color:var(--pf-deep)}.pd-win.is-note .pf-note{padding:0;font-size:16px}@media (max-width:760px){.pd-screen{height:82vh;border-radius:14px}.pd-menu-dim{display:none}.pd-win{left:8px!important;top:8px!important;translate:none!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)}.pd-side{display:none}.pd-scroll{padding:18px}.pd-grid{grid-template-columns:repeat(3,1fr)}.pd-app-icon .pf-icon{width:60px;height:60px}.pd-tip{display:none}}@media (prefers-reduced-motion:reduce){.pd-grid li,.pd-icons .pf-item,.pd-screen,.pd-win{animation:none!important;opacity:1!important}.pd-win{transition:none}}@media (hover:hover) and (pointer:fine){.pd,.pd *{cursor:var(--matcha-cursor,default),default!important}}:root[data-theme=dark] .pd-screen{background:#1e1e20;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 120px -50px rgba(0,0,0,.8);color:#f5f5f7;--fg:#f5f5f7;--fg-soft:rgba(245,245,247,0.55)}:root[data-theme=dark] .pd-menu{background:rgba(40,40,44,.75);border-bottom-color:rgba(255,255,255,.08)}:root[data-theme=dark] .pd-apple{color:#f5f5f7}:root[data-theme=dark] .pd-menu-dim,:root[data-theme=dark] .pd-menu-right{color:rgba(245,245,247,.75)}:root[data-theme=dark] .pd-win{background:rgba(36,36,40,.97);box-shadow:0 0 0 .5px rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.04),0 30px 80px -24px rgba(0,0,0,.75)}:root[data-theme=dark] .pd-win:not(.is-top){box-shadow:0 0 0 .5px rgba(255,255,255,.1),0 16px 40px -20px rgba(0,0,0,.6)}:root[data-theme=dark] .pd-bar{border-bottom-color:rgba(255,255,255,.07)}:root[data-theme=dark] .pd-win:not(.is-top) .pd-lights:not(:hover) .pd-l{background:#4a4a4e;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08)}:root[data-theme=dark] .pd-title{color:rgba(245,245,247,.8)}:root[data-theme=dark] .pd-newtab{color:#4da3ff}:root[data-theme=dark] .pd-newtab:focus-visible,:root[data-theme=dark] .pd-newtab:hover{background:rgba(77,163,255,.14)}:root[data-theme=dark] .pd-side{background:rgba(30,30,33,.75);border-right-color:rgba(255,255,255,.06)}:root[data-theme=dark] .pd-app-go,:root[data-theme=dark] .pd-group-sub,:root[data-theme=dark] .pd-side-h,:root[data-theme=dark] .pd-side-row em{color:rgba(245,245,247,.45)}:root[data-theme=dark] .pd-side-row .pf-lock{color:rgba(245,245,247,.6)}:root[data-theme=dark] .pd-group+.pd-group{border-top-color:rgba(245,245,247,.14)}:root[data-theme=dark] .pd-empty{color:rgba(245,245,247,.4)}:root[data-theme=dark] .pd-app{color:#f5f5f7}:root[data-theme=dark] .pd-app-icon .pf-card-lock{box-shadow:0 0 0 2px #242428}:root[data-theme=dark] .pd-app:focus-visible .pd-app-icon,:root[data-theme=dark] .pd-app:hover .pd-app-icon{background:rgba(255,255,255,.08)}:root[data-theme=dark] .pd-tip{color:#f5f5f7;background:rgba(44,44,48,.98);box-shadow:0 0 0 .5px rgba(255,255,255,.14),0 10px 24px -10px rgba(0,0,0,.6)}:root[data-theme=dark] .pd-group-h{color:rgba(245,245,247,.55);border-bottom-color:rgba(255,255,255,.1)}:root[data-theme=dark] .pd-proj-head p{color:rgba(245,245,247,.65)}:root[data-theme=dark] .pd-media{background:#2a2a2e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pd-screen{background:#1e1e20;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 120px -50px rgba(0,0,0,.8);color:#f5f5f7;--fg:#f5f5f7;--fg-soft:rgba(245,245,247,0.55)}:root:not([data-theme=light]) .pd-menu{background:rgba(40,40,44,.75);border-bottom-color:rgba(255,255,255,.08)}:root:not([data-theme=light]) .pd-apple{color:#f5f5f7}:root:not([data-theme=light]) .pd-menu-dim,:root:not([data-theme=light]) .pd-menu-right{color:rgba(245,245,247,.75)}:root:not([data-theme=light]) .pd-win{background:rgba(36,36,40,.97);box-shadow:0 0 0 .5px rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.04),0 30px 80px -24px rgba(0,0,0,.75)}:root:not([data-theme=light]) .pd-win:not(.is-top){box-shadow:0 0 0 .5px rgba(255,255,255,.1),0 16px 40px -20px rgba(0,0,0,.6)}:root:not([data-theme=light]) .pd-bar{border-bottom-color:rgba(255,255,255,.07)}:root:not([data-theme=light]) .pd-win:not(.is-top) .pd-lights:not(:hover) .pd-l{background:#4a4a4e;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08)}:root:not([data-theme=light]) .pd-title{color:rgba(245,245,247,.8)}:root:not([data-theme=light]) .pd-newtab{color:#4da3ff}:root:not([data-theme=light]) .pd-newtab:focus-visible,:root:not([data-theme=light]) .pd-newtab:hover{background:rgba(77,163,255,.14)}:root:not([data-theme=light]) .pd-side{background:rgba(30,30,33,.75);border-right-color:rgba(255,255,255,.06)}:root:not([data-theme=light]) .pd-app-go,:root:not([data-theme=light]) .pd-group-sub,:root:not([data-theme=light]) .pd-side-h,:root:not([data-theme=light]) .pd-side-row em{color:rgba(245,245,247,.45)}:root:not([data-theme=light]) .pd-side-row .pf-lock{color:rgba(245,245,247,.6)}:root:not([data-theme=light]) .pd-group+.pd-group{border-top-color:rgba(245,245,247,.14)}:root:not([data-theme=light]) .pd-empty{color:rgba(245,245,247,.4)}:root:not([data-theme=light]) .pd-app{color:#f5f5f7}:root:not([data-theme=light]) .pd-app-icon .pf-card-lock{box-shadow:0 0 0 2px #242428}:root:not([data-theme=light]) .pd-app:focus-visible .pd-app-icon,:root:not([data-theme=light]) .pd-app:hover .pd-app-icon{background:rgba(255,255,255,.08)}:root:not([data-theme=light]) .pd-tip{color:#f5f5f7;background:rgba(44,44,48,.98);box-shadow:0 0 0 .5px rgba(255,255,255,.14),0 10px 24px -10px rgba(0,0,0,.6)}:root:not([data-theme=light]) .pd-group-h{color:rgba(245,245,247,.55);border-bottom-color:rgba(255,255,255,.1)}:root:not([data-theme=light]) .pd-proj-head p{color:rgba(245,245,247,.65)}:root:not([data-theme=light]) .pd-media{background:#2a2a2e}}