:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}:root{--accent:#dfff00;--bg:#080a0b;--card-bg:#111619;--text:#f7f8f8;--muted:#a0a7ad;--border:#d2dee129;--danger:#ff536b;--font-family:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--radius:22px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);min-width:320px;min-height:100%;color:var(--text);font-family:var(--font-family);margin:0;font-size:16px}body{overscroll-behavior-y:none}button,input,textarea,select{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#root{min-height:100svh}.app{width:100%;max-width:720px;min-height:100svh;padding-bottom:calc(12px + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{z-index:10;min-height:82px;padding:calc(12px + env(safe-area-inset-top,0px)) 20px 12px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0bf5;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.brand>svg{flex:0 0 56px;width:56px;height:56px}.brand-text{min-width:0}.brand-text h1{letter-spacing:.035em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(18px,5vw,25px);font-weight:750;line-height:1.15;overflow:hidden}.tagline{color:var(--muted);letter-spacing:.14em;margin:5px 0 0;font-size:12px;font-weight:600}.settings-btn,.topbar-delete{border:1px solid var(--border);width:48px;height:48px;color:var(--accent);cursor:pointer;background:0 0;border-radius:16px;flex:0 0 48px;place-items:center;display:grid}.settings-btn:hover,.topbar-delete:hover{border-color:var(--accent)}.topbar .back{width:44px;height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:14px;flex:0 0 44px;place-items:center;font-size:32px;display:grid}.topbar h1{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:clamp(17px,5vw,22px);overflow:hidden}.topbar-delete{color:var(--muted)}.warn{border:1px solid var(--accent);background:#dfff000d;border-radius:16px;margin:12px 20px;padding:12px 14px;font-size:14px}main{flex:1;width:100%}.examples-card,.heard-card{border:1px solid var(--border);background:linear-gradient(145deg,#12181af2,#0a0d0ef2);border-radius:24px;margin:16px 20px;padding:16px 18px}.examples-card{border-color:var(--accent);box-shadow:0 0 20px #dfff000f}.examples-header{color:var(--accent);letter-spacing:.08em;align-items:center;gap:10px;margin-bottom:9px;font-size:14px;font-weight:750;display:flex}.examples-header svg{width:23px;height:23px}.examples-list{margin:0;padding:0 0 0 31px;list-style:none}.examples-list li{color:#e8ebec;overflow-wrap:anywhere;margin:3px 0;font-size:15px;line-height:1.45}.heard-card{padding:14px 16px 16px}.heard-content{align-items:center;gap:13px;min-width:0;display:flex}.audio-icon{width:54px;height:54px;color:var(--accent);background:#030506;border-radius:50%;flex:0 0 54px;place-items:center;display:grid}.heard-copy{flex:1;min-width:0}.heard-label{color:#b9c0c2;letter-spacing:.04em;font-style:italic;font-weight:650}.heard-copy p{overflow-wrap:anywhere;margin:4px 0 0;font-size:18px;font-weight:550;line-height:1.35}.heard-content>svg{color:var(--muted);flex:none}.heard-card .correction>button{color:#101400;background:linear-gradient(100deg,#e9ff72,#dfff00);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 14px;font-size:14px;font-weight:750;display:flex}.correction>div{padding:12px 4px 0}.correction-consent{border:1px solid var(--accent);background:#12170a;border-radius:14px;margin:10px 0;padding:12px}.correction-consent p,.correction-provenance{font-size:.82rem;line-height:1.45}.correction button:disabled{opacity:.65}.section-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.section-header h2{color:var(--muted);letter-spacing:.04em;margin:0;font-size:18px;font-weight:750}.new-list-btn{border:1.5px solid var(--accent);min-height:48px;color:var(--accent);letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:750;display:flex}.new-list-btn:hover{background:#dfff0017}.new-list-btn svg{flex:none}.del-btn{border:1px solid var(--border);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:14px}ul.lists,ul.items{flex-direction:column;gap:12px;width:100%;margin:0;padding:4px 20px 0;list-style:none;display:flex}.list-card{border:1px solid var(--border);background:linear-gradient(145deg,#121719,#0e1214);border-radius:24px;align-items:stretch;width:100%;min-height:106px;transition:border-color .15s,transform .15s;display:flex;position:relative}.list-card:hover{border-color:#dfff00a6}.list-card:active{transform:scale(.99)}.list-open{border-radius:inherit;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:14px;padding:13px 8px 13px 15px;display:flex}.list-open>svg{color:var(--muted);flex:0 0 22px}.list-icon{border:1.5px solid var(--border);width:58px;height:58px;color:var(--accent);border-radius:50%;flex:0 0 58px;place-items:center;display:grid}.list-icon svg{width:31px;height:31px}.list-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.list-name{color:var(--text);letter-spacing:.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:18px;font-weight:750;overflow:hidden}.list-remaining{color:#bac0c3;font-size:14px}.progress-bar{background:#ffffff1f;border-radius:999px;width:100%;max-width:280px;height:6px;margin-top:4px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .25s}.list-badge{background:var(--accent);color:#131700;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid}.list-actions{color:var(--muted);flex:0 0 48px;justify-content:center;align-items:center;display:flex}.menu-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:0 0 44px;place-items:center;display:grid}.menu-btn:hover{background:#ffffff0f}.list-menu{z-index:30;border:1px solid var(--border);background:#171d1f;border-radius:14px;min-width:150px;padding:5px;position:absolute;top:calc(100% - 4px);right:10px;box-shadow:0 12px 30px #0009}.list-menu button{width:100%;min-height:44px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 12px;display:block}.list-menu button.danger{color:var(--danger)}.empty-state,.empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;display:flex}.empty-state p{margin:0}ul.items{gap:9px;padding-top:12px}ul.items li{border:1px solid var(--border);background:linear-gradient(145deg,#121719,#0e1214);border-radius:19px;align-items:center;gap:13px;min-height:66px;padding:9px 13px;display:flex}ul.items li input[type=checkbox]{width:44px;height:44px;accent-color:var(--accent);cursor:pointer;flex:0 0 44px;margin:0}ul.items li .txt{overflow-wrap:anywhere;cursor:pointer;flex:1;min-width:0;padding:8px 0;font-size:17px;line-height:1.35}ul.items li.done .txt{color:var(--muted);text-decoration:line-through}ul.items li .del-item{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:14px;flex:0 0 44px;font-size:19px}ul.items li .del-item:hover{color:var(--danger);background:#ff536b14}ul.items li .edit{border:1px solid var(--accent);background:var(--card-bg);min-width:0;min-height:44px;color:var(--text);border-radius:12px;flex:1;padding:8px 12px;font-size:16px}ul.items li .ok{background:var(--accent);min-width:44px;min-height:44px;color:var(--bg);cursor:pointer;border:0;border-radius:13px;flex:0 0 44px;font-size:18px}.feedback{border:1px solid var(--accent);background:linear-gradient(120deg,#dfff001a,#dfff0006);border-radius:22px;flex:none;margin:16px 20px 10px;padding:15px 16px;font-size:15px;position:relative}.feedback>p{margin:0;padding-right:32px;line-height:1.45}.feedback.not_found,.feedback.list_not_found,.feedback.already_exists{background:#ffaa4614;border-color:#ffaa46}.feedback.unknown{border-color:var(--border);color:#d0d4d5;background:#a0a7ad14}.feedback-heading{color:var(--text);text-transform:uppercase;letter-spacing:.055em;align-items:center;gap:11px;padding-right:28px;font-size:14px;display:flex}.feedback-heading svg{flex:none}.feedback-heading strong{line-height:1.4}.feedback-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:28px;line-height:1;position:absolute;top:8px;right:10px}.added-items{margin:13px 0 0;padding:0;list-style:none}.added-items li{text-transform:none;background:#00000029;border:1px solid #dfff0021;border-radius:16px;padding:13px 14px;font-size:18px;font-weight:700}.example-hint{color:var(--muted);font-size:13px;margin-top:8px!important}.confirm{gap:10px;margin-top:12px;display:flex}.confirm button{border:1px solid var(--border);cursor:pointer;border-radius:13px;flex:1;min-width:0;min-height:46px;padding:8px 10px;font-size:14px;font-weight:700}.confirm .yes{border-color:var(--accent);background:var(--accent);color:#111500}.confirm .no{color:var(--text);background:0 0}.voice-dock{background:linear-gradient(#0000,#080a0bfa 24%);width:100%;max-width:720px;margin:auto auto 0;padding:12px 20px 6px}.addbar,.createbar{gap:11px;width:100%;margin:0 auto 11px;display:flex}.addbar input,.createbar input{border:1px solid var(--border);min-width:0;min-height:56px;color:var(--text);background:#111719;border-radius:999px;flex:1;padding:10px 18px;font-size:17px}.addbar input::placeholder,.createbar input::placeholder{color:#969ea2;opacity:1}.addbar input:focus,.createbar input:focus{outline:2px solid var(--accent);outline-offset:1px}.addbar button,.createbar button{background:var(--accent);color:#101400;cursor:pointer;border:0;border-radius:50%;flex:0 0 56px;width:56px;min-height:56px;font-size:30px;line-height:1}.voice-state{min-height:24px;color:var(--accent);text-align:center;letter-spacing:.13em;margin:4px auto 7px;font-size:12px;font-weight:800}.voice-state.listening,.voice-state.error{color:var(--danger)}.voice-state.processing{color:#d8e990}.mic{border:2px solid var(--accent);width:84px;height:84px;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;place-items:center;margin:0 auto;transition:box-shadow .2s,border-color .2s,transform .2s;display:grid;box-shadow:0 0 22px #dfff0024}.mic:hover{box-shadow:0 0 30px #dfff004d}.mic:active{transform:scale(.96)}.mic.listening{border-color:var(--danger);color:var(--danger);animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 28px #ff536b4d}.mic.processing{opacity:.72}@keyframes pulse{50%{box-shadow:0 0 42px #ff536b8c}}.settings-backdrop,.dialog-backdrop{z-index:100;padding:max(14px, env(safe-area-inset-top)) 14px calc(14px + var(--safe-bottom));background:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{border:1px solid var(--accent);background:var(--card-bg);overscroll-behavior:contain;border-radius:22px;width:100%;max-width:440px;max-height:90dvh;padding:22px;overflow-y:auto;box-shadow:0 0 30px #dfff0029}.settings-panel h2{color:var(--text);text-transform:uppercase;margin:0 0 6px;font-size:18px;font-weight:750}.settings-panel h3{color:var(--accent);text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:700}.color-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:48px;height:48px}.color-swatch.selected{border-color:var(--text);transform:scale(1.08)}.color-name{color:var(--muted);text-align:center;margin-bottom:14px;font-size:14px}.reset-btn,.close-btn{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);cursor:pointer;background:0 0;border-radius:12px;font-weight:650}.mode-selector{gap:8px;margin-bottom:16px;display:flex}.mode-btn{border:1px solid var(--border);min-width:0;min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:8px;font-size:13px;font-weight:650}.mode-btn.active{border-color:var(--accent);color:var(--accent);background:#dfff000f}.consent-toggle{color:var(--text);cursor:pointer;align-items:flex-start;gap:11px;margin-bottom:8px;font-size:14px;line-height:1.45;display:flex}.consent-toggle input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);flex:0 0 22px;margin:1px 0 0}.consent-info,.gemini-info{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.55}.gemini-status{color:var(--text);margin:0 0 8px;font-size:14px;line-height:1.45}.close-btn{border-color:var(--accent);color:var(--accent);margin-top:2px}.close-btn:hover{background:var(--accent);color:var(--bg)}.learning{overflow-wrap:anywhere;margin:18px 0}.learning p{font-size:.85rem;line-height:1.5}.learning button{border:1px solid var(--border);min-height:44px;color:var(--text);white-space:normal;background:0 0;border-radius:11px;margin:5px 4px 5px 0;padding:9px 12px}.learning input:not([type=checkbox]),.learning select,.learning textarea{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#080a0b;border-radius:10px;margin:6px 0 12px;padding:10px;display:block}.learning textarea{min-height:84px}.learning ul{padding-left:18px}.correction{margin:10px 0}.correction>button{color:#101400}.dialog-backdrop{z-index:120}.delete-dialog{border:1px solid var(--border);background:#151b1d;border-radius:22px;width:100%;max-width:420px;padding:22px;box-shadow:0 20px 70px #000c}.delete-dialog h2{margin:0 0 9px;font-size:19px}.delete-dialog p{color:var(--muted);margin:0;line-height:1.5}.dialog-actions{gap:10px;margin-top:20px;display:flex}.dialog-actions button{border:1px solid var(--border);min-height:46px;color:var(--text);background:0 0;border-radius:12px;flex:1;font-weight:700}.dialog-actions .danger{border-color:var(--danger);background:var(--danger);color:#1b050a}.loading{min-height:100svh;color:var(--muted);place-items:center;display:grid}@media (width<=430px){.topbar{min-height:78px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;gap:8px}.brand{gap:11px}.brand>svg{flex-basis:50px;width:50px;height:50px}.tagline{letter-spacing:.12em;font-size:10px}.settings-btn,.topbar-delete{border-radius:15px;flex-basis:46px;width:46px;height:46px}.topbar .back{flex-basis:40px;width:40px}.examples-card,.heard-card{margin:13px 16px}.section-header{padding:13px 16px 10px}ul.lists,ul.items{padding-left:16px;padding-right:16px}.list-card{border-radius:21px;min-height:98px}.list-open{gap:11px;padding:11px 5px 11px 11px}.list-icon{flex-basis:52px;width:52px;height:52px}.list-badge{flex-basis:44px;width:44px;height:44px}.list-open>svg{flex-basis:20px}.list-actions{flex-basis:44px}.feedback{margin:13px 16px 8px}.voice-dock{padding-left:16px;padding-right:16px}}@media (width<=360px){.brand-text h1{font-size:17px}.brand>svg{flex-basis:44px;width:44px;height:44px}.new-list-btn{gap:5px;min-height:44px;padding:0 10px;font-size:12px}.list-open{gap:8px;padding:10px 3px 10px 8px}.list-icon{flex-basis:40px;width:40px;height:40px}.list-icon svg{width:26px;height:26px}.list-name{font-size:15px}.list-remaining{font-size:12px}.list-badge{flex-basis:36px;width:36px;height:36px;font-size:15px}.list-open{gap:6px}.list-open>svg{flex-basis:18px;width:18px}.list-actions{flex-basis:44px}.examples-list{padding-left:0}.examples-list li{font-size:14px}}@media (width>=768px){.app{padding-bottom:calc(20px + var(--safe-bottom))}.voice-dock{padding:18px 28px 8px}.mic{width:88px;height:88px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}