@import "https://fonts.googleapis.com/css2?family=Caprasimo:wght@400&family=Figtree:wght@400;600;700&display=swap";:root{--color-bg:#f5ead8;--color-surface:#ebddc5;--color-text:#201e1d;--color-accent:#c67139;--color-accent-2:#7a8a5e;--color-divider:#201e1d29;--color-neutral-100:#f9f4ed;--color-neutral-200:#eee7db;--color-neutral-300:#dcd3c4;--color-neutral-400:#c0b6a5;--color-neutral-500:#a19786;--color-neutral-600:#82796a;--color-neutral-700:#645c50;--color-neutral-800:#474238;--color-neutral-900:#2e2b25;--color-accent-100:#fff2eb;--color-accent-200:#ffe1d0;--color-accent-300:#ffc6a5;--color-accent-400:#f6a06b;--color-accent-500:#d67f48;--color-accent-600:#b2622d;--color-accent-700:#8c491a;--color-accent-800:#643312;--color-accent-900:#402310;--color-accent-2-100:#f0fae1;--color-accent-2-200:#e1eecc;--color-accent-2-300:#ccdbb2;--color-accent-2-400:#aebf92;--color-accent-2-500:#8fa073;--color-accent-2-600:#728157;--color-accent-2-700:#56633f;--color-accent-2-800:#3d472b;--color-accent-2-900:#272e1b;--font-heading:"Caprasimo", system-ui, sans-serif;--font-heading-weight:400;--font-body:"Figtree", system-ui, sans-serif;--space-1:4.4px;--space-2:8.8px;--space-3:13.2px;--space-4:17.6px;--space-6:26.4px;--space-8:35.2px;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--shadow-sm:0 1px 2px #2e2b2524;--shadow-md:0 3px 10px #2e2b2529;--shadow-lg:0 12px 32px #2e2b2538}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h1{font-size:42px}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-600)}.btn-primary:active{background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-block{width:100%;margin-top:var(--space-2)}.input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:999px;padding:6px 14px;font-size:14px}.input::placeholder{color:color-mix(in srgb, var(--color-text) 45%, transparent)}.input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}.seg{border:1px solid var(--color-divider);border-radius:999px;display:inline-flex;overflow:hidden}.seg-opt{cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:has(input:checked){background:var(--color-accent);color:var(--color-bg)}.seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.seg-opt input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.tag{letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.card{gap:var(--space-2);padding:var(--space-3);border-radius:calc(var(--radius-lg) * 1.15);background:var(--color-surface);flex-direction:column;display:flex}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{opacity:.8;margin:0;font-size:13px}.card-meta{color:color-mix(in srgb, var(--color-text) 50%, transparent);align-items:center;gap:6px;font-size:11px;display:flex}@keyframes dotBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.app-shell{background:var(--color-bg);flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;display:flex;position:relative}.app-screen{flex-direction:column;flex:1;display:flex;overflow:auto}.screen-title{margin:0;font-size:28px}.icon-btn{border:1px solid var(--color-divider);color:var(--color-text);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.icon-btn:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.icon-btn.is-active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.icon-btn.is-active:hover{background:var(--color-accent-600)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.chip{cursor:pointer;border:1px solid var(--color-divider);color:var(--color-text);white-space:nowrap;background:0 0;border-radius:999px;padding:6px 14px;font-size:12px}.chip.is-active-accent{border-color:var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-800)}.chip.is-active-accent-2{border-color:var(--color-accent-2-600);background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.chip-dashed{border:1px dashed var(--color-divider);color:color-mix(in srgb, var(--color-text) 60%, transparent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:6px 14px;font-size:12px}.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:color-mix(in srgb, var(--color-text) 55%, transparent);flex-direction:column;display:flex}.tab-bar{padding:var(--space-2) var(--space-2) max(var(--space-3), env(safe-area-inset-bottom));border-top:1px solid var(--color-divider);background:var(--color-bg);justify-content:space-around;align-items:center;display:flex}.tab-btn{cursor:pointer;padding:var(--space-1) var(--space-2);color:color-mix(in srgb, var(--color-text) 45%, transparent);font-family:var(--font-body);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;display:flex}.tab-btn.is-active{color:var(--color-accent-700)}.tab-btn .tab-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.tab-btn .tab-label{font-size:10px;font-weight:400}.tab-btn.is-active .tab-label{font-weight:700}.ln-textarea{box-sizing:border-box;resize:none;width:100%;padding:var(--space-2) var(--space-4) var(--space-4);font-family:var(--font-body);color:var(--color-text);background:0 0;border:none;flex:1;font-size:17px;line-height:1.7}.ln-textarea:focus{outline:none}.ln-textarea::placeholder{color:color-mix(in srgb, var(--color-text) 38%, transparent)}.listening-banner{margin:0 var(--space-4) var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-accent-100);color:var(--color-accent-800);align-items:center;gap:var(--space-2);border-radius:999px;font-size:13px;display:flex}.listening-dot{background:var(--color-accent-600);border-radius:999px;flex-shrink:0;width:8px;height:8px;animation:1s step-end infinite dotBlink}.tag-edit-input{border:1px solid var(--color-accent);font-size:11px;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);border-radius:999px;width:90px;padding:3px 10px}.range-slider{accent-color:var(--color-accent);flex:1}.result-line{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:left;font:inherit;color:var(--color-text);border:none;flex-direction:column;gap:2px;width:100%;display:flex}.result-line:hover{background:var(--color-accent-100)}.result-line-text{font-size:14px}.result-line-meta{color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:11px}mark{background:var(--color-accent-200);color:var(--color-accent-800);border-radius:3px;padding:0 1px}.status-note{color:color-mix(in srgb, var(--color-text) 50%, transparent);text-align:center;padding:var(--space-2) var(--space-4) 0;font-size:11px}