:root{--bg:#0b1020;--fg:#f4f6ff;--muted:#aab2d5;--panel:#141a30;--accent:#5b8cff;--err:#e0567a;--ok:#56c2a0}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,sans-serif}#app{max-width:40rem;margin:0 auto;padding:7vw 6vw env(safe-area-inset-bottom);min-height:100dvh}h1{font-size:clamp(24px,6vw,32px);margin:.2em 0 .4em}h2{font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1.4rem 0 .5rem}p{color:var(--fg)}.muted{color:var(--muted)}button,.btnlink{font:inherit;background:var(--accent);color:#fff;border:none;border-radius:14px;padding:.8em 1.4em;font-size:clamp(17px,4.5vw,20px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btnlink{display:inline-block;text-decoration:none;text-align:center}button.secondary{background:var(--panel);color:var(--fg);border:1.5px solid var(--accent)}button:disabled{opacity:.5}.rec{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.1em;border-radius:20px;font-size:clamp(18px,5vw,22px)}.rec .mic{font-size:1.5em}.rec .reclabel{pointer-events:none}.qr{display:block;width:240px;max-width:68vw;height:auto;margin:.4rem auto;border-radius:14px;background:#fff;padding:10px}input,textarea{font:inherit;font-size:18px;width:100%;padding:.7em;border-radius:12px;border:1.5px solid #232b48;background:var(--panel);color:var(--fg)}textarea{resize:vertical}.col{display:flex;flex-direction:column;gap:1rem}.steps{padding-left:1.2rem;display:flex;flex-direction:column;gap:.55rem;margin:.3rem 0}.steps li{line-height:1.5}.par{gap:.7rem;margin:.2rem 0 1.2rem}.par-p{font-size:clamp(18px,5vw,22px);font-weight:600;margin:0}.par-a{color:var(--muted);margin:0}.par-r{margin:0;border-left:3px solid var(--accent);padding-left:.9rem}.par-n{color:var(--muted);font-size:13px;margin:.2rem 0 0}.row{display:flex;gap:.6rem;flex-wrap:wrap}.card{background:var(--panel);border-radius:16px;padding:1.1rem 1.2rem}.big{min-height:60dvh;display:flex;flex-direction:column;justify-content:center;gap:1.2rem}.scale{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.scale button{padding:.7em 0;font-size:18px;background:var(--panel);border:1.5px solid #232b48;color:var(--fg)}.scale button.sel{background:var(--accent);border-color:var(--accent);color:#fff}.ends{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.msg{color:var(--muted);min-height:1.3em}.linkbtn{align-self:flex-start;background:none;border:none;color:var(--accent);font-size:16px;padding:.2em 0}.reviewlist{display:flex;flex-direction:column;gap:.4rem}.reviewrow{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;text-align:left;background:var(--panel);border:1px solid #232b48;border-radius:12px;padding:.7em 1em;color:var(--fg);font-size:16px}.reviewrow b{color:var(--accent);white-space:nowrap}.msg.err{color:var(--err)}.msg.ok{color:var(--ok)}.code{font:700 clamp(20px,6vw,28px)/1.6 ui-monospace,monospace;background:#0d1430;border-radius:12px;padding:1rem;text-align:center;word-break:break-all;letter-spacing:.05em}.list{display:flex;flex-direction:column;gap:.6rem}.entry{background:var(--panel);border-radius:14px;padding:.8em 1em;border-left:3px solid var(--accent)}.entry h3{margin:0 0 .4em;font-size:15px}.kv{display:flex;flex-wrap:wrap;gap:.3em .9rem;font-size:14px}.kv i{color:var(--muted);font-style:normal}#chart svg{width:100%;height:auto;background:var(--panel);border-radius:14px;padding:.4rem}.grid{stroke:#232b48;stroke-width:1}.ylab,.xlab{fill:var(--muted);font-size:12px}.ylab{text-anchor:end}.xlab{text-anchor:middle}.legend{display:flex;gap:.8rem .9rem;flex-wrap:wrap;justify-content:center;margin:.7rem 0 .2rem;color:var(--muted);font-size:13px}.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:.3em;vertical-align:-1px}.legend span{cursor:pointer;-webkit-user-select:none;user-select:none}.legend span.off{opacity:.35;text-decoration:line-through}#ranges{gap:.5rem}.rangebtn{flex:1;background:var(--panel);color:var(--muted);border:1px solid #232b48;border-radius:12px;padding:.55em;font-size:clamp(14px,3.6vw,17px)}.rangebtn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ins{font-size:14px}.ai-out{white-space:pre-wrap;margin-top:.6rem;font-size:14px;line-height:1.5;background:#0d1430;border-radius:12px;padding:.9rem}.avg{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.avg .t{background:var(--panel);border-radius:14px;padding:.8em .5em;text-align:center}.avg .t b{font-size:clamp(22px,7vw,30px);display:block}.avg .t span{color:var(--muted);font-size:12px}