@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-normal-C2je3j2s.woff2) format("woff2"),url(./instrument-serif-latin-ext-400-normal-CFCUzsTy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(./instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --rim-angle{syntax: "<angle>"; inherits: true; initial-value: 180deg;}@property --rim-color{syntax: "<color>"; inherits: true; initial-value: #b9bcff;}@property --vt-r{syntax: "<length>"; inherits: false; initial-value: 0px;}:root{--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.42, .64, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--r-panel: 28px;--r-card: 20px;--r-pill: 999px;--font-ui: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--gutter: clamp(16px, 3vw, 40px);--theme-ms: .85s}:root,[data-theme=night]{color-scheme:dark;--bg: #06070b;--bg-2: #0c0e15;--bg-glow: transparent;--text: #eef0f8;--text-dim: rgba(224, 228, 244, .66);--text-faint: rgba(224, 228, 244, .42);--accent: #b4bcff;--accent-2: #d2b4ff;--accent-ink: #0b0c12;--glass-fill: rgba(28, 31, 48, .22);--glass-fill-hover: rgba(44, 48, 72, .32);--glass-fill-strong: rgba(18, 20, 32, .42);--glass-solid: rgba(18, 20, 28, .94);--glass-border: rgba(255, 255, 255, .07);--glass-hi: rgba(255, 255, 255, .34);--glass-lo: rgba(190, 200, 255, .12);--glass-inner: rgba(170, 182, 255, .16);--glass-shadow: 0 1px 1px rgba(0, 0, 0, .35), 0 12px 32px rgba(0, 0, 0, .4), 0 34px 90px rgba(0, 0, 0, .32);--rim: rgba(205, 212, 255, .34);--rim-spec: rgba(240, 243, 255, .85);--rim-strong: rgba(225, 230, 255, .95);--sheen: rgba(160, 175, 255, .12);--gloss: rgba(255, 255, 255, .09);--orb-1: rgba(84, 92, 230, .3);--orb-2: rgba(150, 84, 220, .24);--orb-3: rgba(40, 150, 170, .18);--chip-fill: rgba(255, 255, 255, .06);--focus: #c3c9ff;--danger: #ff8d9b;--ok: #9ff0c2;--light-core: rgba(205, 220, 255, .2);--light-mid: rgba(120, 140, 255, .07);--light-front: rgba(190, 205, 255, .1);--light-blend: screen;--track-bg: #0b0c11;--track-edge: rgba(255, 255, 255, .05);--track-ring: rgba(255, 255, 255, .07);--track-in-dark: rgba(0, 0, 0, .85);--track-in-light: rgba(255, 255, 255, .06);--thumb-top: rgba(72, 74, 96, .96);--thumb-bottom: rgba(112, 116, 210, .78);--thumb-border: rgba(255, 255, 255, .16);--rim-glow: #b9bcff;--icon-ink: #ffffff}[data-theme=day]{color-scheme:light;--bg: #f6f4ef;--bg-2: #efebe2;--bg-glow: rgba(255, 214, 140, .25);--text: #1d1c19;--text-dim: rgba(38, 36, 30, .7);--text-faint: rgba(38, 36, 30, .48);--accent: #b8650e;--accent-2: #d98a1c;--accent-ink: #fffaf0;--glass-fill: rgba(255, 255, 255, .2);--glass-fill-hover: rgba(255, 255, 255, .36);--glass-fill-strong: rgba(255, 253, 248, .4);--glass-solid: rgba(250, 248, 243, .96);--glass-border: rgba(255, 255, 255, .55);--glass-hi: rgba(255, 255, 255, 1);--glass-lo: rgba(255, 255, 255, .55);--glass-inner: rgba(255, 255, 255, .55);--glass-shadow: 0 1px 1px rgba(120, 96, 50, .08), 0 12px 32px rgba(120, 96, 50, .13), 0 34px 90px rgba(120, 96, 50, .1);--rim: rgba(255, 255, 255, .9);--rim-spec: rgba(255, 255, 255, 1);--rim-strong: rgba(255, 190, 80, .95);--sheen: rgba(255, 205, 110, .2);--gloss: rgba(255, 255, 255, .45);--orb-1: rgba(130, 196, 255, .42);--orb-2: rgba(255, 168, 120, .36);--orb-3: rgba(255, 214, 110, .4);--chip-fill: rgba(255, 255, 255, .5);--focus: #c26a0a;--danger: #c0303f;--ok: #1f8a4c;--light-core: rgba(255, 200, 80, .35);--light-mid: rgba(255, 220, 140, .12);--light-front: rgba(255, 214, 120, .16);--light-blend: soft-light;--track-bg: #ebe9e4;--track-edge: rgba(255, 255, 255, .6);--track-ring: rgba(150, 135, 105, .12);--track-in-dark: rgba(150, 140, 120, .35);--track-in-light: rgba(255, 255, 255, .95);--thumb-top: rgba(255, 219, 140, .92);--thumb-bottom: rgba(255, 252, 244, .98);--thumb-border: rgba(255, 255, 255, .9);--rim-glow: #ffb21e;--icon-ink: #3a3835}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;min-height:100%}body{min-height:100dvh;font-family:var(--font-ui);font-size:16px;line-height:1.5;color:var(--text);background-color:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color var(--theme-ms) var(--ease),color var(--theme-ms) var(--ease)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1200px 800px at 15% 10%,var(--bg-glow),transparent 60%),radial-gradient(900px 700px at 90% 100%,var(--bg-glow),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);transition:opacity var(--theme-ms) var(--ease)}.backdrop:before{content:"";position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}[data-theme=day] .backdrop:before{opacity:.09;mix-blend-mode:multiply}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(0,0,0,.55) 100%)}[data-theme=day] .backdrop:after{background:radial-gradient(ellipse at 50% 40%,transparent 60%,rgba(160,130,80,.1) 100%)}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;transition:opacity var(--theme-ms) var(--ease)}[data-theme=night] .ambient{opacity:0;visibility:hidden}.orb{position:absolute;border-radius:50%}.orb--1{width:64vmax;height:64vmax;left:-18vmax;top:-26vmax;background:radial-gradient(circle,var(--orb-1) 0%,transparent 64%)}.orb--2{width:56vmax;height:56vmax;right:-16vmax;top:12vh;background:radial-gradient(circle,var(--orb-2) 0%,transparent 64%)}.orb--3{width:50vmax;height:50vmax;left:18vw;bottom:-30vmax;background:radial-gradient(circle,var(--orb-3) 0%,transparent 64%)}.toast,.toast.glass{position:fixed;left:50%;bottom:28px;z-index:200;padding:10px 18px;font-size:14px;font-weight:550;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}.toast.is-on{opacity:1;transform:translate(-50%)}.toast[data-kind=error]{color:var(--danger)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.glass{--lx: 30%;--ly: 0%;--prox: 0;--glass-blur: 6px;--glass-sat: 1.8;--glass-bright: 1.04;--glass-tint: var(--glass-fill);position:relative;isolation:isolate;background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));border-radius:var(--r-panel);box-shadow:inset 0 0 0 1px var(--glass-border),inset 1.5px 1.5px 0 -.5px var(--glass-hi),inset -1px -1.5px 0 -.5px var(--glass-lo),inset 0 0 22px -6px var(--glass-inner),inset 0 -14px 24px -18px var(--glass-inner),var(--glass-shadow);transition:transform .45s var(--ease),background-color var(--theme-ms) var(--ease),box-shadow var(--theme-ms) var(--ease)}.liquid .glass.lg-on{-webkit-backdrop-filter:var(--lg-lens) blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright));backdrop-filter:var(--lg-lens) blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-bright))}.glass:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.2px;background:radial-gradient(240px circle at var(--lx) var(--ly),var(--rim-strong),transparent 70%),linear-gradient(135deg,var(--rim-spec) 0%,transparent 22%,transparent 70%,var(--rim) 100%),linear-gradient(315deg,var(--rim-spec) 0%,transparent 14%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:calc(.7 + var(--prox) * .3);pointer-events:none}html:not(.liquid) .glass:before{filter:url(#glass-edge)}.glass:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(380px circle at var(--lx) var(--ly),var(--sheen),transparent 65%),radial-gradient(140% 70% at 50% -28%,var(--gloss) 0%,transparent 58%),linear-gradient(180deg,transparent 70%,color-mix(in srgb,var(--glass-inner) 35%,transparent));opacity:calc(.55 + var(--prox) * .45);pointer-events:none}.glass--lift{cursor:pointer}.glass--lift:hover,.glass--lift:focus-visible{transform:translateY(-2px) scale(1.03);--glass-tint: var(--glass-fill-hover);--glass-bright: 1.1;--prox: 1}.glass--lift:active{transform:translateY(0) scale(.97);transition-duration:.12s}.glass--pill{border-radius:var(--r-pill)}.glass--card{border-radius:var(--r-card)}.glass--squircle{border-radius:16px}.widget.glass,.config-panel.glass,.modal.glass{--glass-blur: 14px;--glass-tint: var(--glass-fill-strong)}.tabs.glass,.icon-btn.glass,.config-btn.glass,.toast.glass{--glass-blur: 3px;--glass-sat: 2}.glass .glass{--glass-blur: 0px;-webkit-backdrop-filter:none;backdrop-filter:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-solid)}}@supports (-moz-appearance: none){html:not(.liquid) .glass:before{filter:none}}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.theme-toggle{--tt-w: 92px;--tt-h: 50px;--tt-pad: 5px;--tt-thumb: calc(var(--tt-h) - var(--tt-pad) * 2);--tt-x: 0px;--rim-angle: 180deg;--rim-color: var(--rim-glow);position:relative;flex:none;width:var(--tt-w);height:var(--tt-h);padding:0;border:0;border-radius:var(--r-pill);background:var(--track-bg);box-shadow:inset 3px 4px 9px var(--track-in-dark),inset -2px -2px 6px var(--track-in-light),inset 0 0 0 1px var(--track-edge),0 1px color-mix(in srgb,var(--track-in-light) 60%,transparent),0 0 0 1px var(--track-ring);view-transition-name:theme-toggle;transition:background-color var(--theme-ms) var(--ease),box-shadow var(--theme-ms) var(--ease),--rim-angle .9s var(--ease-inout),--rim-color .9s var(--ease);-webkit-tap-highlight-color:transparent}[data-theme=day] .theme-toggle{--tt-x: calc(var(--tt-w) - var(--tt-thumb) - var(--tt-pad) * 2);--rim-angle: 390deg}.tt-thumb{position:absolute;top:var(--tt-pad);left:var(--tt-pad);width:var(--tt-thumb);height:var(--tt-thumb);border-radius:13px;transform:translate(var(--tt-x));background:linear-gradient(180deg,var(--thumb-top) 0%,var(--thumb-bottom) 100%);box-shadow:inset 0 0 0 1px var(--thumb-border),inset 0 -7px 14px -6px color-mix(in srgb,var(--rim-color) 85%,transparent),0 4px 10px #00000059,0 0 18px -2px color-mix(in srgb,var(--rim-color) 45%,transparent);transition:transform .82s var(--ease-spring),background .82s var(--ease),box-shadow .82s var(--ease)}[data-theme=day] .tt-thumb{box-shadow:inset 0 0 0 1px var(--thumb-border),inset 0 8px 16px -8px color-mix(in srgb,var(--rim-color) 90%,transparent),0 4px 12px #785a282e,0 0 26px 2px color-mix(in srgb,var(--rim-color) 35%,transparent)}.tt-rim{position:absolute;inset:-3px;border-radius:16px;padding:2px;background:conic-gradient(from calc(var(--rim-angle) - 90deg),transparent 0deg,var(--rim-color) 35deg,color-mix(in srgb,var(--rim-color) 35%,white) 70deg,#fff 90deg,color-mix(in srgb,var(--rim-color) 35%,white) 110deg,var(--rim-color) 145deg,transparent 180deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.tt-glow{position:absolute;inset:0;filter:blur(7px);opacity:.95;pointer-events:none}.tt-glow .tt-rim{inset:-6px;padding:7px;border-radius:19px}.tt-icon{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.theme-toggle:hover .tt-thumb{filter:brightness(1.06)}.theme-toggle:active .tt-thumb{transition-duration:.2s}.theme-toggle:focus-visible{outline-offset:4px}::view-transition-old(theme-toggle){display:none}::view-transition-new(theme-toggle){animation:none}::view-transition-group(theme-toggle){animation-duration:0s}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){-webkit-mask-image:radial-gradient(circle at var(--vt-x, 0px) var(--vt-y, 0px),#000 calc(var(--vt-r) - 220px),transparent var(--vt-r));mask-image:radial-gradient(circle at var(--vt-x, 0px) var(--vt-y, 0px),#000 calc(var(--vt-r) - 220px),transparent var(--vt-r));animation:vt-reveal var(--theme-ms) var(--ease-inout) both}::view-transition-old(root){animation:vt-dim var(--theme-ms) var(--ease-inout) both}@keyframes vt-reveal{0%{--vt-r: 0px}to{--vt-r: var(--vt-max, 2400px)}}@keyframes vt-dim{0%{filter:none}to{filter:grayscale(.4) brightness(var(--vt-dim, 1))}}@media(max-width:520px){.theme-toggle{--tt-w: 78px;--tt-h: 44px;--tt-pad: 4px}.tt-thumb{border-radius:11px}}@media(prefers-reduced-motion:reduce){.theme-toggle,.tt-thumb{transition-duration:1ms}}.topbar{position:absolute;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:var(--gutter);pointer-events:none}.topbar>*{pointer-events:auto}.top-left{justify-self:start;display:flex;align-items:center;gap:12px}.top-right{justify-self:end;display:flex;gap:10px}.icon-btn{display:inline-grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:16px;color:var(--text)}.icon-btn svg{width:20px;height:20px}.config-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px 0 13px;border:0;font-size:14px;font-weight:600;letter-spacing:.01em;animation:pop-in .6s var(--ease-spring) backwards}.config-btn svg{width:18px;height:18px;transition:transform .8s var(--ease)}.config-btn:hover svg{transform:rotate(90deg)}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.tabs{position:relative;display:flex;gap:2px;padding:5px}.tab{position:relative;z-index:1;min-width:96px;padding:9px 22px;border:0;border-radius:var(--r-pill);background:none;font-size:14.5px;font-weight:600;letter-spacing:.01em;color:var(--text-dim);transition:color .35s var(--ease)}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab:focus-visible{outline-offset:-2px}.tab-slider{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:var(--sw, 96px);transform:translate(var(--sx, 5px));border-radius:var(--r-pill);background:var(--chip-fill);box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 0 0 1px var(--glass-border),0 2px 10px #0000002e;transition:transform .6s var(--ease-spring),width .6s var(--ease-spring)}[data-theme=night] .tab-slider{background:linear-gradient(180deg,#ffffff24,#ffffff0d)}.stage{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,88px);min-height:100dvh;max-width:1320px;margin:0 auto;padding:calc(var(--gutter) + 90px) var(--gutter) calc(var(--gutter) + 20px)}.mascot{position:relative;display:grid;place-items:center;min-width:0}.mascot-canvas-wrap{position:relative;width:min(100%,540px);aspect-ratio:1 / 1.06}.mascot-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.mascot-canvas-wrap .bloom{filter:blur(14px) saturate(1.3);mix-blend-mode:var(--light-blend);opacity:.95}[data-theme=day] .mascot-canvas-wrap .bloom{mix-blend-mode:normal;opacity:.55;filter:blur(18px)}.mascot-canvas-wrap .crisp{cursor:pointer;border-radius:24px}.mascot-hint{margin:4px 0 0;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);user-select:none}.widget{width:100%;max-width:500px;justify-self:start;padding:clamp(22px,3vw,32px);display:grid;max-height:min(680px,calc(100dvh - 150px));min-height:0}.widget>[role=tabpanel]{grid-area:1 / 1;min-height:0;min-width:0}.widget>[role=tabpanel][hidden]{display:none}.widget.is-resizing{overflow:clip}.panel-enter{animation:panel-in .42s var(--ease) both}.panel-leave{animation:panel-out .2s var(--ease) both;pointer-events:none}.panel-enter.from-left{animation-name:panel-in-left}.panel-leave.to-right{animation-name:panel-out-right}@keyframes panel-in{0%{opacity:0;transform:translate(24px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes panel-in-left{0%{opacity:0;transform:translate(-24px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes panel-out{to{opacity:0;transform:translate(-18px)}}@keyframes panel-out-right{to{opacity:0;transform:translate(18px)}}@media(max-width:960px){.stage{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}@media(max-width:767px){.stage{grid-template-columns:minmax(0,1fr);align-items:start;justify-items:center;gap:8px;padding-top:calc(var(--gutter) + 76px)}.mascot-canvas-wrap{width:min(62vw,300px)}.widget{justify-self:stretch;max-width:none;max-height:none}.widget [data-scroll]{max-height:none;overflow:visible}}@media(max-width:520px){.topbar{grid-template-columns:1fr auto;row-gap:10px}.tabs{grid-column:1 / -1;grid-row:2;justify-self:center}.top-right{grid-column:2;grid-row:1}.tab{min-width:84px;padding:8px 18px}.stage{padding-top:calc(var(--gutter) + 128px)}.config-btn span{display:none}.config-btn{width:44px;padding:0;justify-content:center}}.core{display:grid;gap:22px;align-content:start}.identity{display:flex;align-items:center;gap:18px;min-width:0}.avatar{position:relative;flex:none;width:76px;height:76px;border-radius:50%;padding:4px;background:linear-gradient(150deg,var(--glass-hi),transparent 45%,var(--rim) 100%);box-shadow:inset 0 0 0 1px var(--glass-border),0 8px 24px #00000040}.avatar img,.avatar .monogram{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar .monogram{display:grid;place-items:center;font-family:var(--font-display);font-size:32px;color:var(--text);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 70%),var(--chip-fill)}.identity-text{min-width:0;display:grid;gap:8px;justify-items:start}.name{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(36px,4.6vw,52px);line-height:1;letter-spacing:-.01em;overflow-wrap:anywhere;user-select:none}.badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 13px 6px 10px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--badge-color, var(--text))}.badge svg{width:15px;height:15px;flex:none;color:var(--badge-color, var(--accent))}.badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-label{margin:0 0 10px;font-size:11.5px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px}.cover{width:60px;height:60px;border-radius:14px;object-fit:cover;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 18px #00000040,inset 0 0 0 1px var(--glass-border)}.cover--empty{display:grid;place-items:center;color:var(--accent-ink)}.cover--empty svg{width:26px;height:26px;opacity:.85}.track{min-width:0;display:grid;gap:2px}.track-title,.track-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title{font-weight:650;font-size:15px}.track-artist{font-size:13.5px;color:var(--text-dim)}.track-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;height:100%;border-radius:2px;background:var(--accent);transform-origin:bottom;transform:scaleY(.25);transition:transform .4s var(--ease)}.player.is-playing .eq i{animation:eq 1s var(--ease-inout) infinite alternate}.player.is-playing .eq i:nth-child(2){animation-duration:.7s;animation-delay:-.2s}.player.is-playing .eq i:nth-child(3){animation-duration:1.2s;animation-delay:-.5s}.player.is-playing .eq i:nth-child(4){animation-duration:.85s;animation-delay:-.1s}@keyframes eq{0%{transform:scaleY(.2)}50%{transform:scaleY(1)}to{transform:scaleY(.45)}}.eq-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.play-btn{width:48px;height:48px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:var(--text)}.play-btn svg{width:18px;height:18px}.embed-frame{grid-column:1 / -1;width:100%;height:80px;border:0;border-radius:12px}.embed-frame.is-video{height:auto;aspect-ratio:16 / 9}.socials{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.social{position:relative;display:grid;place-items:center;width:50px;height:50px;color:var(--text);text-decoration:none}.social svg{width:21px;height:21px;transition:filter .3s var(--ease)}.social:hover svg,.social:focus-visible svg{filter:drop-shadow(0 0 6px var(--accent))}.tip{position:absolute;bottom:calc(100% + 10px);left:50%;z-index:5;padding:5px 10px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--text);background:var(--glass-solid);box-shadow:inset 0 0 0 1px var(--glass-border),0 6px 18px #0003;transform:translate(-50%,4px);opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .3s var(--ease)}.social:hover .tip,.social:focus-visible .tip{opacity:1;transform:translate(-50%)}.projects{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;height:100%}.projects-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.projects-title{margin:0;font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1.05}.projects-count{font-size:13px;color:var(--text-faint)}.project-list{display:grid;gap:12px;margin:0;padding:4px 6px 6px 2px;list-style:none;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.project{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:14px;opacity:0}.project.no-thumb{grid-template-columns:minmax(0,1fr)}.projects.is-entering .project{animation:card-in .55s var(--ease) both;animation-delay:calc(var(--i) * 70ms + 80ms)}.projects:not(.is-entering) .project{opacity:1}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.project-thumb{width:76px;height:76px;border-radius:14px;object-fit:cover;box-shadow:inset 0 0 0 1px var(--glass-border)}.project-body{display:grid;gap:6px;min-width:0}.project h3{margin:0;font-size:16px;font-weight:650}.project p{margin:0;font-size:14px;color:var(--text-dim)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}.tags li{padding:2px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;color:var(--text-dim);background:var(--chip-fill);box-shadow:inset 0 0 0 1px var(--glass-border)}.project-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.link-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:650;text-decoration:none;color:var(--text)}.link-btn svg{width:14px;height:14px}.empty{display:grid;place-items:center;gap:6px;padding:48px 12px;text-align:center;color:var(--text-dim)}.empty strong{font-family:var(--font-display);font-weight:400;font-size:26px;color:var(--text)}.light{position:fixed;left:0;top:0;pointer-events:none;border-radius:50%;will-change:transform;opacity:0;transition:opacity .6s var(--ease)}.light.is-on{opacity:1}[data-theme=night] .light--front{display:none}.light--back{z-index:0;width:1100px;height:1100px;margin:-550px 0 0 -550px;background:radial-gradient(circle,var(--light-core) 0%,var(--light-mid) 32%,transparent 65%)}.light--front{z-index:60;width:520px;height:520px;margin:-260px 0 0 -260px;background:radial-gradient(circle,var(--light-front) 0%,transparent 62%);mix-blend-mode:var(--light-blend)}[data-theme=day] .light--front{background:radial-gradient(circle,rgba(255,205,100,.45) 0%,transparent 60%)}.flare{position:fixed;left:0;top:0;z-index:61;border-radius:50%;pointer-events:none;will-change:transform,opacity;opacity:0;mix-blend-mode:screen}[data-theme=day] .flare.is-on{opacity:var(--a, .3)}.flare--1{width:60px;height:60px;margin:-30px 0 0 -30px;background:radial-gradient(circle,rgba(255,220,140,.5),transparent 70%)}.flare--2{width:26px;height:26px;margin:-13px 0 0 -13px;background:radial-gradient(circle,transparent 45%,rgba(255,190,90,.55) 60%,transparent 72%)}.flare--3{width:110px;height:110px;margin:-55px 0 0 -55px;background:radial-gradient(circle,rgba(255,236,190,.25),transparent 70%)}.cursor-dot{position:fixed;left:0;top:0;z-index:300;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;pointer-events:none;background:var(--text);box-shadow:0 0 10px 2px color-mix(in srgb,var(--accent) 60%,transparent);opacity:0;transition:opacity .3s,width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),background-color .3s}.cursor-dot.is-on{opacity:1}.cursor-dot.is-hover{width:14px;height:14px;margin:-7px 0 0 -7px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--text),0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}[data-theme=night] .cursor-dot{background:#fff}html.custom-cursor,html.custom-cursor *{cursor:none!important}html.custom-cursor :is(input,textarea,select,[contenteditable]),html.custom-cursor .config-panel,html.custom-cursor .config-panel *,html.custom-cursor .modal,html.custom-cursor .modal *{cursor:auto!important}html.custom-cursor .config-panel :is(button,a,label,summary,select),html.custom-cursor .modal :is(button,a,label){cursor:pointer!important}.ripple{position:fixed;z-index:300;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--light-core),transparent 70%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 50%,transparent);animation:ripple .8s var(--ease) forwards}@keyframes ripple{0%{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0}}.scrim{position:fixed;inset:0;z-index:150;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .3s var(--ease) both}[data-theme=day] .scrim{background:#78643c24}@keyframes fade-in{0%{opacity:0}}.modal{position:fixed;left:50%;top:50%;z-index:160;width:min(400px,calc(100vw - 32px));padding:26px;transform:translate(-50%,-50%);animation:modal-in .45s var(--ease) both}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}}.modal h2{margin:0 0 6px;font-family:var(--font-display);font-weight:400;font-size:30px}.modal p{margin:0 0 16px;color:var(--text-dim);font-size:14px}.modal .row{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.modal .error{min-height:1.4em;margin:8px 0 0;font-size:13px;color:var(--danger)}.config-panel{position:fixed;top:12px;bottom:12px;left:12px;z-index:140;width:min(460px,calc(100vw - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:color-mix(in srgb,var(--glass-solid) 80%,transparent);transform:translate(calc(-100% - 24px));transition:transform .55s var(--ease),background-color var(--theme-ms) var(--ease);visibility:hidden}.config-panel.is-open{transform:none;visibility:visible}.config-panel.is-closing{visibility:visible}.cp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 12px}.cp-head h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1}.cp-head .cp-sub{font-size:12px;color:var(--text-faint)}.cp-body{overflow-y:auto;padding:4px 22px 22px;display:grid;gap:14px;align-content:start;scrollbar-width:thin}.cp-foot{display:flex;flex-wrap:wrap;gap:8px;padding:14px 22px 18px;border-top:1px solid var(--glass-border)}.cp-foot .spacer{flex:1}.cp-section{display:grid;gap:10px;padding:14px;border-radius:18px;background:var(--chip-fill);box-shadow:inset 0 0 0 1px var(--glass-border)}.cp-section>h3{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.cp-warning{padding:10px 12px;border-radius:12px;font-size:13px;color:var(--text);background:color-mix(in srgb,var(--danger) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 40%,transparent)}.cp-note{margin:0;font-size:12.5px;color:var(--text-faint)}.field{display:grid;gap:5px;min-width:0}.field>span{font-size:12.5px;font-weight:600;color:var(--text-dim)}.field-row{display:flex;gap:8px;align-items:end;min-width:0}.field-row>.field{flex:1}.input,.select,.textarea{width:100%;min-width:0;padding:9px 12px;border:0;border-radius:11px;font-size:14px;color:var(--text);background:color-mix(in srgb,var(--bg) 55%,transparent);box-shadow:inset 0 0 0 1px var(--glass-border),inset 0 1px 2px #0000001f;transition:box-shadow .2s}.textarea{resize:vertical;min-height:64px}.input:focus,.select:focus,.textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--focus)}.input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--danger)}.field .hint{font-size:11.5px;color:var(--danger);min-height:0}.input[type=color]{padding:3px;height:38px;width:52px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border:0;border-radius:12px;font-size:13.5px;font-weight:650;color:var(--text);background:var(--chip-fill);box-shadow:inset 0 0 0 1px var(--glass-border),inset 0 1px 0 var(--glass-hi);transition:transform .2s var(--ease),background-color .2s;white-space:nowrap}.btn:hover{background:var(--glass-fill-hover)}.btn:active{transform:scale(.97)}.btn svg{width:16px;height:16px}.btn--primary{color:var(--accent-ink);background:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}.btn--primary:hover{background:color-mix(in srgb,var(--accent) 88%,white)}.btn--danger{color:var(--danger)}.btn--icon{width:36px;min-height:36px;padding:0;border-radius:10px}.btn[disabled]{opacity:.45;pointer-events:none}.icon-picker{display:flex;flex-wrap:wrap;gap:6px}.icon-picker label{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--bg) 40%,transparent);box-shadow:inset 0 0 0 1px var(--glass-border)}.icon-picker label:has(input:checked){box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent)}.icon-picker label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.icon-picker input{position:absolute;opacity:0;pointer-events:none}.icon-picker svg{width:18px;height:18px}.list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.list-item{display:grid;gap:8px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--bg) 35%,transparent);box-shadow:inset 0 0 0 1px var(--glass-border);transition:transform .2s var(--ease),opacity .2s}.list-item.is-dragging{opacity:.45}.list-item.is-drop-target{box-shadow:inset 0 0 0 2px var(--accent)}.list-item-head{display:flex;align-items:center;gap:6px;min-width:0}.list-item-head .grow{flex:1;min-width:0}.drag-handle{cursor:grab!important;color:var(--text-faint);touch-action:none}.platform-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--chip-fill)}.platform-icon svg{width:18px;height:18px}.list-item details>summary{cursor:pointer;font-weight:650;font-size:14px;list-style:none;display:flex;gap:8px;align-items:center}.list-item details>summary::-webkit-details-marker{display:none}.list-item details[open]>summary{margin-bottom:8px}.list-item details>summary .chev{transition:transform .25s var(--ease)}.list-item details[open]>summary .chev{transform:rotate(90deg)}.avatar-edit{display:flex;align-items:center;gap:14px}.avatar-edit .avatar{width:64px;height:64px}.crop-stage{position:relative;width:240px;height:240px;margin:0 auto 14px;border-radius:50%;overflow:hidden;touch-action:none;cursor:grab!important;background:#000;box-shadow:0 0 0 4px var(--glass-border),0 10px 30px #0000004d}.crop-stage canvas{width:100%;height:100%;display:block}.range{width:100%;accent-color:var(--accent)}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:520px){.config-panel{top:0;bottom:0;left:0;width:100vw;border-radius:0}}.scrim--clear,[data-theme=day] .scrim--clear{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.stats-btn:hover svg{transform:translateY(-1px)}.stats-scrim{z-index:150;background:#0405099e;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=day] .stats-scrim{background:#5a482847}html.is-dialog-open .light,html.is-dialog-open .flare{opacity:0;transition:none}html.is-dialog-open .eq i,html.is-dialog-open .stage *,html.is-dialog-open .ambient *{animation-play-state:paused!important}.stats-modal{position:fixed;left:50%;top:50%;z-index:155;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto minmax(0,1fr);background:color-mix(in srgb,var(--glass-solid) 90%,transparent);--glass-blur: 4px;transform:translate(-50%,-50%);animation:stats-in .5s var(--ease) both}@keyframes stats-in{0%{opacity:0;transform:translate(-50%,-47%) scale(.97)}}.st-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px;padding:22px 24px 12px}.st-title{display:grid;gap:4px}.st-title h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1}.st-sub{font-size:12px;color:var(--text-faint)}.st-controls{display:flex;align-items:center;gap:10px}.st-seg{display:flex;padding:3px;border-radius:var(--r-pill);background:var(--chip-fill);box-shadow:inset 0 0 0 1px var(--glass-border)}.st-seg-btn{border:0;padding:7px 14px;border-radius:var(--r-pill);font:inherit;font-size:13px;font-weight:600;color:var(--text-dim);background:transparent;transition:background-color .25s var(--ease),color .25s;white-space:nowrap}.st-seg-btn:hover{color:var(--text)}.st-seg-btn[aria-selected=true]{color:var(--text);background:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 1px 0 var(--glass-hi)}.st-seg-btn:focus-visible,.st-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.st-body{overflow-y:auto;padding:4px 24px 24px;display:grid;gap:12px;align-content:start;scrollbar-width:thin;transition:opacity .25s}.st-body[aria-busy=true]>:not(.st-skeleton){opacity:.55}.st-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.st-kpi,.st-card{padding:14px 16px;border-radius:var(--r-card);background:var(--chip-fill);box-shadow:inset 0 0 0 1px var(--glass-border)}.st-kpi{display:grid;gap:2px;align-content:start;min-width:0}.st-kpi-label,.st-kpi-sub{font-size:12px;color:var(--text-faint)}.st-kpi-value{font-family:var(--font-display);font-weight:400;font-size:40px;line-height:1.05;font-variant-numeric:tabular-nums}.st-delta{font-size:12px;font-weight:600}.st-delta.is-up{color:var(--ok)}.st-delta.is-down{color:var(--danger)}.st-delta.is-flat{color:var(--text-faint)}.st-label{margin:0 0 12px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.st-bars{display:flex;align-items:flex-end;gap:4px;height:120px}.st-bar{flex:1;min-width:2px;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--accent-2),color-mix(in srgb,var(--accent) 45%,transparent));transform-origin:bottom;animation:st-grow .7s var(--ease) both;animation-delay:calc(var(--i) * 12ms)}.st-bar:hover{filter:brightness(1.15)}@keyframes st-grow{0%{transform:scaleY(0)}}.st-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--text-faint)}.st-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.st-rank{list-style:none;margin:0;padding:0;display:grid;gap:10px}.st-rank li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:baseline;font-size:14px}.st-rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-rank-val{color:var(--text-dim);font-variant-numeric:tabular-nums}.st-meter{grid-column:1 / -1;height:4px;border-radius:4px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden}.st-meter i{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),var(--accent-2))}.st-none{margin:0;font-size:13px;color:var(--text-faint)}.st-message{margin:8px 0 4px;padding:18px;border-radius:var(--r-card);text-align:center;font-size:14px;color:var(--text-dim);background:var(--chip-fill)}.st-skeleton{display:grid;gap:12px}.st-skeleton .st-kpi-value{color:var(--text-faint)}.st-chart-ph{height:170px;animation:st-pulse 1.4s ease-in-out infinite}@keyframes st-pulse{50%{opacity:.5}}@media(max-width:600px){.st-head{padding:18px 16px 10px}.st-controls{width:100%;justify-content:space-between}.st-seg{flex:1}.st-seg-btn{flex:1;padding:7px 8px}.st-body{padding:4px 16px 18px}.st-kpis{gap:8px}.st-kpi{padding:12px}.st-kpi-value{font-size:30px}.st-lists{grid-template-columns:1fr}.st-bars{height:96px;gap:2px}}@media(prefers-reduced-motion:reduce){.stats-modal,.st-bar,.st-chart-ph{animation:none}}.stats-modal.no-motion,.stats-modal.no-motion .st-bar,.stats-modal.no-motion .st-chart-ph{animation:none}
