.app{max-width:560px;margin:0 auto;padding-top:max(clamp(22px,5vw,48px),env(safe-area-inset-top));padding-right:max(clamp(16px,4vw,28px),env(safe-area-inset-right));padding-bottom:max(48px,env(safe-area-inset-bottom));padding-left:max(clamp(16px,4vw,28px),env(safe-area-inset-left));display:flex;flex-direction:column;gap:22px}.header h1{font-size:clamp(26px,5.5vw,36px);font-weight:680;letter-spacing:-.02em;margin:0 0 4px}.header h1:before{content:"🐩";margin-right:9px}.header p{margin:0;color:var(--body);font-size:14px}.stage{min-height:120px}.footer{border-top:1px solid var(--border);padding-top:16px}.footer p{margin:0;font-size:12px;color:var(--muted);line-height:1.6}.btn{font-family:var(--sans);font-size:14px;font-weight:600;border-radius:var(--radius-sm);padding:10px 18px;cursor:pointer;border:1px solid transparent;transition:background .16s,border-color .16s,transform .06s,opacity .16s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:#ffc451}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){border-color:#3a4150;background:#ffffff08}.dropzone{border:1.5px dashed #33393f;border-radius:var(--radius);background:var(--card);padding:clamp(22px,5vw,32px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;transition:border-color .16s,background .16s}.dropzone.dragging{border-color:var(--primary);background:#f0b4290f}.dropzone.disabled{opacity:.6}.dz-title{font-size:15px;color:var(--body)}.dz-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.dz-hint{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--muted)}.dz-error{color:#e8934f;letter-spacing:0;text-transform:none;font-size:12px}.rec-live{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--text)}.rec-dot{width:10px;height:10px;border-radius:50%;background:#e8593f;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.state{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(24px,5vw,34px);text-align:center}.state h2{font-size:19px;font-weight:660;margin:0 0 8px;letter-spacing:-.01em}.state p{color:var(--body);font-size:13.5px;margin:0 auto 18px;max-width:42ch}.first-run .fr-mark{font-size:40px;margin-bottom:8px;opacity:.9}.es-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.analysing .an-file{font-family:var(--mono);font-size:12.5px;color:var(--body);margin-bottom:14px;word-break:break-all}.an-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:44px;margin-bottom:14px}.an-wave span{width:3px;height:30%;background:var(--primary);border-radius:2px;opacity:.5;animation:eq .9s ease-in-out infinite}@keyframes eq{0%,to{height:20%;opacity:.35}50%{height:90%;opacity:.9}}.an-bar{height:4px;background:var(--track);border-radius:3px;overflow:hidden;margin-bottom:12px}.an-bar span{display:block;height:100%;width:40%;background:var(--primary);border-radius:3px;animation:slide 1.3s ease-in-out infinite}.an-bar.determinate span{transition:width .2s ease-out}.btn-sm{min-height:34px;padding:6px 14px;font-size:12px;margin-top:12px}.history-error{text-align:center}.history-error h2{font-size:16px;margin:0 0 6px}.history-error p{color:var(--muted);font-size:13px;margin:0 0 14px}@keyframes slide{0%{margin-left:-40%}to{margin-left:100%}}.an-step{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.result-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(20px,4.5vw,28px);display:flex;flex-direction:column;gap:20px}.rc-head{display:flex;align-items:center;gap:13px}.mood-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.mood-name{font-size:26px;font-weight:680;letter-spacing:-.01em;line-height:1.1}.derived{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:3px}.blurb{margin:-6px 0 0;color:var(--body);font-size:14.5px}.axes{display:flex;flex-direction:column;gap:20px}.axis-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.axis-head span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.axis-head .bucket{color:var(--body)}.axis-track{display:flex;flex-direction:column;gap:7px}.track{position:relative;height:6px;background:var(--track);border-radius:4px}.tick{position:absolute;top:-3px;width:1px;height:12px;background:#ffffff24;transform:translate(-50%)}.marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);transition:left .4s cubic-bezier(.2,.7,.2,1)}.axis-ends{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.conf-block{background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:15px 16px}.confmeter{display:flex;flex-direction:column;gap:9px}.conf-segments{display:flex;gap:5px}.seg{flex:1;height:8px;border-radius:3px;background:var(--track);transition:background .3s}.conf-text{font-family:var(--mono);font-size:12px;color:var(--body);font-variant-numeric:tabular-nums}.caveat{margin:12px 0 0;font-size:12px;color:var(--muted);line-height:1.55}.not-dog{background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 2px 0 0 var(--muted);padding:13px 15px;margin-bottom:18px}.not-dog-head{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--body);margin-bottom:7px}.not-dog p{margin:0;font-size:12px;color:var(--muted);line-height:1.55}.label-block{background:var(--inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 15px}.label-head{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--body);margin-bottom:8px}.label-hint{margin:0 0 12px;font-size:12px;color:var(--muted);line-height:1.55}.label-actions{display:flex;gap:8px;flex-wrap:wrap}.label-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;min-height:34px;font-size:12px;color:var(--body);background:var(--card);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:border-color .16s,color .16s}.chip:hover:not(:disabled){border-color:var(--chip);color:var(--text)}.chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.chip:disabled{opacity:.5;cursor:default}.chip-on{border-color:var(--chip);color:var(--text)}.chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.label-done .label-head{margin-bottom:10px;color:var(--text)}.label-error{margin:10px 0 0;font-size:12px;color:#e8593f}.hist-dot-labelled{box-shadow:0 0 0 2px var(--inset),0 0 0 3px currentColor}.share-btn{align-self:flex-start}.shared-back{text-align:center;margin:4px 0 0;font-size:13px}.shared-back a{color:var(--primary);text-decoration:none}.shared-back a:hover{text-decoration:underline}.mood-field{position:relative;aspect-ratio:1 / 1;width:100%;max-width:300px;margin:0 auto;background:var(--well);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.mf-grid{position:absolute;background:#ffffff0f}.mf-grid-v{left:50%;top:0;bottom:0;width:1px}.mf-grid-h{top:50%;left:0;right:0;height:1px}.mf-axis{position:absolute;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.mf-y-top{top:6px;left:50%;transform:translate(-50%)}.mf-y-bot{bottom:6px;left:50%;transform:translate(-50%)}.mf-x-left{left:6px;top:50%;transform:translateY(-50%)}.mf-x-right{right:6px;top:50%;transform:translateY(-50%)}.mf-quad{position:absolute;transform:translate(-50%,-50%);font-size:10px;color:var(--muted);opacity:.7;white-space:nowrap}.mf-dot{position:absolute;border-radius:50%;transform:translate(-50%,-50%)}.mf-dot-now{width:13px;height:13px;box-shadow:0 0 0 3px #00000059;z-index:3;transition:left .4s,top .4s}.mf-dot-past{width:7px;height:7px;opacity:.4;z-index:2}.mf-ring{position:absolute;border:1.5px dashed;border-radius:50%;transform:translate(-50%,-50%);z-index:1;transition:all .4s}.waveform{display:flex;align-items:center;gap:12px;background:var(--well);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.play-btn{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--inset);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:border-color .16s}.play-btn:hover{border-color:currentColor}.play-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.wave-canvas{flex:1;height:40px;cursor:pointer}.wave-dur{font-family:var(--mono);font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.waveform-gone{justify-content:center;color:var(--muted);font-size:12.5px;min-height:56px}.history{display:flex;flex-direction:column;gap:18px}.hist-group-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;padding:0 2px}.hist-count{background:var(--inset);border-radius:20px;padding:1px 8px}.hist-list{list-style:none;margin:0;padding:0}.hist-row{display:flex;align-items:center;gap:11px;width:100%;background:none;border:none;border-radius:var(--radius-sm);padding:11px 10px;cursor:pointer;text-align:left;transition:background .14s}.hist-row:hover{background:var(--card)}.hist-row.active{background:var(--card);box-shadow:inset 2px 0 0 var(--primary)}.hist-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.hist-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.hist-dot-flagged{background:transparent}.hist-conf.muted{color:var(--muted)}.hist-heading{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 12px;padding:0 2px}.hist-name{font-size:14px;color:var(--text);flex:1}.hist-conf{font-family:var(--mono);font-size:12px;color:var(--body);font-variant-numeric:tabular-nums}.hist-time{font-family:var(--mono);font-size:11.5px;color:var(--muted);min-width:62px;text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 480px){.header h1{font-size:30px}.btn{min-height:46px;padding:12px 18px}.dz-actions{width:100%}.dz-actions .btn{flex:1}.play-btn{width:44px;height:44px}.hist-row{padding:14px 10px}.hist-name{font-size:15px}.mood-field{max-width:100%}}@media (pointer: coarse){.hist-row{min-height:44px}}:root{--page: #0b0c0e;--card: #16181c;--inset: #1c2026;--well: #14171b;--border: rgba(255, 255, 255, .08);--text: #f4f6f8;--body: #9aa0a7;--muted: #868d95;--primary: #f0b429;--on-primary: #15171a;--track: #2a3038;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius: 14px;--radius-sm: 10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);color:var(--text);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}.mono-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}