.door-page{place-items:center;min-height:100svh;padding:72px 0 56px;display:grid}body:has(.door-page):before{display:none}body:has(.door-page):after{display:none}.door{z-index:-2;background:#0b0f1a 50%/cover no-repeat;position:fixed;inset:0}.doorwrap{width:calc(100vw - 32px);max-width:400px}.doorcard{-webkit-backdrop-filter:blur(2px)saturate(170%);backdrop-filter:blur(2px)saturate(170%);width:100%;box-shadow:var(--shadow-lift), inset 0 1px 0 #ffffff59;color:var(--fg);background:radial-gradient(120% 70% at 50% -25%,#ffffffe6 0%,#ffffff4d 45%,#0000 75%),linear-gradient(165deg,#fffffff0 0%,#ffffffdb 100%);border-radius:16px;padding:24px}:root[data-theme=dark] .doorcard{background:radial-gradient(120% 70% at 50% -25%,#ffffff24 0%,#ffffff0a 45%,#0000 75%),linear-gradient(165deg,#222226eb 0%,#141418db 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .doorcard{background:radial-gradient(120% 70% at 50% -25%,#ffffff24 0%,#ffffff0a 45%,#0000 75%),linear-gradient(165deg,#222226eb 0%,#141418db 100%)}}.doorcard .brand{margin-bottom:18px}.door-live{border-top:1px solid var(--line2);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:20px -24px 0;padding:14px 24px 0;font-size:12.5px;display:flex}.door-live .dot{background:var(--ok);border-radius:50%;width:6px;height:6px}.door-live .clock{font-family:var(--font-bebas), var(--font-jakarta), sans-serif;letter-spacing:.04em;color:var(--fg);font-variant-numeric:tabular-nums;padding-top:2px;font-size:30px;line-height:1}.door-live .sep{opacity:.5}.door-live .wx{text-align:right;margin-left:auto}.door-live .wx b{color:var(--fg);font-size:15px;font-weight:600;display:block}.door-top{top:calc(12px + env(safe-area-inset-top));z-index:5;animation:fade var(--slow) .3s var(--ease) both;align-items:center;gap:8px;display:flex;position:fixed;right:14px}.door-tools{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000047;box-shadow:0 0 0 .5px #0003,0 4px 12px #00000026}.door-tools:hover{color:#fff;background:#0006}.door-top .langtog{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000047;box-shadow:0 0 0 .5px #0003,0 4px 12px #00000026}.door-top .langtog button{color:#ffffff9e}.door-top .langtog button:hover,.door-top .langtog button.on{color:#fff}.door-top .langtog .knob{box-shadow:none;background:#fff3}.slot,.credit{bottom:calc(14px + env(safe-area-inset-bottom));color:#ffffffbf;text-shadow:0 1px 8px #00000059;animation:fade var(--slow) .4s var(--ease) both;font-size:11px;position:fixed}.slot{letter-spacing:.08em;text-transform:uppercase;left:16px}.credit{right:16px}.credit a{color:#fff}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.doorcard .brand{min-width:0;color:var(--fg);align-items:center;gap:10px;display:flex}.doorcard .brand b{font-size:17px;font-weight:700;line-height:1.15;display:block}.doorcard .brand .sub{color:var(--muted);margin-top:2px;font-size:12px;display:block}.doorcard .gbtn{box-shadow:none;border:1px solid var(--line);margin-top:0}.doorcard .legal-links{margin-top:12px}.door-top .ibtn{border-radius:999px;width:30px;height:30px}.door-top .ltools{gap:8px}.door-top .ibtn{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000047;box-shadow:0 0 0 .5px #0003,0 4px 12px #00000026}.door-top .ibtn:hover{color:#fff;background:#0006}.door.vb{z-index:-2;--scrim:.44;--scrimD:.36;background:var(--bg);position:fixed;inset:0}:root[data-theme=dark] .door.vb .sc{background:#18181a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .door.vb .sc{background:#18181a}}.door-bgfade{z-index:-1;pointer-events:none;background:linear-gradient(transparent,var(--bg));height:45%;position:fixed;bottom:0;left:0;right:0}:root:not([data-theme=dark]) .doorcard{background:linear-gradient(165deg,#fffffffa 0%,#fffffff5 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .doorcard{background:radial-gradient(120% 70% at 50% -25%,#ffffff24 0%,#ffffff0a 45%,#0000 75%),linear-gradient(165deg,#222226eb 0%,#141418db 100%)}}:root:not([data-theme=dark]) .slot,:root:not([data-theme=dark]) .credit{color:var(--fg2);text-shadow:none}:root:not([data-theme=dark]) .credit a{color:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .slot,:root:not([data-theme=light]) .credit{color:#ffffffbf;text-shadow:0 1px 8px #00000059}:root:not([data-theme=light]) .credit a{color:#fff}}:root[data-theme=light] .door.vb{--sat:.92}:root[data-theme=light] .door.vb .tn{opacity:calc(var(--tint) * .4)}:root[data-theme=light] .door.vb .sc{opacity:.12}:root[data-theme=light] .door.vb:is([data-slot=rain],[data-slot=night]) .sc{opacity:.4}:root[data-theme=light] .door.vb :is(.po,.mv){object-position:50% 22%}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .door.vb{--sat:.92}:root:not([data-theme=dark]) .door.vb .tn{opacity:calc(var(--tint) * .4)}:root:not([data-theme=dark]) .door.vb .sc{opacity:.12}:root:not([data-theme=dark]) .door.vb:is([data-slot=rain],[data-slot=night]) .sc{opacity:.4}:root:not([data-theme=dark]) .door.vb :is(.po,.mv){object-position:50% 22%}}