@charset "UTF-8";
:root{--paper:#f6f7f2;--white:#fffefa;--ink:#28382d;--muted:#7b857b;--green:#2c503b;--line:#e7e9e0;--sage:#e7eedf;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:wait}button{border:0;background:none}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #97af83;outline-offset:3px}input:focus,textarea:focus{border-color:#809b72;outline:3px solid #e4eddd}input,textarea{width:100%;border:1px solid #dde2d6;background:#fffefa;border-radius:11px;padding:13px 15px;color:var(--ink);min-width:0;font-size:16px;outline:none}textarea{resize:vertical;line-height:1.65;min-height:132px}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}input[type=date],input[type=time]{min-height:48px;appearance:none;-webkit-appearance:none}input[type=date]::-webkit-date-and-time-value{text-align:left}input[type=checkbox]{width:auto;accent-color:var(--green)}[hidden]{display:none!important}.muted{color:var(--muted);line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;color:#8a9785}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:650;letter-spacing:-1.3px}.brand-mark{display:grid;place-items:center;background:var(--green);color:#f3f8eb;border-radius:11px;width:36px;height:39px;font-size:28px;line-height:1;font-weight:600;font-style:italic;padding-right:3px;letter-spacing:-3px}.brand-dot{margin-left:-9px;color:#819574}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:11px;font-size:13px;font-weight:600;min-height:46px;white-space:nowrap;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--green);color:#fff}.primary:hover{background:#3b6247}.secondary{background:#edf1e7;color:#37533b;border:1px solid #dce4d3}.secondary:hover{background:#e4ebdc}.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;flex-shrink:0;color:#788575}.icon-button:hover{background:#eaf0e2}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;color:var(--green);padding:8px 0}.danger{color:#a15d50}.error{font-size:13px;color:#ae594c;line-height:1.5;margin:8px 0;min-height:0}.error:empty{display:none}.boot{min-height:100svh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;font-size:14px;color:var(--muted)}
.login-screen{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.login-story{display:flex;flex-direction:column;justify-content:space-between;padding:54px clamp(34px,7vw,110px);background:#e8eddf}.login-story>div{padding:60px 0}.login-story h1{font-size:clamp(36px,4.4vw,64px);line-height:1.13;font-weight:500;letter-spacing:-2.5px;margin:22px 0}.login-story p{font-size:16px;line-height:1.85;color:#76816e}.login-story small{font-size:11px;color:#89937e}.story-note{display:flex;gap:15px;align-items:center;margin-top:46px;padding:22px;background:#f4f6ed99;border:1px solid #d7dfcc;border-radius:14px;font-size:12px;line-height:1.8;color:#697d5d}.story-note svg{width:28px;height:28px}.login-panel{display:grid;place-items:center;padding:40px}.login-form{width:100%;max-width:340px}.login-form h2{font-size:30px;font-weight:550;letter-spacing:-1px;margin:17px 0 6px}.login-form>.muted{font-size:14px;margin-bottom:34px}.login-form>label{margin-top:20px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;right:6px;top:6px}.login-form .primary{margin-top:28px}.login-private{display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px;color:#96a08f;margin-top:23px}.login-private svg{width:14px;height:14px}
.app{min-height:100svh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:#edf0e6;border-right:1px solid #e1e6d9;padding:31px 22px 20px;position:fixed;inset:0 auto 0 0;width:240px;display:flex;flex-direction:column;overflow:auto}.sidebar>.brand{padding:0 10px}.sidebar-caption{font-size:7px;letter-spacing:1.15px;margin:15px 0 32px 11px;color:#929e86}.nav-button{display:flex;width:100%;align-items:center;gap:11px;padding:12px 13px;border-radius:10px;text-align:left;font-size:12px;color:#7b8773;margin-bottom:5px}.nav-button svg{width:18px;height:18px}.nav-button span{margin-left:auto;font-size:10px;background:#e4e9dc;border-radius:5px;padding:3px 6px;min-width:22px;text-align:center}.nav-button.active{background:#dfe8d5;color:#35543b;font-weight:650}.nav-button.active span{background:#cedcbe}.nav-button:hover{background:#e3eadb}.calendar{margin:33px 2px 25px;padding-top:24px;border-top:1px solid #dfe5d6}.calendar-heading{display:flex;align-items:center;justify-content:space-between}.calendar-heading strong{font-size:12px;font-weight:600}.calendar-heading>div{display:flex}.calendar-heading button{width:25px;height:28px}.calendar-heading svg{width:14px;height:14px}.week-labels,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:3px}.week-labels{font-size:8px;color:#9aa28f;margin:18px 0 8px}.calendar-grid button,.calendar-grid>span{font-size:10px;min-height:25px;border-radius:7px;position:relative;padding:4px}.calendar-grid button:hover{background:#dfe7d5}.calendar-grid .selected{background:#36583e;color:#fff}.calendar-grid .today:not(.selected){border:1px solid #99ae86}.calendar-grid .has-notes:after{content:"";position:absolute;width:3px;height:3px;border-radius:100%;background:#90a17f;bottom:2px;left:calc(50% - 1.5px)}.calendar-grid .selected:after{background:#fff}.sidebar-tip{padding:18px 14px 10px;color:#7c8c6e;border:1px dashed #d5dec9;border-radius:12px;margin-top:auto}.sidebar-tip>svg{width:22px;height:22px;display:block;margin-bottom:11px;transform:rotate(-12deg)}.sidebar-tip strong{font-size:11px;font-weight:550}.sidebar-tip p{font-size:10px;line-height:1.8;margin-bottom:7px;color:#929d85}.sidebar-account{display:flex;align-items:center;gap:9px;padding:22px 3px 0}.avatar{width:32px;height:32px;background:#dfe7d5;border:1px solid #d3ddc7;color:#718360;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600}.sidebar-account strong{font-size:11px;display:block}.sidebar-account small{font-size:8px;display:block;color:#97a08d;margin-top:4px}.sidebar-account .icon-button{margin-left:auto}.sidebar-account svg{width:16px;height:16px}.workspace{grid-column:2;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumb{font-size:10px;color:#9aA190}.breadcrumb span{margin:0 12px;color:#c8cebf}.breadcrumb strong{font-weight:500;color:#7c8871}.top-actions{display:flex;align-items:center;gap:17px}.top-actions>.avatar{width:29px;height:29px;font-size:10px}.header-date{font-size:10px;color:#929b87}.top-actions .icon-button{width:29px;height:29px}.top-actions svg{width:17px;height:17px}.mobile-brand{display:none}.main-content{max-width:1180px;margin:0 auto;padding:45px 48px 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading .eyebrow{font-size:8px;margin:0 0 10px}.page-heading h1{font-size:38px;font-weight:550;letter-spacing:-1.7px;line-height:1.2;margin:0 0 10px}.title-dot{color:#91a47d}.page-heading .muted{font-size:12px;margin:0}.page-heading .button{margin-top:14px;font-size:12px;padding:13px 18px}.page-heading svg{width:17px;height:17px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stats>div{display:flex;gap:15px;align-items:center;padding:21px 23px;background:#fffefa;border:1px solid var(--line);border-radius:14px}.stat-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:12px}.stat-icon svg{width:21px;height:21px}.stat-icon.sage{background:#eaf0e3;color:#7c926d}.stat-icon.sand{background:#f5eddb;color:#b5a06d}.stat-icon.lilac{background:#edeaf2;color:#9a8cae}.stats strong{display:block;font-size:24px;line-height:1.1;font-weight:550;letter-spacing:-1px}.stats small{display:block;font-size:10px;color:#929b88;margin-top:6px}.notes-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.filter-tabs{display:flex;gap:4px;background:#ecefe5;padding:4px;border-radius:9px}.filter-tabs button{font-size:10px;padding:8px 14px;color:#8f9983;border-radius:6px}.filter-tabs button.active{background:#fffefa;color:#40553b;box-shadow:0 1px 3px #263c2510}.search{display:flex;align-items:center;position:relative;margin:0;width:210px;color:#9ca48e}.search svg{position:absolute;left:12px;width:15px;height:15px}.search input{font-size:10px;padding:10px 30px 10px 35px;border:1px solid #e2e7d9;background:transparent;border-radius:8px}.search kbd{position:absolute;right:10px;font-size:9px;border:1px solid #dce2d2;padding:1px 4px;border-radius:3px;font-weight:400}.date-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:31px}.date-chip{border:1px solid #e4e8dc;border-radius:11px;padding:13px 5px;background:#fafbf6;position:relative;min-height:72px;display:flex;flex-direction:column;align-items:center;gap:6px}.date-chip span{font-size:9px;color:#9ba48d}.date-chip strong{font-size:16px;line-height:1;font-weight:550;color:#82936f}.date-chip.active{background:#e5eddb;border-color:#b8cbaa}.date-chip.active span,.date-chip.active strong{color:#45633d}.date-chip.has-notes:after{content:"";width:3px;height:3px;border-radius:50%;background:#879b73;position:absolute;bottom:5px}.notes-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.notes-heading h2{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;margin:0}.notes-heading h2 span{color:#8f9c82;background:#e9eee1;border-radius:5px;padding:3px 6px;font-size:9px}.notes-heading>span{font-size:9px;color:#a7ae9d}.notes-list{display:flex;flex-direction:column;gap:12px}.note-card{background:#fffefa;border:1px solid #e4e8dd;border-radius:14px;padding:19px 21px;display:grid;grid-template-columns:23px minmax(0,1fr);gap:13px;position:relative}.note-card.completed{background:#f0f3eb;opacity:.8}.note-check{width:20px;height:20px;border:1.3px solid #d4ddca;border-radius:6px;margin-top:1px;display:grid;place-items:center;padding:1px;color:#fff}.note-check svg{width:15px;height:15px}.completed .note-check{background:#8dA07f;border-color:#8dA07f}.note-body-text{font-size:13px;line-height:1.75;color:#54624b;margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.completed .note-body-text{text-decoration:line-through;color:#899680}.note-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:13px;color:#a3ac98;font-size:9px}.note-meta svg{width:12px;height:12px}.note-meta>span{display:flex;align-items:center;gap:5px}.kind-tag{background:#eef2e6;color:#8a9a7a;padding:4px 6px;border-radius:5px}.note-actions{display:flex;align-items:center;margin-left:auto;gap:4px}.note-actions button{width:27px;height:27px}.note-actions svg{width:13px;height:13px}.note-audio{margin-top:13px;width:100%;max-width:400px;height:38px}.transcription{margin:13px 0 0;padding:13px 15px;border-left:2px solid #c9d8b8;background:#f2f6eb;border-radius:0 8px 8px 0}.transcription-title{font-size:9px;color:#8c9b7b;font-weight:600;display:flex;align-items:center;gap:5px;margin-bottom:7px}.transcription-title svg{width:13px;height:13px}.transcript-text{font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word;margin:0;color:#637356}.asr-state{font-size:10px;color:#91a17f;display:flex;align-items:center;gap:6px;margin-top:11px;line-height:1.5}.asr-state svg{width:14px;height:14px}.asr-error{color:#b29465}.asr-button{font-size:10px;display:inline-flex;gap:5px;align-items:center;margin-top:10px;color:#738b60;padding:6px 0}.asr-button svg{width:14px;height:14px}.group-heading{font-size:11px;font-weight:550;color:#849479;margin:16px 0 0}.empty-state{text-align:center;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 20px 32px;border:1px dashed #dfe5d6;border-radius:15px;background:linear-gradient(130deg,#f2f5eb55,#fafbf655)}.empty-art{width:104px;height:97px;position:relative;margin-bottom:12px}.empty-art>svg{width:93px;height:93px}.empty-spark{position:absolute;right:0;top:6px;color:#b6c69f;font-size:25px;transform:rotate(10deg)}.empty-state h2{font-size:17px;font-weight:500;letter-spacing:-.35px;margin:6px 0 9px}.empty-state p{font-size:11px;line-height:1.9;color:#9aa48f;margin:0 0 20px}.empty-state .button{font-size:10px;padding:10px 15px;min-height:38px;background:transparent}.empty-state .button svg{width:14px;height:14px}.workspace-footer{display:flex;justify-content:space-between;gap:14px;color:#aab29e;font-size:8px;margin-top:32px;padding:17px 0;border-top:1px solid #e9ece2}.footer-status{display:flex;gap:5px;align-items:center}.footer-status i{width:4px;height:4px;border-radius:50%;background:#9bb389}.mobile-nav{display:none}.reminder-banner{display:flex;align-items:center;gap:12px;margin:-8px 0 24px;padding:15px 18px;background:#f3eddd;border:1px solid #e6d8b7;border-radius:12px;font-size:12px;color:#877340}.reminder-banner button{margin-left:auto;color:inherit;font-size:11px;font-weight:600}
dialog{border:1px solid #e0e6d8;border-radius:22px;padding:0;background:#fffefa;color:var(--ink);box-shadow:0 26px 100px #20341c24;max-height:90svh;overflow:auto;width:calc(100% - 32px);max-width:590px}dialog::backdrop{background:#25332366;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:27px 30px 22px;border-bottom:1px solid var(--line)}.dialog-heading .eyebrow{font-size:8px}.dialog-heading h2{font-size:23px;letter-spacing:-.7px;font-weight:550;margin:9px 0 0}.dialog-body{padding:24px 30px}.dialog-body>label{font-size:11px;color:#76856c}.date-field{position:relative}.date-field>svg{position:absolute;left:13px;top:14px;color:#8c9d7d;width:19px;height:19px;pointer-events:none}.date-field input{padding-left:42px;background:#f9fbf4;border-color:#dce4d1;font-size:14px}.quick-dates{display:flex;gap:6px;overflow-x:auto;margin:12px 0 25px;padding:0 0 2px;scrollbar-width:thin}.quick-dates button{padding:8px 10px;flex-shrink:0;border:1px solid #e3e8da;border-radius:8px;font-size:10px;color:#8c9a7e;background:#fffefa}.quick-dates button span{margin-left:4px;color:#a7b098;font-size:9px}.quick-dates button.active{border-color:#a5be8d;background:#eaf1e1;color:#4a6a3e}.mode-tabs{display:grid;grid-template-columns:1fr 1fr 1.3fr;background:#eff2e8;padding:4px;gap:3px;border-radius:10px;margin-bottom:24px}.mode-tabs button{padding:11px 6px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;border-radius:7px;color:#94a184}.mode-tabs button.active{background:#fffefa;color:#4a6340;box-shadow:0 1px 4px #324a2510}.mode-tabs button svg{width:15px;height:15px}.record-panel{display:flex;flex-direction:column;align-items:center;border:1px dashed #cddcc0;background:#f6f9f0;border-radius:13px;padding:21px 15px;margin-bottom:20px}.record-button{width:52px;height:52px;border:1px solid #ccdbbf;background:#e7efde;border-radius:50%;display:grid;place-items:center;color:#799565;margin-bottom:12px}.record-button svg{width:24px;height:24px}.record-button.recording{background:#f5dfd8;color:#af6657;border-color:#e7c3b8;animation:record-pulse 1.5s infinite}.record-panel>strong{font-size:12px;font-weight:500;margin-bottom:7px}.record-panel>span{font-size:10px;color:#a0ad92}.record-panel audio{margin-top:16px;width:100%;height:38px}.record-options{display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap;margin-top:14px}.file-button{font-size:10px;color:#8b9c7b;cursor:pointer;margin:0;display:flex;gap:5px;align-items:center;font-weight:400}.file-button svg{width:13px;height:13px}.record-options .text-button{font-size:10px;padding:0;color:#b18b7b}.record-hint{font-size:10px;line-height:1.7;text-align:center;color:#8ea07e;max-width:360px;margin:14px 0 0}.reminder-control{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;min-height:38px}.switch-label{display:flex;align-items:center;gap:9px;margin:0;font-size:11px;color:#849575;font-weight:400;cursor:pointer;position:relative}.switch-label input{position:absolute;opacity:0}.toggle{display:block;background:#e0e6d7;width:29px;height:17px;border-radius:20px;position:relative;flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .2s}.switch-label input:checked+.toggle{background:#799767}.switch-label input:checked+.toggle:after{transform:translateX(12px)}.switch-label input:focus-visible+.toggle{outline:3px solid #a6b995;outline-offset:2px}.switch-label svg{width:14px;height:14px}.reminder-control>input{width:112px;padding:6px 9px;font-size:13px;min-height:36px}.field-help{font-size:10px;color:#9aa68d;line-height:1.7;margin:10px 0 0}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#f5f7f0;border-top:1px solid var(--line);padding:18px 30px}.dialog-footer>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#a2ae94}.dialog-footer>span svg{width:12px;height:12px}.dialog-footer .button{font-size:11px;min-height:42px;padding:11px 16px}.dialog-footer .button svg{width:16px;height:16px}.settings-dialog{max-width:460px}.settings-dialog .muted{font-size:12px}.settings-dialog h3{font-size:14px;font-weight:550;margin:30px 0 20px}.settings-dialog label{font-size:11px;margin-top:16px}.settings-dialog .button{margin-top:20px;font-size:11px}.settings-logout{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.toast{position:fixed;bottom:27px;left:calc(50% + 100px);transform:translateX(-50%);display:flex;align-items:center;gap:25px;padding:15px 20px;max-width:calc(100% - 35px);width:max-content;border-radius:12px;background:#2e4936;color:#fff;box-shadow:0 6px 30px #18302025;font-size:12px;z-index:1000;line-height:1.5}.toast button{font-weight:600;color:#c2dfae;font-size:12px;padding:4px}.note-card:focus-within{border-color:#9eb58b}@keyframes record-pulse{50%{box-shadow:0 0 0 7px #ecd4cb55}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1600px){.main-content{padding-top:55px}.topbar{padding-left:65px;padding-right:65px}.stats>div{padding:25px}.empty-state{min-height:340px}}
@media(max-width:1100px){.app{grid-template-columns:215px minmax(0,1fr)}.sidebar{width:215px;padding-left:17px;padding-right:17px}.sidebar-caption{font-size:6px}.topbar{padding:0 28px}.main-content{padding:34px 28px 20px}.stats{gap:10px}.stats>div{padding:17px 15px;gap:10px}.stat-icon{width:35px;height:35px}.page-heading h1{font-size:34px}.stats small{font-size:9px}.notes-heading>span{display:none}}
@media(max-width:760px){.app{display:block}.sidebar{display:none}.workspace{width:100%}.topbar{height:72px;padding:0 22px;background:#f6f7f2;position:relative}.breadcrumb,.header-date{display:none}.mobile-brand{display:flex;font-size:24px}.mobile-brand .brand-mark{width:30px;height:33px;font-size:23px;border-radius:9px}.top-actions{gap:14px}.top-actions .icon-button{width:30px;height:34px}.top-actions>.avatar{width:30px;height:30px}.main-content{padding:27px 22px calc(100px + env(safe-area-inset-bottom))}.page-heading{align-items:flex-start;position:relative;margin-bottom:25px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.15px;margin-bottom:10px}.page-heading h1{font-size:33px;letter-spacing:-1.4px;margin-bottom:7px;max-width:270px}.page-heading .muted{font-size:11px;line-height:1.7}.page-heading .button{position:fixed;bottom:calc(87px + env(safe-area-inset-bottom));right:21px;z-index:30;box-shadow:0 5px 24px #2d503b28;font-size:12px;padding:13px 17px;border-radius:13px;min-height:49px}.stats{gap:8px;margin-bottom:26px}.stats>div{padding:14px 10px;gap:9px;border-radius:12px}.stats strong{font-size:21px}.stats small{font-size:8px;margin-top:5px}.stat-icon{width:28px;height:32px;border-radius:9px}.stat-icon svg{width:16px;height:16px}.notes-toolbar{flex-wrap:wrap;gap:15px;margin-bottom:18px}.filter-tabs{width:auto;padding:3px}.filter-tabs button{font-size:9px;padding:8px 11px}.search{width:100%;order:2}.search input{font-size:12px;padding:11px 34px}.search kbd{display:none}.date-strip{gap:5px;margin-bottom:24px}.date-chip{padding:12px 3px;min-height:67px;border-radius:9px}.date-chip span{font-size:8px}.date-chip strong{font-size:15px}.notes-heading{margin-bottom:14px}.notes-heading h2{font-size:11px}.note-card{padding:17px 15px;gap:10px;border-radius:13px;grid-template-columns:20px minmax(0,1fr)}.note-body-text{font-size:13px}.note-check{width:19px;height:19px}.note-meta{gap:8px;font-size:9px;margin-top:11px}.note-actions{gap:3px}.note-actions button{width:31px;height:31px}.note-actions svg{width:14px;height:14px}.note-audio{height:42px;max-width:100%}.transcription{padding:11px 12px}.transcript-text{font-size:12px}.empty-state{min-height:300px}.empty-state h2{font-size:17px}.empty-state p{font-size:11px}.empty-art{margin-bottom:5px}.workspace-footer{font-size:7px;margin-top:25px;gap:8px;line-height:1.7}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffefaf5;backdrop-filter:blur(14px);border-top:1px solid #e1e7d8;z-index:40;padding:9px 15px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:70px;min-height:48px;font-size:8px;color:#a1ac94;border-radius:9px}.mobile-nav button svg{width:20px;height:20px}.mobile-nav button.active{background:#edf2e6;color:#638251}.toast{bottom:calc(151px + env(safe-area-inset-bottom));left:50%;font-size:11px;gap:14px;padding:13px 16px}.login-screen{display:block;min-height:100svh;background:#f6f7f2}.login-story{padding:32px 27px 28px;background:#e8eddf}.login-story>div{padding:30px 0 0}.login-story h1{font-size:35px;letter-spacing:-1.4px;margin:15px 0 0}.login-story .eyebrow{font-size:8px}.login-story p,.story-note,.login-story>small{display:none}.login-panel{padding:33px 27px 40px}.login-form{max-width:420px}.login-form h2{font-size:25px;margin:10px 0 0}.login-form>.muted{margin-top:8px;margin-bottom:24px;font-size:12px}.login-form .eyebrow{font-size:8px}.login-form>label{font-size:12px}.login-form .primary{margin-top:22px}.login-private{font-size:10px}.login-form input{min-height:49px}.login-story .brand{font-size:25px}dialog{max-height:94svh;border-radius:20px;width:calc(100% - 20px);margin:auto 10px;max-width:none}.dialog-heading{padding:21px 21px 18px}.dialog-heading h2{font-size:22px}.dialog-body{padding:21px}.dialog-body>label{font-size:11px}.quick-dates{margin-bottom:20px;margin-right:-5px}.quick-dates button{padding:9px;font-size:10px}.quick-dates button span{font-size:8px}.mode-tabs{margin-bottom:20px}.mode-tabs button{font-size:10px;gap:5px;padding:12px 4px}.mode-tabs svg{width:14px;height:14px}.dialog-footer{padding:16px 21px;gap:7px}.dialog-footer>span{font-size:8px}.dialog-footer .button{font-size:10px;padding:13px;min-height:44px}.record-panel{padding:20px 12px}.reminder-control{gap:7px}.switch-label{font-size:10px;gap:7px}.switch-label svg{display:none}.reminder-control>input{width:105px}.field-help{font-size:9px}.settings-dialog{max-width:450px;margin:auto}.reminder-banner{font-size:11px;padding:13px;gap:8px}}
@media(max-width:360px){.main-content{padding-left:15px;padding-right:15px}.stats>div{padding:13px 8px;gap:7px}.stat-icon{width:23px;height:28px}.stats small{font-size:7px}.dialog-body{padding:18px}.dialog-footer{padding:15px 18px}.dialog-footer>span{font-size:7px}.mode-tabs button{font-size:9px}.mode-tabs button svg{width:12px;height:12px}}
/* Keep the primary action above the notes on phones, as on desktop. */
.push-status-row{display:flex;gap:13px;align-items:flex-start;margin:0 0 22px}.push-status-indicator{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#f0eee1;color:#ab9b66}.push-status-indicator.connected{background:#e4eddb;color:#658253}.push-status-row h3{font-size:14px;font-weight:600;line-height:1.5;margin:0}.push-status-row .field-help{font-size:12px;margin-top:7px}.push-install-help{padding:17px;background:#f0f4e8;border:1px solid #dfe8d4;border-radius:12px}.push-install-help h3{margin:0 0 11px;font-size:13px}.push-install-help ol{padding-left:18px;margin:0;font-size:12px;line-height:1.9;color:#748669}.push-install-help li+li{margin-top:7px}.push-buttons{display:flex;flex-direction:column;gap:12px;align-items:stretch;margin:20px 0 8px}.push-buttons .button{margin:0;font-size:12px}.push-buttons .text-button{font-size:11px}.push-explanation{border-top:1px solid var(--line);padding-top:19px;margin-top:21px;font-size:11px;color:#8b9a7f;line-height:1.8}.push-explanation strong{font-size:12px;color:#6d815f}.push-explanation p{margin:8px 0}.push-warning{color:#b18a52}.settings-push{padding-bottom:18px;border-bottom:1px solid var(--line)}.settings-push h3{margin-top:20px}.top-actions .push-connected{color:#4b7240;background:#e5eddd;border-radius:50%;position:relative}.top-actions .push-connected:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:2px;top:1px;background:#628d4f;border:1px solid var(--paper)}
.note-time-section{margin:-8px 0 22px}.note-time-section .reminder-control{margin-top:0;flex-wrap:wrap;gap:12px}.note-time-section .switch-label{font-size:12px;font-weight:500}.note-time-section .time-checkbox{position:static;opacity:1;width:17px;height:17px;margin:0;cursor:pointer;accent-color:var(--green)}.note-time-fields{display:flex;align-items:flex-end;gap:7px}.note-time-fields label{font-size:10px;color:#8b997e;font-weight:400;margin:0}.note-time-fields select{display:block;margin-top:5px;min-height:42px;min-width:71px;border:1px solid #dce4d1;border-radius:9px;background:#f9fbf4;padding:8px 10px;font:inherit;font-size:16px;color:var(--ink);cursor:pointer}.note-time-fields select:focus{outline:3px solid #e4eddd;border-color:#809b72}.time-separator{padding-bottom:12px;color:#8b997e}.note-time-section .field-help{max-width:430px}.note-time-section .switch-label svg{display:block}
.quick-dates button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:49px}.quick-dates button .quick-date-label{margin:0;color:inherit;font-size:inherit;white-space:nowrap}.quick-date-label small{margin-left:4px;font-size:9px;color:#a7b098}.quick-date-weekday{font-size:9px;line-height:1.3;color:#929f85}.quick-dates button.active .quick-date-weekday{color:#6e885e}
@media(max-width:760px){.page-heading{display:block}.page-heading .button{position:static;width:100%;margin-top:19px;font-size:13px;box-shadow:none}.main-content{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.note-body-text{font-size:14px}.note-actions button{width:34px;height:34px}.mobile-nav button{font-size:10px}.filter-tabs button{font-size:11px}.stats small{font-size:9px}.date-chip span{font-size:9px}.date-chip{min-height:70px}.search input{font-size:13px}.notes-heading h2{font-size:12px}.empty-state p{font-size:12px}.empty-state .button{font-size:12px}.page-heading .muted{font-size:12px}.record-hint,.field-help{font-size:11px}.switch-label{font-size:11px}.mode-tabs button{font-size:11px}.dialog-footer .button{font-size:12px}.dialog-body>label{font-size:12px}.toast{bottom:calc(87px + env(safe-area-inset-bottom))}}