@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}:root{--panel-width: 392px;--panel-gap: 16px;--panel-stub: 68px;--bg: #0e0f11;--surface: rgba(22, 24, 27, .82);--surface-solid: #16181b;--border: rgba(255, 255, 255, .1);--text: #f2f2f0;--text-dim: rgba(242, 242, 240, .55);--accent: #c8875a;--radius: 14px;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter Variable,Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#app{position:relative;width:100%;height:100%}#scene{display:block;width:100%;height:100%;touch-action:none}.boot{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0e0f11;font-family:system-ui,-apple-system,Segoe UI,sans-serif;transition:opacity .45s cubic-bezier(.22,.61,.36,1)}.boot--done{opacity:0;pointer-events:none}.boot__mark{color:#f2f2f0;font-size:17px;font-weight:600;letter-spacing:.02em}.boot__bar{width:132px;height:2px;border-radius:2px;overflow:hidden;background:#f2f2f01f}.boot__bar span{display:block;width:40%;height:100%;border-radius:2px;background:#c8875a;animation:boot-sweep 1.15s cubic-bezier(.5,0,.5,1) infinite}@keyframes boot-sweep{0%{transform:translate(-100%)}to{transform:translate(330%)}}@media(prefers-reduced-motion:reduce){.boot__bar span{width:100%;animation:none;opacity:.5}}.kunpc{display:none;position:fixed;inset:0;z-index:20;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;padding:32px 28px;background:#0e0f11;color:#f2f2f0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;text-align:center}.kunpc__mark{font-size:17px;font-weight:600;letter-spacing:.02em}.kunpc__tekst{margin:0;max-width:22ch;font-size:21px;font-weight:500;line-height:1.3}.kunpc__hint{margin:0;max-width:34ch;color:#f2f2f09e;font-size:14px;line-height:1.5}@media(pointer:coarse)and (max-width:1180px){.kunpc{display:flex}}.panel{position:absolute;top:var(--panel-gap);right:var(--panel-gap);max-height:calc(100% - 2 * var(--panel-gap));width:var(--panel-width);display:flex;flex-direction:column;background:var(--surface);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 60px #00000073;transition:transform .45s var(--ease),opacity .3s var(--ease)}.panel--collapsed{transform:translate(calc(var(--panel-width) - var(--panel-stub)))}.panel--collapsed .panel__body,.panel--collapsed .panel__footer{opacity:0;pointer-events:none}.panel--collapsed .panel__title{opacity:0}.panel__header{display:flex;align-items:center;gap:16px;padding:21px;border-bottom:1px solid var(--border);flex:0 0 auto}.panel__title{margin:0;transition:opacity .25s var(--ease);white-space:nowrap;font-size:17px;font-weight:600;letter-spacing:.02em}.panel__body{flex:1 1 auto;transition:opacity .25s var(--ease);overflow-y:auto;overscroll-behavior:contain;padding:10px 24px}.panel__footer{flex:0 0 auto;padding:0 24px;border-top:1px solid transparent}.panel__footer:not(:empty){padding:18px 24px;border-top-color:var(--border)}.panel__toggle{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}.panel__toggle:hover{background:#ffffff0f;border-color:#fff3}.panel__toggle-icon{width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translate(-1px,-1px);transform-origin:center;transition:transform .35s var(--ease)}.panel--collapsed .panel__toggle-icon{transform:rotate(135deg) translate(-1px,-1px)}.panel--collapsed .panel__header{border-bottom-color:transparent}.panel__body::-webkit-scrollbar{width:8px}.panel__body::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}.panel__body::-webkit-scrollbar-track{background:transparent}@media(max-width:720px){.panel{top:auto;left:var(--panel-gap);right:var(--panel-gap);bottom:var(--panel-gap);width:auto;max-height:55vh}.panel--collapsed{transform:translateY(calc(100% - 61px))}.panel--collapsed .panel__toggle-icon{transform:rotate(-135deg) translate(-1px,-1px)}.panel__toggle-icon{transform:rotate(45deg) translate(-1px,-1px)}}.section{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.07)}.section:last-child{border-bottom:none}.section__title{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.section__content{display:flex;flex-direction:column;gap:22px}.control{display:flex;flex-direction:column;gap:9px}.control__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.005em;color:var(--text)}.control__value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:500;color:var(--text-dim);white-space:nowrap}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;background:#ffffff29;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--text);border:none;cursor:pointer;transition:background .15s var(--ease)}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--text);border:none;cursor:pointer}.switch{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:14.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch__input{grid-area:1 / 2;width:40px;height:22px;margin:0;opacity:0;cursor:pointer}.switch__track{grid-area:1 / 2;position:relative;width:40px;height:22px;border-radius:11px;background:#ffffff1f;box-shadow:inset 0 0 0 1px var(--border);transition:background .2s var(--ease);pointer-events:none}.switch__knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text);transition:transform .2s var(--ease)}.switch__input:checked+.switch__track{background:var(--accent)}.switch__input:checked+.switch__track .switch__knob{transform:translate(18px)}.switch__input:focus-visible+.switch__track{box-shadow:inset 0 0 0 1px var(--border),0 0 0 2px #c8875a8c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cards:has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,1fr)}.card{display:block;padding:0;overflow:hidden;border:1px solid transparent;border-radius:12px;background:#00000047;font:inherit;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease)}.card:hover{border-color:#ffffff2e}.card[aria-pressed=true]{border-color:var(--accent);background:#c8875a33}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card__art{display:grid;place-items:center;width:100%;height:83px;padding:8px 8px 7px;background:linear-gradient(#ffffff12,#ffffff04)}.card__art svg{display:block;height:100%;width:auto}.swatches{display:flex;gap:9px}.swatch{flex:1 1 0;height:34px;padding:0;border:none;border-radius:8px;background:var(--tone);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff2e;transition:box-shadow .18s var(--ease),transform .18s var(--ease)}.swatch:hover{transform:translateY(-1px)}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 2px var(--surface-solid),0 0 0 4px var(--accent)}.choice__item--tone{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 4px}.choice__tone{width:100%;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff29}.viewbar{pointer-events:none;position:absolute;bottom:calc(var(--panel-gap) + 6px);left:calc((100% - var(--panel-width) - var(--panel-gap)) / 2);transform:translate(-50%);display:flex;gap:3px;padding:5px;background:var(--surface);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--border);border-radius:999px;box-shadow:0 12px 34px #0006}.viewbar__item{pointer-events:auto;padding:11px 24px;border:none;border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:background .18s var(--ease),color .18s var(--ease)}.viewbar__item:hover{color:var(--text)}.viewbar__item[aria-pressed=true]{background:#ffffff1f;color:var(--text)}@media(max-width:720px){.viewbar{left:50%;bottom:calc(55vh + var(--panel-gap) + 10px)}#app:has(.panel--collapsed) .viewbar{bottom:calc(var(--panel-gap) + 72px)}}.plan{display:flex;align-items:center;gap:0;padding:4px 0 2px}.plan__end{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px 6px;border:none;border-radius:10px;background:transparent;color:var(--text-dim);font:inherit;font-size:11px;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.plan__end:hover{color:var(--text);background:#ffffff0d}.plan__end[aria-pressed=true]{color:var(--text);background:#c8875a2e}.plan__end:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.plan__art{display:grid;place-items:center;height:52px}.plan__art svg{display:block;height:100%;width:auto}.plan__body{flex:1 1 auto;align-self:flex-start;height:40px;margin:14px -2px 0;border-radius:3px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0 1px,transparent 1px 10px),#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14}