:root{--bg:#0f1115;--panel:#151821;--border:#262b38;--text:#e8eaf0;--muted:#9aa3b5;--accent:#2f7bff;--accent-hover:#5594ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.app{height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);grid-template-rows:44px 1fr;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:#fff;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.brand-mark img{width:20px;height:auto}.brand-name{letter-spacing:.01em;font-weight:600}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:12px}.menu-btn{border:1px solid var(--border);height:28px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:0 12px;transition:background .15s,border-color .15s}.menu-btn:hover{background:#1d2230;border-color:#353c4f}.menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty{place-items:center;padding:24px;display:grid}.empty-card{text-align:center;max-width:460px}.empty-card h1{margin:0 0 8px;font-size:28px;font-weight:700}.empty-card p{color:var(--text);margin:0 0 6px}.empty-card .muted{color:var(--muted)}.splash{z-index:100;cursor:pointer;background:#fff;place-items:center;transition:opacity .45s,transform .45s;display:grid;position:fixed;inset:0;overflow:hidden}.splash.leaving{opacity:0;pointer-events:none;transform:scale(1.03)}.splash-glow{aspect-ratio:1;background:radial-gradient(circle,#06f3,#06f0 62%);border-radius:50%;width:min(120vmin,1400px);animation:1.8s cubic-bezier(.2,.7,.2,1) both glow;position:absolute}.splash-stage{--h:min(10.5vw, 12.5vh, 200px);align-items:center;gap:calc(var(--h) * .02);flex-direction:column;display:flex;position:relative}.piece{display:block;position:relative}.piece img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.piece:after{content:"";-webkit-mask:var(--mask) center / 100% 100% no-repeat;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;background:linear-gradient(105deg,#0000 44%,#ffffffd9 50%,#0000 56%) 90% 0/300% 100% no-repeat;animation:.95s ease-in-out both shine;position:absolute;inset:0}.icon{width:calc(var(--h) * 3.81);backface-visibility:hidden;animation:1.15s cubic-bezier(.16,.85,.24,1) .1s both icon-in}.icon img{width:100%;height:auto}.icon:after{animation-delay:1.05s}.wordmark{align-items:center;gap:calc(var(--h) * .054);display:flex}.word img{height:var(--h);width:auto}.word-left{animation:.7s cubic-bezier(.2,.8,.2,1) .85s both word-left}.word-left:after{animation-delay:1.75s}.word-right{animation:.7s cubic-bezier(.2,.8,.2,1) .98s both word-right}.word-right:after{animation-delay:1.85s}@keyframes glow{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes icon-in{0%{opacity:0;filter:blur(10px);transform:perspective(1100px)rotateY(-95deg)rotateX(10deg)scale(.7)translateY(30px)}to{opacity:1;filter:blur();transform:perspective(1100px)rotateY(0)rotateX(0)scale(1)translateY(0)}}@keyframes word-left{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-48px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes word-right{0%{opacity:0;clip-path:inset(0 0 0 100%);transform:translate(48px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes shine{0%{background-position:90% 0}to{background-position:10% 0}}@media (prefers-reduced-motion:reduce){.splash *,.splash :after,.splash-glow{animation-duration:.01ms!important;animation-delay:0s!important}}