:root{--canvas: oklch(.98 .004 80);--surface: oklch(1 0 0);--inset: oklch(.955 .005 80);--ink: oklch(.24 .015 60);--ink-2: oklch(.44 .02 60);--accent: oklch(.55 .125 65);--accent-strong: oklch(.48 .125 65);--accent-soft: oklch(.94 .045 75);--ok: oklch(.55 .13 150);--ok-soft: oklch(.94 .04 150);--danger: oklch(.55 .19 25);--danger-soft: oklch(.95 .03 25);--info: oklch(.52 .16 255);--info-soft: oklch(.94 .04 255);--border: rgba(30, 20, 8, .1);--border-subtle: rgba(30, 20, 8, .06);--shadow-border: 0 0 0 1px rgba(30, 20, 8, .06), 0 1px 2px -1px rgba(30, 20, 8, .06), 0 2px 4px 0 rgba(30, 20, 8, .04);--shadow-border-hover: 0 0 0 1px rgba(30, 20, 8, .09), 0 1px 2px -1px rgba(30, 20, 8, .08), 0 2px 4px 0 rgba(30, 20, 8, .06);--r-ctl: 10px;--r-card: 16px;--ease: cubic-bezier(.22, 1, .36, 1);--z-nav: 10;--z-toast: 20}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.0625rem;line-height:1.5;-webkit-tap-highlight-color:transparent}h1{font-size:1.5rem;font-weight:650;letter-spacing:-.015em;margin:4px 0 16px;text-wrap:balance}h2{font-size:.8125rem;font-weight:600;text-transform:none;color:var(--ink-2);margin:18px 0 8px}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-border);padding:16px;margin-bottom:12px}button,.btn{font:inherit;font-size:.9375rem;font-weight:500;border:none;border-radius:var(--r-ctl);padding:10px 16px;background:var(--surface);box-shadow:var(--shadow-border);color:var(--ink);cursor:pointer;min-height:44px;transition:box-shadow .15s ease-out,transform .12s var(--ease),background-color .15s ease-out}button:hover{box-shadow:var(--shadow-border-hover)}button:active{transform:scale(.97)}button.primary{background:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:var(--accent-strong)}button.ok{background:var(--ok-soft);color:var(--ok);font-weight:600;box-shadow:none}button.warn{background:var(--danger-soft);color:var(--danger);font-weight:600;box-shadow:none}button.chip{padding:8px 14px;min-height:40px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font-weight:500}button.chip.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-strong);font-weight:600}button.ghost{box-shadow:none;background:transparent;color:var(--ink-2)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text],textarea,select,input[type=date],input[type=time]{font:inherit;width:100%;background:var(--inset);color:var(--ink);border:1px solid var(--border);border-radius:var(--r-ctl);padding:10px 12px;min-height:44px}input::placeholder,textarea::placeholder{color:var(--ink-2)}textarea{min-height:76px;resize:vertical}input[type=range]{width:100%;accent-color:var(--accent);min-height:32px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--ink-2);font-size:.875rem}.spread{display:flex;justify-content:space-between;align-items:center;gap:8px}.alert{background:var(--danger-soft);color:var(--danger);border-radius:var(--r-card);padding:12px 14px;margin-bottom:12px;font-weight:500}.alert a{color:inherit}.ranknum{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--inset);color:var(--ink-2);align-items:center;justify-content:center;font-weight:650;font-size:.875rem;flex-shrink:0}.mit .ranknum{background:var(--accent);color:#fff}.wavestrip{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.wavestrip::-webkit-scrollbar{display:none}.wave{width:30px;height:30px;min-height:30px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:650;flex-shrink:0;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--ink-2)}button.wave{cursor:pointer}.wave.selected{outline:2.5px solid var(--ink);outline-offset:2px}.wave.done{background:var(--ok-soft);box-shadow:inset 0 0 0 1px var(--ok);color:var(--ok)}.wave.missed{background:var(--danger-soft);box-shadow:inset 0 0 0 1px var(--danger);color:var(--danger)}.wave.current{background:var(--info);color:#fff;box-shadow:0 0 0 3px var(--info-soft);animation:wave-pulse 2.5s ease-in-out infinite}@keyframes wave-pulse{0%,to{box-shadow:0 0 0 3px var(--info-soft)}50%{box-shadow:0 0 0 6px var(--info-soft)}}main{max-width:620px;margin:0 auto;padding:14px 16px calc(78px + env(safe-area-inset-bottom))}nav.tabs{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);display:flex;justify-content:space-around;background:color-mix(in oklch,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}nav.tabs a{color:var(--ink-2);text-decoration:none;font-size:.72rem;font-weight:500;text-align:center;padding:4px 12px;border-radius:10px;min-width:52px;transition:color .15s ease-out}nav.tabs a .ico{display:block;font-size:1.3rem;line-height:1.3}nav.tabs a.active{color:var(--accent-strong)}@media(min-width:600px){main{max-width:980px;padding:20px 24px 24px 104px}nav.tabs{top:0;bottom:0;right:auto;width:80px;flex-direction:column;justify-content:flex-start;gap:6px;padding:16px 8px;border-top:none;border-right:1px solid var(--border-subtle)}nav.tabs a{padding:10px 4px}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.cols2>*{min-width:0}.dimgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}