#desk{--bg:#17171a;--ink:#f4efe6;--ink-dim:#b4ada0;--accent:#ffb347;--paper:#f6f1e7;--paper-ink:#1d1a16;--paper-dim:#6d665b;--paper-rule:#0000001f;--display:var(--font-display), ui-sans-serif, system-ui, sans-serif;--body:var(--font-body), ui-sans-serif, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--ink);font-family:var(--body);position:fixed;inset:0;overflow:hidden}#ui button,#win .head button,#win .foot button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}#ui :focus-visible,#win .head :focus-visible,#win .foot :focus-visible{outline:2px solid var(--accent);outline-offset:3px}#desk canvas{touch-action:none}#ui{pointer-events:none;z-index:35;position:fixed;inset:0}#top{left:max(28px, env(safe-area-inset-left,0px));right:max(28px, env(safe-area-inset-right,0px));top:calc(22px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute}#name{font-family:var(--display);letter-spacing:-.02em;text-shadow:0 2px 14px #0000008c;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1}#name small{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-top:8px;font-size:11.5px;font-weight:500;display:block}#nav{pointer-events:auto}#nav ul{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex}#nav button{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0e8c;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}#nav button:hover,#nav button:focus-visible{color:#ffd79a;background:#ffb34729;border-color:#ffb34780}#nav button.active{background:var(--accent);color:#1d1a16;border-color:var(--accent)}#nav a.classic{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-top:10px;font-size:11px;text-decoration:none;display:inline-block}#nav a.classic:hover{color:var(--ink)}#hint{left:max(36px, env(safe-area-inset-left,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));color:var(--ink-dim);letter-spacing:.05em;font-size:12.5px;position:absolute}#hint b{color:var(--accent);font-weight:600}#tip{z-index:20;color:var(--ink);letter-spacing:.14em;text-transform:uppercase;opacity:0;pointer-events:none;white-space:nowrap;background:#0a0a0cc7;border-radius:3px;padding:6px 10px;font-size:12px;transition:opacity .15s;position:fixed;top:-36px;left:14px}#tip.on{opacity:1}#loading{z-index:70;background:var(--bg);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);place-items:center;font-size:13px;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.off{opacity:0;pointer-events:none}#flash{opacity:0;pointer-events:none;z-index:60;background:#fff;position:fixed;inset:0}#dim{z-index:30;pointer-events:none;background:0 0;position:fixed;inset:0}#dim.on{pointer-events:auto}#putback{left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:50;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:#0c0c0eb3;border:1px solid #ffffff1f;border-radius:999px;padding:10px 16px;font-size:12.5px;transition:opacity .3s,visibility 0s .3s;position:fixed;transform:translate(-50%)}#putback.open{opacity:1;visibility:visible;transition:opacity .3s}#putback b{color:var(--accent);font-weight:600}#win{background:var(--paper);width:min(560px,100vw - 32px);max-height:calc(100% - 32px);color:var(--paper-ink);z-index:50;opacity:0;visibility:hidden;border-radius:10px;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.2,1.1),visibility 0s .35s;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(.92);box-shadow:0 40px 80px #0009}#win.open{opacity:1;visibility:visible;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.2,1.1);transform:translate(-50%,-50%)scale(1)}@media (min-width:900px){#win{left:auto;right:max(5vw, env(safe-area-inset-right,0px));transform:translateY(-50%)scale(.92)}#win.open{transform:translateY(-50%)scale(1)}}#win{flex-direction:column;display:flex}#win .head{border-bottom:1px solid var(--paper-rule);flex:none;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}#win .titles{flex:1;gap:6px;min-width:0;display:grid}#win .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#8a6b3c;font-size:12px;font-weight:600}#win h2{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:34px;line-height:1}#win .sub{color:var(--paper-dim);max-width:70ch;margin:2px 0 0;font-size:14px;line-height:1.45}#close{width:36px;height:36px;color:var(--paper-dim);border:1px solid #00000024;border-radius:50%;flex:none;font-size:22px;line-height:1}#close:hover{color:var(--paper-ink);background:#00000014}#win .body{gap:16px;padding:22px 24px 8px;display:grid}#win p{color:#3c3730;max-width:60ch;margin:0;font-size:17px;line-height:1.55}#win .note{color:var(--paper-dim);font-size:13px}#win .tags{flex-wrap:wrap;gap:8px;display:flex}#win .tags span{letter-spacing:.06em;border:1px solid #0000002e;border-radius:999px;padding:5px 10px;font-size:12px}#win .foot{flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:16px 24px 22px;display:flex}#win a.go{background:var(--paper-ink);color:var(--paper);border-radius:6px;align-items:center;gap:8px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}#win button.back{border:1px solid #00000040;border-radius:6px;padding:12px 16px;font-weight:500}#win.app{width:min(1040px,100vw - 32px);height:min(84vh,920px);top:calc(50% + 28px);overflow:hidden}#win.app .head{padding:16px 20px 14px}#win.app h2{font-size:24px}#win.app .foot{border-top:1px solid var(--paper-rule);gap:10px;padding:10px 20px 12px}#win.app a.go,#win.app button.back{padding:8px 12px;font-size:13px}#win .stage{background:#ece7dc;flex:1;min-height:0;overflow:auto}#win .stage.phone{justify-content:center;align-items:stretch;display:flex;overflow:hidden}#win .phone-frame{color:#1e293b;background:#f8fafc;width:100%;max-width:28rem;height:100%;overflow:auto;box-shadow:0 0 40px #00000040}#win .stage.charm{background:linear-gradient(135deg,#f5f2f8 0%,#f8f2f5 50%,#f2f4f8 100%);padding:16px;display:flex;overflow:hidden}#win .embed{background:#fff;border:0;width:100%;height:100%;display:block}@media (min-width:900px){#win.app{left:50%;right:auto;transform:translate(-50%,-50%)scale(.92)}#win.app.open{transform:translate(-50%,-50%)scale(1)}}@media (max-width:700px){#top{flex-direction:column;gap:12px;left:16px;right:16px}#nav ul{justify-content:flex-start}#nav button{padding:7px 10px;font-size:11px}#name small{display:none}#win h2{font-size:30px}#win .body{padding:20px}#hint{max-width:70vw;font-size:11px;left:16px}}@media (prefers-reduced-motion:reduce){#desk *{transition-duration:.01ms!important}}