:root{color-scheme:light;--bg: oklch(.982 0 0);--side: oklch(.972 0 0);--surface: oklch(.995 0 0);--surface-2: oklch(.955 0 0);--border: oklch(.922 0 0);--text: oklch(.19 0 0);--text-2: oklch(.35 0 0);--text-3: oklch(.47 0 0);--accent: #3355ff;--on-accent: oklch(.99 0 0);--accent-soft: oklch(.5 .22 268 / .09);--accent-ink: #2440d6;--success: oklch(.52 .12 160);--success-soft: oklch(.52 .12 160 / .1);--warn: oklch(.52 .12 80);--warn-soft: oklch(.52 .12 80 / .13);--danger: oklch(.52 .16 25);--danger-soft: oklch(.52 .16 25 / .1);--purple: oklch(.48 .19 320);--purple-2: oklch(.44 .2 320);--purple-bg: oklch(.48 .19 320 / .08);--f-display: "Instrument Sans", system-ui, sans-serif;--f-heading: "Instrument Sans", system-ui, sans-serif;--f-body: "Instrument Sans", system-ui, sans-serif;--f-num: "IBM Plex Mono", "Courier New", monospace;--r: 10px;--av-r: 50%;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--sh: none;--sh-pop: 0 8px 24px oklch(.14 0 0 / .14);--candy-mix: var(--text);--success-deep: color-mix(in srgb, var(--success) 74%, var(--candy-mix) 26%);--sh-candy: 0 2px 0 var(--success-deep);--overlay: oklch(.14 0 0 / .5);--ent-ink: #ffffff;--ent-ink-amt: 0%;--ent-fill: #000000;--ent-fill-amt: 0%}html[data-theme=dark]{color-scheme:dark;--bg: oklch(.145 0 0);--side: oklch(.125 0 0);--surface: oklch(.185 0 0);--surface-2: oklch(.235 0 0);--border: oklch(.278 0 0);--text: oklch(.97 0 0);--text-2: oklch(.85 0 0);--text-3: oklch(.74 0 0);--accent: #8ca0ff;--on-accent: oklch(.145 0 0);--accent-soft: oklch(.74 .13 268 / .16);--accent-ink: oklch(.86 .09 268);--success: oklch(.79 .145 158);--success-soft: oklch(.79 .145 158 / .15);--warn: oklch(.83 .125 82);--warn-soft: oklch(.83 .125 82 / .16);--danger: oklch(.715 .145 25);--danger-soft: oklch(.715 .145 25 / .16);--purple: oklch(.77 .14 320);--purple-2: oklch(.82 .125 320);--purple-bg: oklch(.77 .14 320 / .15);--sh: none;--sh-pop: 0 10px 30px oklch(.05 0 0 / .66);--overlay: oklch(.06 0 0 / .74);--candy-mix: var(--bg);--ent-ink: #e6e6e6;--ent-ink-amt: 32%;--ent-fill: #171717;--ent-fill-amt: 20%;--on-solid: oklch(.145 0 0);--border-input: oklch(.5 0 0)}:root{--font-mono: var(--f-num);--font-display: var(--f-display);--text-strong: var(--text);--text-muted: var(--text-2);--text-mid: var(--text-3);--text-faint: var(--text-3);--text-ghost: color-mix(in srgb, var(--text-3) 45%, transparent);--surface-dim: var(--surface-2);--surface-accent: color-mix(in srgb, var(--accent) 8%, var(--surface));--border-strong: color-mix(in srgb, var(--border), var(--text) 14%);--accent-2: var(--accent);--accent-text: var(--accent-ink);--accent-text-soft: var(--accent-ink);--accent-bg: var(--accent-soft);--success-bg: var(--success-soft);--warn-bg: var(--warn-soft);--danger-bg: var(--danger-soft);--on-color: #fff;--on-solid: #fff;--border-input: oklch(.63 0 0);--scrollbar-track: var(--surface-2);--scrollbar-thumb: color-mix(in srgb, var(--text-3) 45%, transparent);--pad-card: 18px 20px;--gap: 16px;--pad-page: 22px 28px}html[data-density=compact]{--pad-card: 12px 14px;--gap: 10px;--pad-page: 14px 20px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--f-body)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes overlayIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes viewIn{0%{opacity:0}}@keyframes conquerPop{0%{transform:scale(1)}35%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes sparkleRise{0%{opacity:0;transform:translate(-50%) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-26px) scale(1.15)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){input,select,textarea{font-size:16px!important}}@media(pointer:coarse){button,select,[role=button]{min-width:32px;min-height:32px}}@media print{[data-print-hide]{display:none!important}#app-shell{display:block!important;height:auto!important;overflow:visible!important}#main-content{overflow:visible!important;height:auto!important}body{background:#fff}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}
