.count{margin-bottom:20px}.count-big{font-size:var(--fs-display);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.count-status{min-height:2.8em;margin-top:4px;font-size:var(--fs-small);line-height:1.4;color:var(--muted)}.warn{color:var(--warn-ink)}.muted{color:var(--muted)}.count-slider{width:100%;margin:10px 0 2px;accent-color:var(--ink)}.ticks{position:relative;height:14px;font-size:var(--fs-micro);color:var(--muted)}.ticks span{position:absolute;transform:translate(-50%);white-space:nowrap}.ticks span:first-child{transform:none}.ticks span:last-child{transform:translate(-100%)}.count-input{width:100%;margin-top:8px;padding:6px 8px;border:1px solid var(--chip-border);border-radius:var(--r-sm);font:inherit;font-size:var(--fs-body);font-variant-numeric:tabular-nums;background:var(--surface);color:var(--ink)}.section{margin-bottom:16px}.label{margin:0 0 6px;font-size:var(--fs-small);font-weight:500;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{min-height:28px;padding:4px 10px;border:1px solid var(--chip-border);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-small);cursor:pointer}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip:focus-visible,.count-input:focus-visible,.count-slider:focus-visible,.highlight input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.compare{min-height:3em;margin:0;padding:0;list-style:none;font-size:var(--fs-body);line-height:1.5}.highlight{display:flex;align-items:center;gap:8px;font-size:var(--fs-body)}.highlight label{display:flex;align-items:center;gap:6px;min-height:28px}.highlight input[type=checkbox]{accent-color:var(--ink)}.highlight input[type=number]{width:64px;padding:4px 6px;border:1px solid var(--chip-border);border-radius:var(--r-sm);font:inherit;background:var(--surface);color:var(--ink)}.credit{margin:24px 0 0;font-size:var(--fs-micro);color:var(--muted)}.credit a{color:inherit}.credit a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.debug{margin-top:24px;font-size:var(--fs-micro);color:var(--muted);font-variant-numeric:tabular-nums}:root{--paper: #f4f2ee;--ground: #e3dfd7;--ink: #2b2925;--muted: #69645b;--line: #e0dbd2;--chip-border: #cfc9be;--surface: #fbfaf7;--warn-bg: #f3e3dc;--warn-ink: #7a2e22;--r-sm: 6px;--r-pill: 999px;--fs-display: 34px;--fs-body: 13px;--fs-small: 12px;--fs-micro: 10px;--sidebar-w: 280px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper)}.app{display:flex;height:100%}.sidebar{width:var(--sidebar-w);flex:none;padding:20px 18px;overflow-y:auto;border-right:1px solid var(--line);background:var(--paper)}.scene{flex:1;min-width:0;min-height:0;position:relative;background:var(--ground)}.scene canvas{display:block;width:100%;height:100%}.title{font-size:var(--fs-body);font-weight:600;margin:0 0 16px;letter-spacing:.01em}@media (max-width: 720px){.app{flex-direction:column-reverse}.sidebar{width:auto;height:45%;border-right:0;border-top:1px solid var(--line)}}.scene-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:24px;color:var(--muted);font-size:var(--fs-body);text-align:center}
