:root{color-scheme:dark;--bg:#101113;--app:#17181b;--surface:#212226;--line:#303137;--text:#eeede9;--muted:#a3a4ac;--subtle:#92939d;--accent:#c7b8f5;--mint:#b7dcce;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box} [hidden]{display:none!important} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased} button,input,textarea,select{font:inherit} button,a,input,textarea,select{-webkit-tap-highlight-color:transparent} button{cursor:pointer} a{color:inherit} button:disabled{cursor:wait;opacity:.65} button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px} input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px} h1,h2,h3,p{margin:0} button{color:inherit} .showcase{width:min(1100px,100%);margin:0 auto;min-height:100dvh;display:grid;grid-template-columns:1fr 420px;gap:92px;align-items:center;padding:48px 30px}.intro{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:44px 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--muted)}.small-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--mint);vertical-align:middle}.intro .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.8px}.intro h1{font-size:clamp(44px,5.1vw,68px);line-height:1.09;letter-spacing:-3.3px;font-weight:600;margin:38px 0 26px}.intro h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400;letter-spacing:-2.5px}.intro-copy{font-size:16px;color:var(--muted);max-width:355px;line-height:1.85}.concept-link{display:inline-flex;gap:22px;width:fit-content;font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);padding:10px 0;margin-top:27px}@media (hover:hover){.concept-link:hover{color:var(--accent)}}.intro-bottom{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--subtle);margin-top:90px}.intro-bottom span+span::before{content:"/";margin-right:16px;color:#43444c}
.app{width:100%;background:var(--app);border:1px solid #323339;border-radius:34px;padding:26px 28px 18px;min-height:765px;box-shadow:0 35px 80px #0003}.app-header{display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:33px;letter-spacing:-2.5px;line-height:1;font-weight:750}.wordmark>span{color:var(--accent)}.plus-link{background:transparent;border:1px solid #44404f;border-radius:50px;padding:7px 11px;color:#d3c8ef;font-size:10px;letter-spacing:1px;display:flex;gap:6px;align-items:center;min-height:44px}@media (hover:hover){.plus-link:hover{background:#25232c}}.capture{text-align:center;padding-top:35px}.hello{font-size:11px;color:var(--muted);margin-bottom:8px;letter-spacing:.3px}.capture h2{font-weight:550;letter-spacing:-1.1px;font-size:29px;line-height:1.25}.capture-subtitle{font-size:12px;color:var(--muted);margin-top:9px}.nose-button{position:relative;display:block;width:100%;max-width:340px;height:252px;padding:0;border:none;background:none;margin:1px auto 0;border-radius:45%;touch-action:manipulation}.nose-button img{width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.voice-caption{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:-7px;font-size:12px;font-weight:500}.ai-label{color:var(--accent);font-size:10px;letter-spacing:1px;border:1px solid #44404f;border-radius:5px;padding:2px 5px}.text-button{display:flex;gap:12px;align-items:center;justify-content:center;background:#eeebe5;color:#202125;border:1px solid #fff2;border-radius:19px;min-height:57px;width:100%;margin-top:27px;padding:0 19px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}@media (hover:hover){.text-button:hover{background:#fffaf2;transform:translateY(-1px)}}.text-button svg{width:18px;height:18px}.text-button>span:nth-child(2){flex:1;text-align:left}.button-arrow{font-size:21px;font-weight:400}.free-caption{font-size:10px;color:var(--muted);margin-top:10px}.upcoming{margin-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.section-heading h2{font-size:12px;font-weight:600}.section-heading>span{font-size:10px;color:var(--subtle)}.reminder-list{display:grid;gap:0}.reminder-row{display:flex;gap:13px;width:100%;align-items:center;text-align:left;background:none;border:none;border-bottom:1px solid #2b2c31;padding:16px 0;min-height:70px}@media (hover:hover){.reminder-row:hover .reminder-title{color:var(--accent)}}.reminder-time{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:38px;align-self:center}.reminder-info{flex:1;min-width:0}.reminder-title{display:block;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reminder-meta{display:block;font-size:12px;color:var(--subtle);margin-top:4px}.reminder-chevron{font-size:17px;color:#777983}.app-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--subtle);padding-top:24px}.app-footer .small-dot{width:3px;height:3px;background:#777983}.empty-message{text-align:center;padding:26px 0 18px;font-size:14px;color:var(--text)}.empty-message span{color:var(--muted);font-size:11px}.error-message{color:#ffc6c6;font-size:12px;padding:12px}
dialog{--px:25px;color:var(--text);background:#1b1c20;border:1px solid #3a3b43;border-radius:28px;padding:12px 25px 24px;width:min(420px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#090a0dc9;backdrop-filter:blur(8px)}.sheet-handle{position:relative;height:44px;margin:-12px 0 -16px;touch-action:none;user-select:none}.sheet-handle::before{content:"";position:absolute;top:12px;left:calc(50% - 17px);width:34px;height:3px;border-radius:4px;background:#55565e}.sheet-header,#sheet-title{touch-action:none;user-select:none}.sheet-header{min-height:44px}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:4;background:#1b1c20;margin:0 calc(-1*var(--px));padding:4px var(--px) 10px;border-bottom:1px solid var(--line,#3a3b43)}.icon-button{display:grid;place-items:center;padding:0;line-height:0;background:#292a30;border:0;width:36px;height:36px;border-radius:50%;font-size:22px;font-weight:300}.sheet-header .eyebrow{font-size:9px;letter-spacing:1.4px}dialog h2{font-size:27px;line-height:1.2;font-weight:550;letter-spacing:-.9px;margin:12px 0 26px}.sheet-view label{display:block;font-size:12px;color:var(--muted);margin:19px 0 8px}.sheet-view textarea,.sheet-view input,.sheet-view select{background:#25262c;border:1px solid #3a3b44;border-radius:14px;color:var(--text);padding:13px 14px;width:100%;min-width:0}.sheet-view textarea{resize:vertical;min-height:104px;max-height:240px;font-size:16px;line-height:1.6}.sheet-view textarea::placeholder{color:#8c8e99}.sheet-view input,.sheet-view select{font-size:14px;min-height:48px}.field-note{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}.primary-button,.secondary-button{width:100%;display:flex;gap:8px;justify-content:space-between;align-items:center;min-height:52px;padding:13px 16px;border-radius:16px;border:0;font-size:14px;font-weight:600;margin-top:25px}.primary-button{background:var(--accent);color:#25202f}@media (hover:hover){.primary-button:hover{background:#d9cef7}}.secondary-button{background:#2b2c33;color:var(--text);margin-top:10px;border:1px solid #42434d;justify-content:center}.quiet-button{display:block;min-height:44px;width:100%;padding:10px 0;border:0;background:transparent;font-size:13px;color:var(--muted);margin-top:8px}@media (hover:hover){.quiet-button:hover{color:var(--text)}}.sheet-footnote{color:var(--subtle);font-size:9px;line-height:1.65;text-align:center;border-top:1px solid var(--line);padding-top:16px;margin-top:15px}.form-error{font-size:12px;color:#ffbdc5;line-height:1.5;margin-top:13px}.confirm-lead{font-size:12px;color:var(--muted);margin-top:-13px;margin-bottom:18px}.confirmation-card{background:#25262c;border:1px solid #36373e;border-radius:20px;padding:21px 18px}.confirmation-card .eyebrow{font-size:8px}.confirmation-card h3{font-size:23px;font-weight:500;letter-spacing:-.5px;line-height:1.4;margin-top:10px;overflow-wrap:anywhere}.confirmation-time{display:flex;align-items:center;gap:8px;color:var(--mint);font-size:15px;margin-top:20px}.confirmation-time svg{width:17px;height:17px;flex-shrink:0}.detail-date{color:var(--mint);font-size:15px;margin-top:20px}.voice-lead{font-size:14px;color:var(--muted);line-height:1.8;margin-top:-8px}.waveform{height:78px;display:flex;align-items:center;justify-content:center;gap:5px;margin:27px 0 19px}.waveform i{display:block;width:4px;height:20px;border-radius:5px;background:var(--accent);opacity:.75}.waveform i:nth-child(3n){height:50px;background:var(--mint)}.waveform i:nth-child(4n){height:34px}.waveform i:nth-child(5n){height:68px}.waveform.active i{animation:wave .6s ease-in-out infinite alternate}.waveform.active i:nth-child(2n){animation-delay:-.4s}.waveform.active i:nth-child(3n){animation-delay:-.2s}.sheet-view blockquote{font-size:20px;font-weight:450;letter-spacing:-.4px;line-height:1.55;margin:0;text-align:center}.voice-disclosure{text-align:center;margin-top:15px;font-size:10px}.plus-intro{font-size:16px;color:var(--muted);line-height:1.65;margin-top:-8px;margin-bottom:25px}.plus-feature{display:flex;gap:15px;border-top:1px solid var(--line);padding:17px 0}.plus-feature>span{color:var(--accent);font-size:10px;padding-top:3px;font-variant-numeric:tabular-nums}.plus-feature h3{font-size:15px;font-weight:550}.plus-feature p{color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px}.plus-proposal{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:8px}.plus-footnote{text-align:center;margin-top:14px}.toast{position:fixed;bottom:calc(20px + var(--safe-bottom));left:50%;transform:translateX(-50%);z-index:20;background:#eeebe5;color:#222329;font-size:12px;border-radius:14px;padding:4px 12px;min-height:52px;max-width:calc(100% - 32px);width:max-content;box-shadow:0 10px 30px #0007;display:flex;align-items:center;gap:15px}.toast button{color:#614299;border:0;padding:4px 12px;min-height:44px;background:none;font-size:13px;font-weight:600;white-space:nowrap}
@keyframes wave{to{transform:scaleY(.45);opacity:1}}
@media(max-width:1000px){.showcase{grid-template-columns:1fr 400px;gap:40px}.intro h1{font-size:48px}.intro-copy{font-size:14px}.intro-bottom{gap:10px;margin-top:60px}.intro-bottom span+span::before{margin-right:10px}}
@media(max-width:760px){body{background:var(--app)}.showcase{display:block;width:100%;padding:0;min-height:100dvh}.intro{display:none}.app{max-width:440px;min-height:100dvh;margin:0 auto;border:0;border-radius:0;box-shadow:none;padding:calc(24px + var(--safe-top)) 25px calc(20px + var(--safe-bottom))}.capture{padding-top:32px}.nose-button{height:246px;max-width:335px}.upcoming{margin-top:33px}.app-footer{padding-top:23px}dialog{--px:24px;position:fixed;inset:auto 0 0;margin:0 auto;width:min(440px,100%);max-height:calc(100dvh - 16px - var(--safe-top));border-bottom:0;border-radius:25px 25px 0 0;padding:12px 24px calc(24px + var(--safe-bottom))}.sheet-view input,.sheet-view select{font-size:16px}}
@media(max-width:350px){.app{padding-left:20px;padding-right:20px}.capture h2{font-size:26px}.nose-button{height:218px}.capture{padding-top:26px}.voice-caption{font-size:12px}.text-button{margin-top:23px}.free-caption{font-size:11px}dialog{--px:20px;padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.header-actions{display:flex;gap:8px;align-items:center}
.settings-icon{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted)}
@media (hover:hover){.settings-icon:hover{background:var(--surface);color:var(--text)}}.settings-icon svg{width:21px;height:21px}
.chat-example-link{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--accent);text-decoration:none;margin-top:20px;padding:8px;min-height:44px}
.snooze-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.snooze-grid .secondary-button{margin:0;min-height:48px;padding:10px 8px;font-size:12px}
.interval-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preset-preview{background:#25262c;border:1px solid var(--line);border-radius:12px;color:var(--accent);font-size:12px;padding:14px;margin-top:20px;line-height:1.7}

.text-examples{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.text-examples button{font-size:12px;line-height:1.4;min-height:44px;border:1px solid var(--line);background:#25262c;border-radius:10px;padding:8px 6px;color:var(--muted)}@media (hover:hover){.text-examples button:hover{color:var(--accent);border-color:#595069}}.clarify-fields{margin-top:20px}.clarify-fields label{margin-top:10px}


.nose-stage{position:relative;isolation:isolate;max-width:340px;margin:1px auto 0}.nose-stage .nose-button{margin:0 auto;z-index:1}
.recording-feedback{margin-top:-7px}.recording-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--text)}.recording-dot{width:6px;height:6px;border-radius:50%;background:#e9aab8;box-shadow:0 0 8px #e9aab829}.recording-status time{font-variant-numeric:tabular-nums;color:var(--muted);min-width:42px;margin-left:5px}
.recording-visual{height:36px;display:flex;align-items:center;justify-content:center;margin:10px auto 8px}.record-bars{display:flex;align-items:center;gap:5px;height:32px}.record-bars i{display:block;width:4px;height:32px;border-radius:5px;background:var(--accent);transform:scaleY(.094);opacity:.45;transform-origin:center}.record-bars i:nth-child(2n){background:var(--mint)}
.recording-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:14px}.recording-actions button{min-height:49px;border-radius:15px;font-size:13px;border:1px solid #43434e;background:transparent;color:var(--muted)}.recording-actions #finish-recording{background:var(--accent);color:#282130;border-color:transparent;font-weight:600}.recording-actions #finish-recording span{margin-left:25px}@media (hover:hover){.recording-actions button:hover{filter:brightness(1.12)}}.recording-disclosure{font-size:10px;color:var(--muted);margin-top:10px}
#recorded-audio{width:100%;margin:22px 0 10px}#recording-error{text-align:left;margin-top:16px}

.voice-result-slot{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.25,1);text-align:left}.voice-result-slot.has-result{grid-template-rows:1fr}.voice-result-clip{overflow:hidden;min-height:0}.voice-result{margin:17px 0 3px;padding:16px 18px;background:linear-gradient(135deg,#292733,#22242c);border:1px solid #c7b8f53b;border-radius:20px;animation:voice-card-arrive .5s cubic-bezier(.2,.8,.25,1)}.voice-result-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.voice-result-top>span{color:var(--mint);font-size:10px;font-weight:600}.voice-result-top button{display:grid;place-items:center;padding:0;line-height:0;background:transparent;border:0;color:var(--muted);font-size:19px;width:32px;height:32px;margin:-7px -9px -5px 0}.voice-result h3{font-size:20px;line-height:1.45;letter-spacing:-.4px;font-weight:550;margin-top:8px;overflow-wrap:anywhere}.inline-voice-date{color:var(--mint);font-size:12px;margin-top:10px}.inline-edit-button{border:0;background:transparent;color:var(--accent);min-height:38px;padding:9px 0;font-size:12px;width:100%;display:flex;justify-content:space-between;margin-top:5px}.voice-result form label{font-size:10px;color:var(--muted);display:block;margin:13px 0 7px}.voice-result form input{width:100%;min-width:0;color:var(--text);background:#1c1d23;border:1px solid #41414d;border-radius:11px;padding:11px 12px;font-size:16px;min-height:44px}.inline-save-button{width:100%;background:var(--accent);color:#272131;border:0;border-radius:11px;padding:12px 14px;display:flex;justify-content:space-between;min-height:44px;margin-top:14px;font-size:12px;font-weight:600}.voice-example-button{display:block;margin:11px auto 0;border:0;background:transparent;color:var(--subtle);font-size:10px;min-height:32px;padding:7px 10px}@media (hover:hover){.voice-example-button:hover{color:var(--accent)}}@keyframes voice-card-arrive{from{opacity:0;transform:translateY(-22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

.speech-capsule{width:min(266px,100%);margin:7px auto 0;padding:15px 18px 14px;border:1px solid transparent;border-radius:23px;background:linear-gradient(145deg,#282832,#1e1f26) padding-box,linear-gradient(135deg,#b4ebd850,#bdacf475,#eda3c73a) border-box;box-shadow:0 8px 26px #0003,0 0 18px #c7b8f510}.speech-capsule .recording-status{justify-content:space-between;font-size:11px;letter-spacing:.2px}.speech-capsule .recording-dot{width:5px;height:5px;background:linear-gradient(135deg,#b7dcce,#c7b8f5);box-shadow:0 0 7px #c7b8f526;margin-right:1px}.speech-capsule .recording-status>span:nth-child(2){flex:1;text-align:left}.speech-capsule time{background:#181921;border:1px solid #ffffff0a;border-radius:8px;padding:3px 8px;font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.5;letter-spacing:.7px;min-width:54px}.speech-capsule .recording-visual{height:38px;margin:12px auto 0}.speech-capsule .record-bars{height:34px;gap:4px}.speech-capsule .record-bars i{height:34px;width:5px;background:linear-gradient(0deg,#9686bb,#c7b8f5 52%,#b7dcce);transform:scaleY(.118);border-radius:4px}.speech-capsule .record-bars i:nth-child(2n){background:linear-gradient(0deg,#8d9fa9,#b7dcce 58%,#cddde0)}#voice-transcript,#inline-voice-audio{font-size:10px;color:var(--muted);margin-top:11px}#voice-transcript summary,#inline-voice-audio summary{cursor:pointer;min-height:28px;padding:5px 0}#voice-transcript p{line-height:1.7;margin-top:5px;overflow-wrap:anywhere}#retry-voice{color:var(--accent)}

.telegram-mode .intro,.telegram-mode .voice-example-button{display:none!important}.telegram-mode .showcase{display:block}.telegram-mode .app{margin:auto;min-height:100dvh}.app-footer button{border:0;background:none;color:var(--lavender,#c7b8f5);padding:8px;text-decoration:underline;cursor:pointer}

.telegram-mode .app{width:min(100%,440px);box-sizing:border-box}

.reminder-row{min-width:0}.reminder-meta{overflow-wrap:anywhere}

.voice-result{position:relative;padding:22px 20px!important}.voice-result-top{position:absolute;top:calc(var(--cy,33.7px) - 22px);right:8px;margin:0!important}.voice-result h3{margin:0 96px 10px 0!important;font-size:18px!important;line-height:1.3;overflow-wrap:anywhere}.voice-result .inline-voice-date{margin:0!important;font-size:13px}.voice-result #edit-inline-voice{position:absolute;right:52px;top:calc(var(--cy,33.7px) - 22px);justify-content:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;display:grid;place-items:center;line-height:0;background:none;border:0;color:#a8a1bc;border-radius:12px}.voice-result #edit-inline-voice svg{width:18px;height:18px}.voice-result #hide-voice-result{width:44px;height:44px;min-height:44px;margin:0}.voice-result #inline-voice-note{margin:12px 0 0}.voice-result #inline-voice-form{margin-top:20px}.voice-result:focus{outline:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.date-field{width:100%;min-height:54px;background:#25262d;border:1px solid #3b3c45;border-radius:16px;color:#eeede9;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin:8px 0 0;font:inherit;text-align:left}.date-field svg{width:20px;height:20px;color:#bcaee9;flex-shrink:0}@media (hover:hover){.date-field:hover{border-color:#9382bd}}.date-field:focus-visible{outline:2px solid #c7b8f5;outline-offset:3px}.date-picker{width:min(380px,calc(100% - 28px));max-height:calc(100dvh - 28px);margin:auto;border:1px solid #47404f;border-radius:27px;background:linear-gradient(145deg,#26242d,#1a1b20 65%);color:#eeede9;padding:22px;overflow:auto;box-shadow:0 24px 90px #0008}.date-picker::backdrop{background:#060609a8;backdrop-filter:blur(7px)}.date-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.date-header h2{font-size:21px;letter-spacing:-.5px;margin:0}.date-header button{display:grid;place-items:center;padding:0;line-height:0;border:0;background:#ffffff08;color:#a8a2b6;border-radius:50%;width:36px;height:36px;font-size:23px}.date-shortcuts,.date-times{display:flex;gap:7px;flex-wrap:wrap}.date-shortcuts button,.date-times button{border:1px solid #47414f;background:#ffffff03;color:#b9b1cb;min-height:40px;padding:8px 11px;border-radius:13px;font-size:12px}.date-shortcuts .is-selected{background:#c7b8f51a;border-color:#8b77b4;color:#dfd3ff}.date-month-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.date-month-row h3{font-size:15px;font-weight:550}.date-month-row h3::first-letter{text-transform:uppercase}.date-month-row button{display:grid;place-items:center;padding:0;line-height:0;border:0;background:none;color:#d7caef;width:44px;height:44px;border-radius:12px;font-size:27px}.date-picker button:disabled{opacity:.25;cursor:default}.date-weekdays,.date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.date-weekdays{font-size:11px;color:#8f8b9c;margin-bottom:8px}.date-day{height:40px;min-width:0;background:none;border:0;border-radius:12px;color:#d9d6e2;font-size:14px;transition:background .15s}.date-day.is-outside{color:#726d7f}.date-day[aria-current=date]{box-shadow:inset 0 0 0 1px #776587}.date-day.is-selected{background:#c7b8f5;color:#211c2c;font-weight:650;box-shadow:none}@media (hover:hover){.date-day:hover:not(:disabled){background:#c7b8f526}}@media (hover:hover){.date-day.is-selected:hover{background:#d4c7fb}}.date-time{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-top:20px}.date-time label{color:#aaa5b7;font-size:12px;text-align:center}.date-time input{display:block;width:77px!important;min-height:55px!important;text-align:center;background:#17171d!important;border:1px solid #48424f!important;border-radius:16px!important;color:#e6def5!important;padding:8px!important;margin:7px 0 0!important;font-size:25px!important;font-variant-numeric:tabular-nums}.date-time>span{font-size:22px;padding-bottom:16px;color:#8f859f}.date-times{justify-content:center;margin-top:12px}.date-times button{min-height:36px;padding:5px 12px;font-size:11px}.date-timezone{text-align:center;color:#777381;font-size:10px;margin:15px 0 18px}.date-picker .primary-button{width:100%;margin:0;min-height:49px}.date-picker .form-error{font-size:12px;margin-bottom:14px}


/* Keep capture controls within thumb reach while reminders scroll independently. */
:root{--safe-top:max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px),var(--tg-content-safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px))}
.showcase{padding-top:32px;padding-bottom:32px}
.app{display:flex;flex-direction:column;height:min(860px,calc(100dvh - 64px));min-height:0;padding:20px 24px 12px;overflow:hidden}
.app-header{flex-shrink:0}.wordmark{font-size:29px}
.upcoming{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}
.capture-heading{height:64px;padding-top:4px;display:flex;flex-direction:column;align-items:center;gap:6px}.capture-heading h2{font-size:26px;font-weight:550;line-height:1.2;letter-spacing:-.9px}.capture-heading .capture-subtitle{margin:0;line-height:1.35}
.reminder-scroll{min-height:0;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#49434f transparent;padding:0 2px 12px;scroll-padding:12px}
.reminder-scroll:focus-visible{outline:1px solid #c7b8f550;outline-offset:-1px;border-radius:12px}
.upcoming .voice-result{margin:10px 0 8px}.upcoming .section-heading{flex-shrink:0;margin:20px 0 12px}.upcoming .section-heading h2{font-size:20px;line-height:1.2;font-weight:550;letter-spacing:-.4px}.upcoming .section-heading>span{font-size:11px}.reminder-row{padding:13px 0;min-height:66px}.empty-message{text-align:left;padding:18px 0;line-height:1.6;font-size:16px}.empty-message span{font-size:13px}
.capture{flex-shrink:0;padding:10px 0 0;border-top:1px solid #ffffff08;background:radial-gradient(ellipse at 50% 40%,#c7b8f505,transparent 70%)}
.capture-subtitle{margin:0;font-size:11px}.nose-stage{max-width:290px}.nose-stage .nose-button{height:clamp(140px,24dvh,210px);max-width:290px}.nose-stage .nose-button img{position:absolute;inset:-12%;width:124%;height:124%}.voice-caption{margin-top:-3px;font-size:12px}
.text-button{margin-top:14px;min-height:56px;border-radius:18px}.free-caption{margin-top:8px;font-size:11px}.voice-example-button{min-height:24px;margin:5px auto 0;padding:3px 8px}
.recording-feedback{margin-top:0}.speech-capsule{padding:9px 16px;margin:0 auto;border-radius:18px}.speech-capsule .recording-visual{height:22px;margin-top:5px}.speech-capsule .record-bars,.speech-capsule .record-bars i{height:22px}.recording-actions{margin-top:9px;gap:9px}.recording-disclosure{margin-top:7px;font-size:11px}
.chat-example-link{flex-shrink:0;margin:3px 0 0;min-height:28px;padding:4px;font-size:10px}
.app-footer{flex-shrink:0;flex-wrap:wrap;gap:4px;padding-top:3px;font-size:11px;line-height:1.4}.app-footer button{min-height:44px;padding:7px;font-size:13px}
.toast{top:auto;bottom:calc(8px + var(--safe-bottom))}
.telegram-mode .showcase{height:var(--tg-viewport-stable-height,100dvh);min-height:0;padding:0}
.telegram-mode .app{height:var(--tg-viewport-stable-height,100dvh);min-height:0;border:0;border-radius:0;padding:calc(14px + var(--safe-top)) 22px calc(12px + var(--safe-bottom));box-shadow:none}
.telegram-mode .chat-example-link{display:none}
@media(max-width:760px){.showcase{height:100dvh;min-height:0;padding:0}.app{height:100dvh;min-height:0;padding:calc(14px + var(--safe-top)) 22px calc(12px + var(--safe-bottom))}}
:where(.h-le-660) .upcoming .section-heading{margin:14px 0 10px}:where(.h-le-660) .capture-heading h2{font-size:23px}:where(.h-le-660) .nose-stage .nose-button{height:150px}:where(.h-le-660) .capture{padding-top:8px}:where(.h-le-660) .capture-subtitle{font-size:10px}:where(.h-le-660) .text-button{margin-top:10px;min-height:52px}:where(.h-le-660) .free-caption{margin-top:5px;font-size:11px}:where(.h-le-660) .reminder-row{min-height:60px;padding:10px 0}
:where(.h-le-480) .showcase,:where(.h-le-480) .telegram-mode .showcase{height:auto;min-height:100dvh;overflow:visible}:where(.h-le-480) .app,:where(.h-le-480) .telegram-mode .app{height:auto;min-height:var(--tg-viewport-stable-height,100dvh);overflow:visible}:where(.h-le-480) .reminder-scroll{max-height:220px}:where(.h-le-480) .nose-stage .nose-button{height:125px}

.capture-controls{min-height:124px;padding-top:1px}.capture-controls .voice-caption{margin-top:0}
.capture .speech-capsule{display:flex;align-items:center;gap:12px;padding:7px 12px;width:min(280px,100%)}
.capture .speech-capsule .recording-status{flex:1;min-width:0;gap:6px}
.capture .speech-capsule .recording-visual{flex-shrink:0;width:63px;height:22px;margin:0}
.capture .speech-capsule .record-bars{gap:2px}.capture .speech-capsule .record-bars i{width:3px}
:where(.h-le-660) .capture-controls{min-height:116px}:where(.h-le-660) .recording-actions button{min-height:45px}:where(.h-le-660) .recording-actions{margin-top:7px}:where(.h-le-660) .recording-disclosure{margin-top:5px}
:where(.h-le-700) .reminder-scroll{padding-bottom:2px}:where(.h-le-700) .upcoming .voice-result{--cy:20.6px;padding:10px 14px 8px!important;margin:2px 0 4px}:where(.h-le-700) .upcoming .voice-result h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:17px!important;line-height:1.25;margin:0 96px 4px 0!important}:where(.h-le-700) .upcoming .voice-result .inline-voice-date{font-size:13px}:where(.h-le-700) dialog h2{margin:8px 0 12px;font-size:23px}:where(.h-le-700) .sheet-view label{margin:10px 0 6px}:where(.h-le-700) .primary-button{margin-top:14px}:where(.h-le-700) #snooze-settings-form .primary-button{position:sticky;bottom:0;z-index:2}:where(.h-le-700) .sheet-view textarea{height:88px;min-height:0}:where(.h-le-700) .date-picker{padding:12px 12px 10px}:where(.h-le-700) .date-header{margin-bottom:8px}:where(.h-le-700) .date-month-row{margin:10px 0 8px}:where(.h-le-700) .date-weekdays,:where(.h-le-700) .date-grid{gap:3px}:where(.h-le-700) .date-times{margin-top:8px}:where(.h-le-700) .date-shortcuts{display:flex;gap:6px}:where(.h-le-700) .date-shortcuts button{flex:1;min-width:0;padding:6px 2px;font-size:12px;white-space:nowrap}:where(.h-le-700) .date-day{height:36px}:where(.h-le-700) .date-time input{min-height:44px!important;width:64px!important}:where(.h-le-700) .date-time{margin-top:4px}:where(.h-le-700) .date-timezone{display:none}

#close-sheet,.date-header #date-close{width:44px;height:44px;flex-shrink:0}
.date-picker{padding:0;overflow:hidden}#date-picker-form{display:flex;flex-direction:column;max-height:calc(100dvh - 30px)}.date-content{min-height:0;overflow:auto;padding:22px}.date-actions{flex-shrink:0;padding:12px 22px 22px;background:#1b1c20;border-top:1px solid var(--line)}
:where(.h-le-700) .date-content{padding:12px}:where(.h-le-700) .date-actions{padding:10px 12px}
@media(min-width:560px){
:where(.h-le-480) .showcase,:where(.h-le-480) .telegram-mode .showcase{height:100dvh;min-height:0;padding:0;overflow:hidden}:where(.h-le-480) .intro{display:none}
:where(.h-le-480) .app,:where(.h-le-480) .telegram-mode .app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto;column-gap:24px;width:100%;max-width:760px;height:var(--tg-viewport-stable-height,100dvh);min-height:0;padding:calc(8px + var(--safe-top)) 20px calc(6px + var(--safe-bottom));overflow:hidden}
:where(.h-le-480) .app-header{grid-column:1/-1}:where(.h-le-480) .upcoming{grid-column:1;grid-row:2;min-width:0}:where(.h-le-480) .upcoming .section-heading{margin:8px 0}:where(.h-le-480) .reminder-scroll{max-height:none}
:where(.h-le-480) .capture{display:flex;flex-direction:column;grid-column:2;grid-row:2;min-width:0;min-height:0;padding:0;border-top:0}:where(.h-le-480) .capture-heading,:where(.h-le-480) .capture .nose-stage{flex-shrink:0}:where(.h-le-480) .capture .nose-stage{width:100%}:where(.h-le-480) .capture-heading{height:44px;padding-top:0;gap:2px}:where(.h-le-480) .capture-heading h2{font-size:21px}:where(.h-le-480) .nose-stage .nose-button{height:clamp(90px,32dvh,125px)}:where(.h-le-480) .capture-controls{flex:1;height:auto;min-height:0;overflow:auto;scrollbar-width:thin}:where(.h-le-480) .capture #recording-error{margin-top:6px}:where(.h-le-480) .app-footer{grid-column:1/-1;padding-top:0}:where(.h-le-480) .chat-example-link{display:none}
}

#sheet[data-view="detail"] #sheet-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#detail-view .confirmation-card>.eyebrow{display:none}#detail-view .confirmation-card{padding:16px;margin-top:4px}#detail-view .confirmation-card h3{margin-top:0}.snooze-heading{font-size:12px;color:var(--muted);margin-top:20px}.snooze-grid .secondary-button{font-size:14px;border-radius:16px}.sheet-view input:focus,.sheet-view textarea:focus,.sheet-view select:focus{border-color:var(--accent)}.confirmation-card{border-color:#c7b8f52b}.primary-button:focus-visible,.secondary-button:focus-visible{outline-offset:3px}button:disabled{opacity:1;color:var(--muted)}.primary-button:disabled{background:#8e849f;color:#211c2c}#chat-close-sheet{width:44px;height:44px}
/* Настройки переноса: 4 строки «число + единица», степперы времени «Завтра» */
.interval-rows{display:grid;gap:10px;margin-top:6px}
.interval-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px}
.sheet-view .interval-row>label{margin:0;font-size:13px;white-space:nowrap}
.sheet-view .interval-row>input{min-height:48px;text-align:center;font-size:16px}
@media (max-width:359px){.interval-row{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.sheet-view .interval-row>input{padding-inline:4px}.interval-row .unit-seg{gap:2px}}
.unit-seg{display:flex;gap:4px}
.sheet-view .unit-seg label{position:relative;display:block;margin:0}
.sheet-view .unit-seg input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer}
.unit-seg span{display:grid;place-items:center;min-width:44px;min-height:48px;padding:0 8px;border-radius:16px;border:1px solid #42434d;background:#2b2c33;color:var(--text);font-size:13px;font-weight:600;line-height:1}
.unit-seg input:checked+span{background:#3a3548;border-color:var(--accent);color:var(--accent)}
.unit-seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.field-label{font-size:12px;color:var(--muted);margin:19px 0 8px}
.time-stepper{display:flex;align-items:center;gap:8px}
.stepper{display:flex;flex:1;align-items:center;gap:6px;min-width:0}
.stepper button{flex:none;display:grid;place-items:center;width:44px;height:48px;padding:0;border-radius:16px;border:1px solid #42434d;background:#2b2c33;color:var(--text);font-size:20px;line-height:1}
.stepper output{flex:1;text-align:center;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.stepper-colon{color:var(--muted);font-size:20px;line-height:1}
/* P2: удаление долгим нажатием, чипы повтора, подзаголовок в 2 строки */
.reminder-item{position:relative}
.reminder-delete{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ff5d5d26;color:#ff6b6b}
.reminder-delete:focus-visible{outline:2px solid #ff6b6b;outline-offset:2px}
html[data-theme] .reminder-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
html[data-theme] .reminder-row.is-armed{box-shadow:0 0 0 1.5px #ff5d5d,0 0 16px 2px #ff5d5d80;padding-right:68px}
.reminder-row.is-armed+.reminder-delete{display:flex}
.reminder-item.is-deleting{pointer-events:none}.reminder-item.is-deleting .reminder-delete{opacity:0;transition:opacity .12s}html[data-theme] .reminder-row{touch-action:pan-y}.reminder-item.is-swiping{overflow:hidden;border-radius:18px;background:#e5484d}.reminder-item.is-swiping .reminder-row{position:relative;z-index:1}.reminder-item.is-swiping .reminder-delete{display:flex;top:0;right:0;width:88px;height:100%;transform:none;border-radius:0;background:none;color:#fff}.reminder-item.is-swiping .reminder-delete svg{transition:transform .15s}.reminder-item.is-past .reminder-delete svg{transform:scale(1.3)}html[data-theme] .reminder-item.is-overdue .reminder-time,html[data-theme] .reminder-item.is-overdue .reminder-title{color:var(--ink2)}
html[data-theme] .danger-button,.danger-button{color:#d9534f}@media (hover:hover){.danger-button:hover{color:#ff6b6b}}
.repeat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.repeat-chip{flex:1 1 auto;width:auto;min-height:44px;margin:0;padding:8px 14px;font-size:13px}
.repeat-chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#17181b}
html[data-theme] .capture-heading .capture-subtitle{min-height:40px;padding:0 2px;text-wrap:balance;overflow-wrap:anywhere}
/* «Распознаю…»: в карточке один заголовок, поэтому заголовок и кнопки стоят по центру высоты. */
#voice-result.is-processing h3{margin-bottom:0!important}
#voice-result.is-processing .voice-result-top,#voice-result.is-processing #edit-inline-voice{top:50%;transform:translateY(-50%)}
.nose-button{touch-action:none}
/* Плавность удаления: статус сохранения живёт в строке заголовка списка и не меняет высоту экрана. */
.section-heading[data-saving] #reminder-count::before{content:"Сохраняю… · ";animation:footer-status-in .25s ease-out}
@keyframes footer-status-in{from{opacity:0}to{opacity:1}}
.reminder-item{flex-shrink:0}
.empty-message:not([hidden]){animation:empty-in .35s ease-out}
@keyframes empty-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.empty-message:not([hidden]),.section-heading[data-saving] #reminder-count::before{animation:none}}html.boop-loading,html.boop-loading body{background:var(--tg-theme-bg-color,#f5eee2)}html.boop-loading body>*{visibility:hidden}html.boop-loading body::before{content:"Загружаю…";position:fixed;inset:0;display:grid;place-items:center;font:500 15px system-ui,sans-serif;color:var(--tg-theme-hint-color,#7a7280)}