:root{--bg:#f7f8fa;--surface:#fff;--surface-hi:#eef1f6;--inset:#f1f4f8;--text:#1b2430;--text-2:#3d4959;--muted:#69748a;--line:#e5e9ef;--line-2:#d4dbe5;--accent:#3b6ef6;--accent-soft:#e7eefe;--accent-ink:#fff;--accent-tint:color-mix(in srgb, var(--accent) 14%, transparent);--volt:#3b6ef6;--done:#12a150;--late:#f5871f;--danger:#dc3545;--glass-bar:color-mix(in srgb, var(--surface) 68%, transparent);--glass-panel:color-mix(in srgb, var(--surface) 60%, transparent);--glass-edge:#ffffffbf;--glass-blur:blur(18px) saturate(160%);--glass-shadow:0 10px 30px #1b243029;--radius:10px;--serif:"Inter Tight", system-ui, sans-serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:linear-gradient(135deg,#dce6f8 0%,#eef2f8 42%,#e4edfa 100%) fixed}#root{min-height:100%}button{font:inherit;color:inherit;cursor:pointer}.shell{min-height:100dvh;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);justify-content:center;align-items:center;display:flex}.boot{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lock--brand{color:var(--text);--text:#1b2430;--muted:#69748a;--line:#e5e9ef;--surface:#fff;--surface-hi:#eef1f6;--accent:#3b6ef6;--danger:#dc3545;background:linear-gradient(135deg,#dce6f8 0%,#eef2f8 42%,#e4edfa 100%)}.lock__inner{flex-direction:column;align-items:center;width:100%;max-width:320px;display:flex}.lock__brand{margin-bottom:44px}.lock__mark{font-family:var(--serif);letter-spacing:-.015em;color:var(--text);align-items:center;font-size:30px;font-weight:700;line-height:1;display:inline-flex}.lock__mark i{color:var(--accent);margin:0 2px;font-style:normal;font-weight:600}.pin{gap:18px;margin-bottom:14px;display:flex}.pin__dot{border:1.5px solid var(--muted);border-radius:50%;width:13px;height:13px;transition:background-color .14s,border-color .14s,transform .14s}.pin__dot--filled{background:var(--accent);border-color:var(--accent);transform:scale(1.12)}.pin--shake{animation:.4s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.lock__message{min-height:20px;color:var(--danger);opacity:0;margin:0 0 30px;font-size:14px;transition:opacity .16s}.lock__message--visible{opacity:1}.keypad{grid-template-columns:repeat(3,72px);justify-content:center;gap:18px;display:grid}.keypad__key{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:72px;height:72px;font-family:var(--mono);color:var(--text);justify-content:center;align-items:center;font-size:22px;font-weight:500;transition:background-color .12s,transform .12s,opacity .12s;display:flex}.keypad__key:active:not(:disabled){background:var(--surface-hi);transform:scale(.94)}.keypad__key:disabled{opacity:.32;cursor:default}.keypad__key--quiet{background:0 0;border-color:#0000}.keypad__key--quiet svg{width:26px;height:26px;color:var(--muted)}.keypad__key:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home__greeting{font-family:var(--serif);margin:0 0 6px;font-size:28px}.home__stamp{color:var(--muted);letter-spacing:.02em;margin:0;font-size:13px}.capture{gap:14px;display:grid}.capture__button{border:1px solid var(--line);background:var(--surface);text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;gap:5px;padding:24px 22px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.capture__button:disabled{opacity:.55;cursor:default}.capture__button.is-recording{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);transform:scale(.99)}.capture__label{font-family:var(--serif);font-size:21px}.capture__hint{color:var(--muted);font-size:13px}.capture__button.is-recording .capture__hint{font-family:var(--mono);color:var(--accent);font-variant-numeric:tabular-nums}.capture__button--lesson .capture__label{color:var(--accent)}.capture__pulse{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1.1s ease-in-out infinite pulse;position:absolute;top:18px;right:18px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}.capture-screen{flex-direction:column;gap:18px;display:flex}.capture__status{text-align:center;color:var(--muted);margin:0;font-size:13px}.capture__flash{text-align:center;min-height:18px;color:var(--accent);margin:0;font-size:13px;animation:.22s rise}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.capture__inbox{text-align:center;color:var(--muted);margin:0;font-size:12px}.typed{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;padding:14px;display:flex}.typed__input{resize:vertical;width:100%;font:inherit;color:var(--text);background:0 0;border:0;outline:none}.typed__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.typed__pick{gap:6px;display:flex}.chip{border:1px solid var(--line-2);background:var(--surface);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.chip.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip__count{font-family:var(--mono);color:var(--muted);font-size:11px}.chip.is-on .chip__count{color:var(--accent)}.button{border-radius:var(--radius);border:1px solid var(--line-2);background:var(--surface);padding:9px 16px;font-size:14px}.button--accent{background:var(--accent);color:var(--accent-ink);border-color:#0000}.button--quiet{background:var(--inset);color:var(--text-2)}.button:disabled{opacity:.45;cursor:default}.empty{text-align:center;color:var(--muted);margin:24px 0;font-size:14px}.home__foot{flex-direction:column;align-items:center;gap:10px;display:flex}.home__install{color:var(--muted);text-align:center;margin:0;font-size:12px}.linkish{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:6px 10px;font-size:13px;text-decoration:underline}.app{align-items:flex-start}.app__inner{flex-direction:column;gap:20px;width:100%;max-width:560px;margin:0 auto;display:flex}.mhead{justify-content:space-between;align-items:center;gap:10px;display:flex}.mhead__mark{font-family:var(--mono);letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:600}.mhead__mark i{color:var(--accent);font-style:normal}.mhead__ctx{align-items:baseline;gap:10px;display:flex}.app__body{min-height:50vh}.syncline{font-size:11px;font-family:var(--mono);color:var(--muted);white-space:nowrap}.syncline[data-state=offline],.syncline[data-state=error]{color:var(--late)}.tabs{z-index:5;display:flex}.tab{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0;transition:color .14s;display:flex}.tab__icon{place-items:center;display:grid;position:relative}.tab svg{width:22px;height:22px}.tab b{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:9.5px;font-weight:500}.tab.on{color:var(--accent)}.tab__badge{background:var(--accent);min-width:15px;height:15px;color:var(--accent-ink);font-family:var(--mono);text-align:center;border-radius:999px;padding:0 4px;font-size:9px;line-height:15px;position:absolute;top:-5px;right:-9px}.tabs.pill{left:16px;right:16px;bottom:calc(var(--safe-bottom) + 14px);border:1px solid var(--line);border-radius:999px;padding:10px 10px 11px;position:fixed;box-shadow:0 8px 22px #1b243021}.tabs.pill.glass{background:color-mix(in srgb, var(--surface) 62%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);border-color:#ffffffbf;box-shadow:0 10px 30px #1b243029,inset 0 1px #ffffffe6}@media (width<=719.98px){.tabs.pill{transition:left .3s cubic-bezier(.32,.72,0,1),right .3s cubic-bezier(.32,.72,0,1),padding .3s cubic-bezier(.32,.72,0,1),background-color .3s linear,border-color .3s linear,box-shadow .3s linear}.tabs.pill .tab{transition:padding .3s cubic-bezier(.32,.72,0,1),gap .3s cubic-bezier(.32,.72,0,1)}.tabs.pill .tab__icon svg{transition:width .3s cubic-bezier(.32,.72,0,1),height .3s cubic-bezier(.32,.72,0,1)}.tabs.pill .tab b{transition:font-size .3s cubic-bezier(.32,.72,0,1),opacity .3s linear}.tabs.pill[data-compact=true]{background:color-mix(in srgb, var(--surface) 42%, transparent);border-color:#ffffff80;padding:4px 6px 5px;left:42px;right:42px;box-shadow:0 5px 16px #1b24301a}.tabs.pill[data-compact=true] .tab{gap:1px;padding-top:5px;padding-bottom:4px}.tabs.pill[data-compact=true] .tab__icon svg{width:16px;height:16px}.tabs.pill[data-compact=true] .tab b{opacity:.72;font-size:7px}}@media (prefers-reduced-motion:reduce){.tabs.pill,.tabs.pill .tab,.tabs.pill .tab__icon svg,.tabs.pill .tab b{transition-duration:.01ms}}.mbody.pb{padding-bottom:calc(var(--safe-bottom) + 96px)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}.reflect{flex-direction:column;gap:18px;display:flex}.reflect__filters{flex-wrap:wrap;gap:6px;display:flex}.reflect__dayhead{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.thoughts{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.thought{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.thought__main{text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;width:100%;padding:13px 14px;display:grid}.thought__tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.thought__tag--lesson{color:var(--accent)}.thought__text{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.thought__time{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:11px}.thought__open{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding:12px 14px 14px;display:flex}.thought__flag{background:color-mix(in srgb, var(--late) 12%, transparent);color:var(--late);border-radius:6px;margin:0;padding:6px 9px;font-size:12px}.thought__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.thought__draw{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.thought__drawlabel{color:var(--muted);font-size:12px}.audio{align-items:center;gap:10px;display:flex}.audio audio{width:100%;max-width:320px;height:34px}.audio__length{font-family:var(--mono);color:var(--muted);font-size:11px}.audio--absent{color:var(--muted);margin:0;font-size:12px}.write__list{flex-direction:column;gap:16px;display:flex}.write__new{flex-wrap:wrap;gap:8px;display:flex}.entries{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.entrycard{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;flex-direction:column;gap:4px;width:100%;padding:14px;display:flex}.entrycard__title{font-family:var(--serif);font-size:18px}.entrycard__meta{color:var(--muted);font-size:11px}.entrycard__preview{-webkit-line-clamp:2;color:var(--text-2);-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.editor{flex-direction:column;gap:12px;display:flex}.editor__bar{justify-content:space-between;align-items:center;display:flex}.editor__state{font-family:var(--mono);color:var(--muted);font-size:11px}.editor__title{width:100%;font-family:var(--serif);color:var(--text);background:0 0;border:0;outline:none;font-size:26px}.editor__meta{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.editor__about{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.editor__about input{border:1px solid var(--line-2);font:inherit;font-family:var(--mono);color:var(--text-2);background:var(--surface);border-radius:6px;padding:4px 8px;font-size:12px}.editor__words{font-family:var(--mono);color:var(--muted);font-size:11px}.editor__body{resize:vertical;width:100%;min-height:46vh;font-family:var(--serif);color:var(--text);background:0 0;border:0;outline:none;font-size:17px;line-height:1.62}.editor__drawn{border:1px solid var(--line);border-radius:var(--radius);background:var(--inset);padding:14px}.editor__drawn h2{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:600}.editor__drawn ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.editor__drawn li{color:var(--text-2);grid-template-columns:auto 1fr;align-items:baseline;gap:10px;font-size:13px;display:grid}.thought__note{color:var(--muted);margin:0;font-size:12px;font-style:italic}.thought__working{font-family:var(--sans);color:var(--accent);font-size:10px;font-style:italic}.transcript{flex-direction:column;gap:8px;display:flex}.transcript__text{color:var(--text);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.transcript__edit{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);width:100%;font:inherit;color:var(--text);resize:vertical;padding:10px;font-size:14px;line-height:1.55}.thought__flag{background:color-mix(in srgb, var(--late) 12%, transparent);color:var(--late);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:7px 10px;font-size:12px;display:flex}.thought__flagactions{gap:4px;display:flex}.thought__flagactions .linkish{color:var(--late);padding:2px 6px;font-size:12px}.tagedit{flex-direction:column;gap:6px;display:flex;position:relative}.tagedit__row{border:1px dashed var(--line-2);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.tagedit__input{min-width:110px;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13px}.tagchip{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:3px 6px 3px 9px;font-size:12px;display:inline-flex}.tagchip--static{padding:3px 9px}.tagchip__x{color:var(--accent);opacity:.7;background:0 0;border:0;padding:0 2px;font-size:14px;line-height:1}.tagchip__x:hover{opacity:1}.tagedit__suggest{flex-wrap:wrap;gap:6px;display:flex}.search{flex-direction:column;gap:12px;display:flex}.search__input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;font:inherit;color:var(--text);outline:none;padding:12px 14px;font-size:16px}.search__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.search__filters{flex-wrap:wrap;gap:6px;display:flex}.search__count{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px}.results{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.result{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;flex-direction:column;gap:6px;width:100%;padding:12px 14px;display:flex}.result__head{align-items:baseline;gap:8px;display:flex}.result__title{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;overflow:hidden}.result__when{font-family:var(--mono);color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.result__excerpt{-webkit-line-clamp:3;color:var(--text-2);-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.result__tags{flex-wrap:wrap;gap:4px;margin:0;display:flex}.reader{flex-direction:column;gap:12px;display:flex}.reader__title{font-family:var(--serif);margin:0;font-size:30px;line-height:1.2}.reader__meta{border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding-bottom:12px;font-size:12px}.reader__body{max-width:62ch;font-family:var(--serif);color:var(--text);font-size:17px;line-height:1.68}.reader__body p{margin:0 0 1.1em}.capture__firstrun{border-radius:var(--radius);background:var(--inset);color:var(--text-2);text-align:center;margin:0;padding:12px 14px;font-size:13px;line-height:1.5}@media (width>=720px){.tabs.pill{border-radius:18px;flex-direction:column;justify-content:flex-start;gap:2px;width:196px;padding:14px 10px;inset:16px auto 16px 16px;box-shadow:0 14px 40px #1b243024}.tabs.pill.glass{background:color-mix(in srgb, var(--surface) 60%, transparent)}.tab{border-radius:var(--radius);flex-direction:row;flex:none;justify-content:flex-start;gap:10px;width:100%;padding:10px 12px}.tab b{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:13px;font-weight:500}.tab.on{background:var(--accent-soft)}.tab.on b{font-weight:600}.tab__badge{margin-left:auto;position:static}.app__inner{max-width:720px;margin-left:238px;margin-right:auto}.mbody.pb{padding-bottom:40px}}@media (width<=719px){.shell.app{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}