:root{--font-sans:ui-sans-serif, -apple-system, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", monospace;--ui-font:var(--font-sans);--ease:cubic-bezier(.22, .61, .36, 1);--fast:.12s;--med:.22s}:root[data-surface=paper]{--ui-bg:#efe7d6;--ui-chrome:#efe7d6;--ui-text:#4a443b;--ui-dim:#8a8073;--ui-border:#ddd2bc;--ui-hover:#e4dac5;--ui-active:#d9cdb4;--ui-accent:#8a5a2b;--ui-accent-ink:#8a5a2b;--ui-accent-fg:#fff}:root[data-surface=light]{--ui-bg:#f0f1f3;--ui-chrome:#f0f1f3;--ui-text:#32383f;--ui-dim:#7b838c;--ui-border:#dfe2e6;--ui-hover:#e6e8eb;--ui-active:#dadde1;--ui-accent:#2563c9;--ui-accent-ink:#2563c9;--ui-accent-fg:#fff}:root[data-surface=dark]{--ui-bg:#101216;--ui-chrome:#15181d;--ui-text:#c2cad3;--ui-dim:#79828d;--ui-border:#262b33;--ui-hover:#1e222a;--ui-active:#272d36;--ui-accent:#4d9dff;--ui-accent-ink:#4d9dff;--ui-accent-fg:#06121f}*,:before,:after{box-sizing:border-box}html,body{height:100dvh;margin:0;overflow:hidden}html{background:var(--ui-bg)}body{font-family:var(--ui-font);background:var(--ui-bg);color:var(--ui-text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:default;overscroll-behavior:none;font-size:13px}#app{height:100%}:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.shell{grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.palette{flex-direction:row;min-height:0;display:flex;overflow:hidden}.swatch{cursor:default;min-width:0;min-height:0;transition:flex-grow var(--med) var(--ease);border:none;flex:1 1 0;justify-content:center;align-items:flex-end;padding:0 0 8vh;display:flex;position:relative}.swatch__body{color:var(--on);pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex}.swatch__hex{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:clamp(15px,2.2vw,21px);font-weight:700}.swatch__name{letter-spacing:.04em;opacity:.62;font-size:11.5px}.swatch__tools{opacity:0;transition:opacity var(--fast) var(--ease);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.swatch:hover .swatch__tools,.swatch:focus-within .swatch__tools{opacity:1}@media (hover:none){.swatch__tools{opacity:.75}}.swatch[data-locked=true] .swatch__tools{opacity:1}.swatch__btn{width:34px;height:34px;color:var(--on);cursor:default;transition:background var(--fast) var(--ease);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.swatch__btn:hover{background:color-mix(in srgb, var(--on) 16%, transparent)}.swatch__btn svg{width:17px;height:17px}.swatch__btn[data-hidden=true]{visibility:hidden}.swatch__btn--drag{touch-action:none;cursor:grab}.palette--dragging,.palette--dragging .swatch{cursor:grabbing}.swatch--carried{z-index:6;box-shadow:0 4px 14px #00000040,0 18px 48px #00000059}.shades{z-index:4;display:flex;position:absolute;inset:0}.shades--col{flex-direction:column}.shades--row{flex-direction:row}.shades__step{cursor:default;border:none;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative}.shades__hex{font-family:var(--font-mono);letter-spacing:.06em;opacity:0;pointer-events:none;font-size:11px}.shades__step:hover .shades__hex,.shades__step:focus-visible .shades__hex{opacity:.9}@media (hover:none){.shades__hex{opacity:.55}}.contrast{width:240px;padding:8px 10px}.contrast__row{align-items:center;gap:8px;padding:6px 2px;font-size:12.5px;display:flex}.contrast__row>span:first-child{flex:auto}.contrast__ratio{font-variant-numeric:tabular-nums;color:var(--ui-dim)}.contrast__grade{text-align:center;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;min-width:44px;padding:2px 7px;font-size:10.5px;font-weight:650}.contrast__grade[data-ok=true]{color:#1a7f4b;background:#1a7f4b22}.contrast__grade[data-ok=false]{color:#b3261e;background:#b3261e22}.card{padding:0;overflow:hidden}.card__head{justify-content:space-between;align-items:flex-start;padding:18px 16px 20px;display:flex}.card__name{font-size:19px;font-weight:650;display:block}.card__hex{font-family:var(--font-mono);opacity:.8;font-size:12.5px}.card__close:hover{background:#0000001f}.card__body{min-height:0;padding:14px 16px 16px;overflow-y:auto}.card__body .pop__label{margin:14px 0 7px}.card__grid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:6px;display:grid}.card__format{border:1px solid var(--ui-border);background:var(--ui-hover);color:var(--ui-text);font:inherit;cursor:default;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:7px 9px;display:flex}.card__format:hover{background:var(--ui-active)}.card__format-label{letter-spacing:.06em;color:var(--ui-dim);font-size:10px;font-weight:650}.card__format-value{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;overflow:hidden}.card__harmonies{grid-template-columns:1fr 1fr;gap:6px;display:grid}.card__harmony{border:1px solid var(--ui-border);color:var(--ui-text);font:inherit;cursor:default;background:0 0;border-radius:8px;flex-direction:column;gap:5px;padding:7px;font-size:11px;display:flex}.card__harmony:hover{background:var(--ui-hover)}.card__strip{border-radius:5px;height:22px;display:flex;overflow:hidden}.card__strip i{flex:1 1 0}.card__harmony-name{color:var(--ui-dim);text-align:left}.card__shades{border-radius:6px;display:flex;overflow:hidden}.card__chip{cursor:default;border:none;flex:1 1 0;height:26px;padding:0}.card__chip:hover{transform:scaleY(1.18)}.card__similars{grid-template-columns:1fr 1fr;gap:6px;display:grid}.card__similar{border:1px solid var(--ui-border);color:var(--ui-text);font:inherit;cursor:default;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.card__similar:hover{background:var(--ui-hover)}.card__similar i{border:1px solid #0000001a;border-radius:5px;flex-shrink:0;width:20px;height:20px}.card__similar em{font-style:normal;font-family:var(--font-mono);color:var(--ui-dim);font-size:10px;display:block}.seam{z-index:3;flex:0 0 0;position:relative}.seam__btn{background:var(--ui-panel,var(--ui-chrome));width:32px;height:32px;color:var(--ui-text);opacity:0;cursor:default;transition:opacity var(--fast) var(--ease), transform var(--fast) var(--ease);border:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000038}.seam:hover .seam__btn,.seam__btn:focus-visible{opacity:1}.seam__btn:hover{transform:translate(-50%,-50%)scale(1.12)}.seam__btn svg{width:15px;height:15px}@media (hover:none){.seam{display:none}}.bar{background:var(--ui-chrome);border-top:1px solid var(--ui-border);align-items:center;gap:10px;min-width:0;padding:13px 16px;display:flex}.bar__brand{flex-shrink:0;align-items:center;gap:9px;display:inline-flex}.bar__name{letter-spacing:.01em;color:var(--ui-text);font-size:13.5px;font-weight:700}.bar__mark{flex-shrink:0;width:30px;height:30px}.bar__mark svg{width:100%;height:100%}.bar__spacer{flex:auto;min-width:0}.bar__tools{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--ui-border);background:var(--ui-hover);min-width:42px;height:42px;color:var(--ui-text);font:inherit;cursor:default;transition:background var(--fast) var(--ease);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:550;display:inline-flex}.btn:hover{background:var(--ui-active)}.btn svg{width:17px;height:17px}.btn--plain{color:var(--ui-dim);background:0 0;border-color:#0000}.btn--plain:hover{background:var(--ui-hover);color:var(--ui-text)}.btn--generate{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-fg);padding:0 20px}.btn--generate:hover{background:var(--ui-accent);filter:brightness(1.06)}.count{flex-shrink:0;align-items:center;gap:1px;display:flex}.count__value{text-align:center;font-variant-numeric:tabular-nums;min-width:2.2em;color:var(--ui-dim);font-size:12.5px}.hint{color:var(--ui-dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11.5px;overflow:hidden}@media (width<=720px){.palette{flex-direction:column}.swatch{justify-content:flex-start;align-items:center;padding:0}.swatch__body{flex-direction:row;align-items:baseline;gap:8px}.swatch__hex{font-size:17px}.swatch__tools{flex-direction:row;justify-content:flex-end;padding:0;top:50%;left:auto;right:6px;transform:translateY(-50%)}.swatch__btn--wide{display:none}.swatch__body{position:absolute;top:50%;left:14px;transform:translateY(-50%)}.bar{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));grid-template-columns:auto 1fr auto;grid-template-areas:"gen gen count""mark views tools";gap:10px 8px;display:grid}.btn--generate{grid-area:gen;display:flex}.count{grid-area:count;justify-self:end}.bar__brand{grid-area:mark;align-self:center}.views{grid-area:views;justify-self:center}.views .btn{min-width:38px;height:40px;padding:0 6px}.shell[data-view=split] .stage{flex-direction:column}.shell[data-view=split] .palette{flex:0 0 42%}.shell[data-view=split] .scene-wrap{border-left:none;border-top:1px solid var(--ui-border)}.scene{padding:12px}.bar__spacer,.hint{display:none}.bar__tools{grid-area:tools;justify-self:end;gap:6px}.btn{height:46px}.pop{bottom:148px}.toast{bottom:158px}.swatch__btn{width:36px;height:40px}.swatch__body{right:200px}.swatch__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.toast{background:var(--ui-panel,var(--ui-chrome));border:1px solid var(--ui-border);color:var(--ui-text);z-index:60;pointer-events:none;animation:toast-in var(--med) var(--ease);border-radius:999px;padding:8px 15px;font-size:12.5px;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000024,0 12px 32px #00000029}.toast[hidden]{display:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.pop{background:var(--ui-panel,var(--ui-chrome));border:1px solid var(--ui-border);z-index:40;border-radius:12px;width:min(320px,100vw - 20px);max-height:calc(100dvh - 80px);padding:12px;position:fixed;bottom:78px;right:10px;overflow-y:auto;box-shadow:0 4px 14px #00000024,0 16px 48px #0003}.pop--menu{width:auto;min-width:190px;padding:6px;right:54px}.pop--export{width:min(300px,100vw - 20px)}.pop--adjust{width:min(320px,100vw - 20px)}.adjust__head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.adjust__chip{border:1px solid var(--ui-border);border-radius:7px;flex-shrink:0;width:30px;height:30px}.adjust__hex{border:1px solid var(--ui-border);background:var(--ui-hover);width:96px;height:32px;color:var(--ui-text);font-family:var(--font-mono);letter-spacing:.05em;text-align:center;border-radius:7px;font-size:12.5px}.adjust__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ui-dim);text-align:right;flex:auto;font-size:11.5px;overflow:hidden}.adjust__row{margin-top:11px;display:block}.adjust__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-dim);margin-bottom:5px;font-size:10.5px;display:block}.adjust__track{border:1px solid var(--ui-border);border-radius:999px;height:22px;display:block}.adjust__track input[type=range]{appearance:none;background:0 0;width:100%;height:100%;margin:0;display:block}.adjust__track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #00000059;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0000004d}.adjust__track input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #00000059;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0000004d}.adjust__value{float:right;color:var(--ui-text);font-style:normal}.adjust__area{border:1px solid var(--ui-border);cursor:crosshair;touch-action:none;border-radius:9px;height:168px;margin-top:11px;position:relative;overflow:hidden}.adjust__area-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 1px #00000059,0 1px 4px #0000004d}.adjust__track--hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.adjust__foot{align-items:center;gap:8px;margin-top:12px;display:flex}.adjust__mode{border:1px solid var(--ui-border);background:var(--ui-hover);height:32px;color:var(--ui-text);font:inherit;border-radius:7px;padding:0 8px;font-size:12px}#adj-pick{min-width:32px;height:32px}#adj-pick svg{width:16px;height:16px}.export-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.export-grid .btn{justify-content:center;padding:0 6px}.menu-item{width:100%;color:var(--ui-text);font:inherit;text-align:left;cursor:default;background:0 0;border:none;border-radius:7px;padding:8px 10px;font-size:12.5px;display:block}.menu-item:hover{background:var(--ui-hover)}.menu-item[aria-checked=true]{background:color-mix(in srgb, var(--ui-accent) 14%, transparent);color:var(--ui-accent-ink,var(--ui-text));font-weight:600}.pop__section+.pop__section{border-top:1px solid var(--ui-border);margin-top:14px;padding-top:12px}.pop__label{letter-spacing:.07em;text-transform:uppercase;color:var(--ui-accent-ink,var(--ui-dim));margin-bottom:8px;font-size:10.5px;font-weight:600;display:block}.pop__wide{justify-content:center;width:100%;margin-top:8px}.surfaces{gap:6px;display:flex}.surface{border:1px solid var(--ui-border);color:var(--ui-text);font:inherit;cursor:default;background:0 0;border-radius:9px;flex-direction:column;flex:1 1 0;align-items:center;gap:5px;padding:7px 4px;font-size:11.5px;display:flex}.surface[aria-pressed=true]{border-color:var(--ui-accent);box-shadow:inset 0 0 0 1px var(--ui-accent)}.surface__chip{border:1px solid #00000014;border-radius:6px;flex-direction:column;justify-content:center;gap:3px;width:100%;height:30px;padding:0 8px;display:flex}.surface__chip i{opacity:.75;border-radius:2px;height:3px;display:block}.surface__chip i:last-child{width:60%}.surface__chip--strip{flex-direction:row;gap:0;padding:0;overflow:hidden}.surface__chip--strip i{opacity:1;border-radius:0;flex:1 1 0;width:auto;height:100%}.surface__chip--strip i:last-child{width:auto}.theme-list{flex-direction:column;gap:1px;max-height:236px;display:flex;overflow-y:auto}.theme-row{cursor:default;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}.theme-row:hover{background:var(--ui-hover)}.theme-row[aria-pressed=true]{background:color-mix(in srgb, var(--ui-accent) 14%, transparent)}.theme-row__dots{flex-shrink:0;gap:3px;display:flex}.theme-row__dots i{border:1px solid #0000001f;border-radius:50%;width:10px;height:10px}.theme-row__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:12.5px;overflow:hidden}.theme-row__remove{color:var(--ui-dim);cursor:default;visibility:hidden;background:0 0;border:none;border-radius:5px;padding:2px 5px;font-size:15px;line-height:1}.theme-row:hover .theme-row__remove{visibility:visible}.theme-row__remove:hover{background:var(--ui-active);color:var(--ui-text)}.drop-hint{border:1.5px dashed var(--ui-border);width:100%;color:var(--ui-dim);font:inherit;text-align:center;cursor:default;background:0 0;border-radius:8px;margin-top:8px;padding:10px;font-size:11.5px;display:block}.drop-hint:hover{border-color:var(--ui-accent);color:var(--ui-text)}.drop-hint code{font-family:var(--font-mono);font-size:10.5px}.extract{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.extract[hidden]{display:none}.extract__panel{background:var(--ui-panel,var(--ui-chrome));border:1px solid var(--ui-border);border-radius:14px;flex-direction:column;gap:10px;width:min(680px,100%);max-height:100%;padding:12px;display:flex;position:relative;box-shadow:0 12px 48px #00000059}.extract__head{justify-content:space-between;align-items:center;display:flex}.extract__title{padding-left:4px;font-weight:600}.extract__drop{border:1.5px dashed var(--ui-border);background:var(--ui-hover);min-height:200px;color:var(--ui-dim);font:inherit;cursor:default;transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.extract__drop:hover{border-color:var(--ui-accent);color:var(--ui-text)}.extract__drop svg{width:28px;height:28px}.extract__drop strong{color:var(--ui-text);font-weight:600}.extract__fine{opacity:.75;font-size:11px}.extract__drop[hidden]{display:none}.extract__stage{flex-direction:column;gap:10px;min-height:0;display:flex}.extract__stage[hidden]{display:none}.extract__wrap{background:var(--ui-hover);border-radius:10px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.extract__wrap canvas{width:auto;max-width:100%;height:auto;max-height:min(52vh,460px);display:block}.dot{cursor:grab;touch-action:none;border:2.5px solid #fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;padding:0;position:absolute;box-shadow:0 1px 4px #00000073}.dot--active{cursor:grabbing;transform:scale(1.25)}.extract__strip{border-radius:8px;display:flex;overflow:hidden}.extract__chip{text-align:center;min-width:0;font-family:var(--font-mono);letter-spacing:.05em;flex:1 1 0;padding:9px 0;font-size:10.5px;overflow:hidden}.extract__actions{align-items:center;gap:8px;display:flex}.extract__spacer{flex:auto}@media (width<=720px){.extract{padding:10px}.extract__wrap canvas{max-height:46vh}.extract__chip{font-size:9.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.stage{min-width:0;min-height:0;display:flex}.stage .palette{flex:1 1 0;min-width:0}.scene-wrap[hidden]{display:none}.scene-wrap{border-left:1px solid var(--ui-border);background:var(--ui-chrome);flex-direction:column;flex:1.15 1 0;min-width:0;min-height:0;display:flex}.shell[data-view=preview] .scene-wrap{border-left:none}.scene-head{border-bottom:1px solid var(--ui-border);justify-content:flex-end;gap:8px;padding:9px 12px;display:flex}.scene{min-height:0;color:var(--ui-text);background:0 0;flex:1 1 0;padding:18px;overflow-y:auto}.scene svg{flex-shrink:0;width:16px;height:16px}.views{flex-shrink:0;gap:1px;display:flex}.views .btn[aria-pressed=true]{background:color-mix(in srgb, var(--ui-accent) 14%, transparent);color:var(--ui-accent-ink,var(--ui-text))}.shell[data-view=preview] .stage{flex-direction:column}.shell[data-view=preview] .palette{border-bottom:1px solid var(--ui-border);flex-direction:row;flex:0 0 56px}.shell[data-view=preview] .seam,.shell[data-view=preview] .swatch__tools,.shell[data-view=preview] .swatch__name{display:none}.shell[data-view=preview] .swatch{justify-content:center;align-items:center;padding:0}.shell[data-view=preview] .swatch__body{flex-direction:row;position:static;transform:none}.shell[data-view=preview] .swatch__hex{letter-spacing:.04em;font-size:11px}.bento{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.tile{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:16px;font-size:13px;display:flex;box-shadow:0 1px 2px #0000001f,0 6px 20px #00000024}.tile__label{letter-spacing:.07em;text-transform:uppercase;color:var(--ui-dim);font-size:10px;font-weight:650}.ex-col{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.ex-btn{height:38px;font:inherit;cursor:default;border:none;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.ex-btn--primary{background:var(--ui-accent);color:var(--ui-accent-fg)}.ex-btn--tonal{background:var(--ui-container);color:var(--ui-on-container)}.ex-btn--quiet{color:var(--ui-accent-ink,var(--ui-text));background:0 0}.ex-btn--small{align-self:flex-start;height:30px;padding:0 12px;font-size:12px}.ex-chips{flex-wrap:wrap;gap:6px;display:flex}.ex-chip{border:1px solid var(--ui-border);border-radius:9px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;display:inline-flex}.ex-chip--on{background:var(--ui-container-2);color:var(--ui-on-container-2);border-color:#0000}.ex-seg{background:var(--ui-hover);border-radius:10px;width:fit-content;padding:3px;display:flex}.ex-seg__item{color:var(--ui-dim);border-radius:8px;padding:6px 14px;font-size:12px}.ex-seg__item--on{background:var(--ui-accent);color:var(--ui-accent-fg);font-weight:600}.ex-control-row{justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.ex-slider{background:var(--ui-active);border-radius:99px;flex:auto;max-width:150px;height:4px;position:relative}.ex-slider i{background:var(--ui-accent);border-radius:99px;position:absolute;inset:0 auto 0 0}.ex-slider b{background:var(--ui-accent);width:14px;height:14px;box-shadow:0 0 0 2.5px var(--ui-panel), 0 1px 4px #0000004d;border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%}.ex-switch{background:var(--ui-active);border-radius:99px;flex-shrink:0;width:40px;height:24px;position:relative}.ex-switch i{background:var(--ui-panel);border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.ex-switch--on{background:var(--ui-accent)}.ex-switch--on i{background:var(--ui-accent-fg);left:auto;right:3px}.ex-card{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.tile .ex-card{background:var(--ui-bg)}.ex-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ex-card__title{font-size:13.5px;font-weight:650}.ex-card__meta{color:var(--ui-dim);font-size:12px}.ex-badge{background:var(--ui-container);color:var(--ui-on-container);white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:10.5px;font-weight:650}.ex-badge--2{background:var(--ui-container-2);color:var(--ui-on-container-2)}.ex-badge--quiet{background:var(--ui-hover);color:var(--ui-dim)}.ex-bar{background:var(--ui-active);border-radius:99px;height:6px;overflow:hidden}.ex-bar i{background:var(--ui-accent);border-radius:99px;height:100%;display:block}.ex-menu{flex-direction:column;gap:2px;display:flex}.ex-menu__item{color:var(--ui-dim);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.ex-menu__item--on{background:var(--ui-container);color:var(--ui-on-container);font-weight:600}.ex-menu__cta{background:var(--ui-container-2);color:var(--ui-on-container-2);border-radius:9px;align-items:center;gap:10px;margin-top:6px;padding:9px 12px;font-size:13px;font-weight:650;display:flex}.ex-field{color:var(--ui-dim);flex-direction:column;gap:5px;font-size:11px;display:flex}.ex-field__box{border:1px solid var(--ui-border);background:var(--ui-bg);height:38px;color:var(--ui-text);border-radius:9px;align-items:center;padding:0 12px;font-size:13px;display:flex}.tile .ex-field__box{background:var(--ui-panel)}.ex-field__box--focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-accent) 25%, transparent)}.ex-caret{background:var(--ui-accent);width:1.5px;height:16px;margin-left:2px}.ex-search{background:var(--ui-hover);height:36px;color:var(--ui-dim);border-radius:99px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;display:flex}.ex-fabrow{justify-content:space-between;align-items:center;display:flex}.ex-pill{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:99px;gap:2px;padding:3px;display:flex}.tile .ex-pill{background:var(--ui-panel)}.ex-pill__btn{width:32px;height:30px;color:var(--ui-dim);border-radius:99px;justify-content:center;align-items:center;display:flex}.ex-pill__btn--on{background:var(--ui-container);color:var(--ui-on-container)}.ex-fab{background:var(--ui-accent);width:44px;height:44px;color:var(--ui-accent-fg);border-radius:14px;justify-content:center;align-items:center;display:flex;box-shadow:0 6px 16px #00000040}.ex-fab svg{width:20px;height:20px}.shellx{border:1px solid var(--ui-border);background:var(--ui-bg);border-radius:14px;grid-template-columns:190px minmax(0,1fr);min-height:460px;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000001f,0 10px 32px #0000002e}.shellx__nav{background:var(--ui-panel);border-right:1px solid var(--ui-border);flex-direction:column;gap:2px;padding:14px 10px;display:flex}.shellx__brand{align-items:center;gap:9px;padding:4px 12px 14px;font-size:14px;font-weight:700;display:flex}.shellx__brand i{background:var(--ui-accent);border-radius:6px;width:18px;height:18px}.shellx__user{border-top:1px solid var(--ui-border);color:var(--ui-dim);align-items:center;gap:8px;margin-top:auto;padding:10px 12px 2px;font-size:12px;display:flex}.shellx__main{flex-direction:column;min-width:0;display:flex}.shellx__top{border-bottom:1px solid var(--ui-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.shellx__top .ex-search{flex:auto;max-width:300px}.shellx__top-icons{color:var(--ui-dim);margin-left:auto;display:flex}.shellx__top-icons svg{width:18px;height:18px}.shellx__avatar{background:var(--ui-container-2);border-radius:50%;width:30px;height:30px}.shellx__body{grid-template-columns:minmax(0,1fr) 240px;gap:14px;padding:16px;display:grid}.shellx__stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ex-stat{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.ex-stat__k{color:var(--ui-dim);font-size:11px}.ex-stat__v{font-size:20px;font-weight:700}.ex-stat--tonal{background:var(--ui-container);border-color:#0000}.ex-stat--tonal .ex-stat__k,.ex-stat--tonal .ex-stat__v{color:var(--ui-on-container)}.ex-row{border-top:1px solid var(--ui-border);align-items:center;gap:10px;padding:10px 2px;font-size:13px;display:flex}.ex-row em{color:var(--ui-dim);margin-left:auto;font-size:11.5px;font-style:normal}.ex-dot{background:var(--ui-accent);border-radius:3px;flex-shrink:0;width:10px;height:10px}.ex-dot--2{background:var(--ui-accent-2,var(--ui-accent))}.ex-dot--3{background:var(--ui-container)}.shellx__form{align-self:start}@media (width<=1100px){.shellx{grid-template-columns:1fr}.shellx__nav{border-right:none;border-bottom:1px solid var(--ui-border);flex-direction:row;align-items:center;padding:8px 10px;overflow-x:auto}.shellx__brand{padding:0 8px}.shellx__user{border-top:none;margin:0 0 0 auto;padding:0 8px}.shellx__body{grid-template-columns:1fr}}html[data-bar=top] .shell{grid-template-rows:auto minmax(0,1fr)}html[data-bar=top] .bar{border-top:none;border-bottom:1px solid var(--ui-border);order:-1}html[data-bar=top] .pop{top:80px;bottom:auto}html[data-bar=top] .toast{top:88px;bottom:auto}.bar--held{z-index:80;cursor:grabbing;transition:none;position:relative;box-shadow:0 4px 24px #0000004d}html[data-bar-hint]:after{content:"";background:var(--ui-accent);z-index:99;pointer-events:none;height:3px;position:fixed;left:0;right:0}html[data-bar-hint=top]:after{top:0}html[data-bar-hint=bottom]:after{bottom:0}@media (width<=720px){html[data-bar=top] .pop{top:142px}html[data-bar=top] .toast{top:150px}html[data-bar=top] .bar{padding-bottom:12px;padding-top:calc(12px + env(safe-area-inset-top,0px))}}select.dd-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute!important}.dd{cursor:default;align-items:center;gap:6px;display:inline-flex}.dd>svg{width:12px;height:12px;color:var(--ui-dim);flex-shrink:0}.dd:hover{background:var(--ui-active)}.pop--dd{flex-direction:column;gap:1px;max-height:46vh;padding:5px;display:flex;position:fixed;overflow-y:auto}.dd__opt{color:var(--ui-text);font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:12.5px}.dd__opt:hover,.dd__opt:focus-visible{background:var(--ui-hover);outline:none}.dd__opt[aria-selected=true]{background:var(--ui-active);color:var(--ui-accent-ink)}.update-bar{z-index:60;border:1px solid var(--ui-border);background:var(--ui-panel);color:var(--ui-text);border-radius:12px;align-items:center;gap:12px;padding:9px 10px 9px 16px;font-size:12.5px;display:flex;position:fixed;bottom:74px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047}.update-bar__go{background:var(--ui-accent);height:28px;color:var(--ui-accent-fg);font:inherit;border:0;border-radius:8px;padding:0 14px;font-size:12px}.update-bar__x{width:26px;height:26px;color:var(--ui-dim);font:inherit;background:0 0;border:0;border-radius:7px;font-size:15px}.update-bar__x:hover{background:var(--ui-hover);color:var(--ui-text)}:root[data-bar=top] .update-bar{top:74px;bottom:auto}.posterx{background:var(--ui-stage,var(--ui-chrome));justify-content:center;align-items:center;min-height:100%;padding:30px;display:flex}.posterx__sheet{background:var(--ui-panel);border-radius:6px;width:min(420px,86%);padding:14px 14px 10px;box-shadow:0 18px 60px #0000004d}.posterx__sheet svg{border-radius:3px;width:100%;height:auto;display:block}.posterx__caption{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ui-dim);justify-content:space-between;align-items:center;padding:10px 4px 4px;font-size:10.5px;display:flex}.posterx__num:before{content:"005";font-style:normal}.posterx__dots{gap:5px;display:inline-flex}.posterx__dots i{border-radius:50%;width:10px;height:10px}.landx{max-width:880px;margin:0 auto;padding:22px 30px 50px}.landx__nav{color:var(--ui-on-stage,var(--ui-text));justify-content:space-between;align-items:center;gap:16px;padding-bottom:26px;display:flex}.landx__nav nav{color:var(--ui-on-stage-dim,var(--ui-dim));gap:18px;font-size:12.5px;display:flex}.landx__navon{color:var(--ui-accent-on-stage,var(--ui-accent-ink))}.landx .shellx__brand{color:var(--ui-on-stage,var(--ui-text))}.landx__hero{background:var(--ui-container,var(--ui-panel));color:var(--ui-on-container,var(--ui-text));border-radius:18px;padding:34px 36px 38px}.landx__kicker{margin-bottom:14px;display:inline-flex}.landx__hero h1{letter-spacing:-.01em;margin:10px 0 12px;font-size:clamp(26px,4.4vw,40px);line-height:1.08}.landx__hero p{opacity:.85;max-width:46ch;margin:0 0 20px;font-size:14.5px;line-height:1.6}.landx__ctas{gap:10px;display:flex}.landx__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.landx__cards p{color:var(--ui-dim);margin:6px 0 0;font-size:12.5px;line-height:1.55}.landx__ico{background:var(--ui-active);width:30px;height:30px;color:var(--ui-accent-ink);border-radius:9px;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex}.landx__ico svg{width:16px;height:16px}.ex-card--tonal{background:var(--ui-container-2,var(--ui-container,var(--ui-active)));color:var(--ui-on-container-2,var(--ui-on-container,var(--ui-text)))}.ex-card--tonal p{color:inherit;opacity:.75}@media (width<=700px){.landx__cards{grid-template-columns:1fr}}