:root{--surface: #faf9f5;--ink: #000000;--ink-soft: #57544c;--warn: #b3261e;--line: rgba(0, 0, 0, .12);--tile-line: rgba(0, 0, 0, .1);--scrim: rgba(0, 0, 0, .38);--lift-shadow: 0 8px 20px rgba(0, 0, 0, .18);--paper-cream: #fffcea;--paper-butter: #fdf3c4;--paper-wheat: #f8e79b;--paper-honey: #f2d874;--t-meta: .8125rem;--t-preview: .9375rem;--t-body: 1.0625rem;--t-title: 1.25rem;--t-heading: 1.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius: 12px;--radius-sm: 8px;--tap: 44px;--ease: cubic-bezier(.2, .8, .3, 1);--d-lift: .14s;--d-sibling: .18s;--d-settle: .22s;--d-sheet: .24s;--d-reveal: .38s;color-scheme:light}@media (prefers-reduced-motion: reduce){:root{--d-lift: 0ms;--d-sibling: 0ms;--d-settle: 0ms;--d-sheet: 0ms;--d-reveal: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI Variable,Segoe UI,Roboto,sans-serif;font-size:var(--t-body);line-height:1.55;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100dvh}#root{min-height:100dvh}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dialog-scrim{position:fixed;inset:0;z-index:80;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.dialog{background:var(--surface);border-radius:var(--radius);padding:var(--space-5);max-width:26rem;width:100%}.dialog-title{font-size:var(--t-title);font-weight:600;margin-bottom:var(--space-3)}.dialog-body{margin-bottom:var(--space-3)}.dialog-detail{color:var(--ink-soft);font-size:var(--t-preview);margin-bottom:var(--space-4)}.dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end;align-items:center;margin-top:var(--space-5)}.dialog-keep{min-height:var(--tap);padding:var(--space-3) var(--space-4);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--ink)}.dialog-confirm{min-height:var(--tap);padding:var(--space-3) var(--space-5);background:var(--warn);color:var(--surface);border:0;border-radius:var(--radius-sm);font-weight:600}.strip{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) 0 var(--space-3);margin-bottom:var(--space-2);scrollbar-width:thin}.strip-item{position:relative;flex:none}.strip-photo{width:84px;height:84px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--tile-line);background:var(--surface)}.strip-photo img{width:100%;height:100%;object-fit:cover;display:block}.strip-placeholder{width:100%;height:100%;background:#0000000f}.strip-audio{display:flex;align-items:center;gap:var(--space-2);height:84px;padding:0 var(--space-4);border:1px solid var(--ink);border-radius:42px;background:transparent;color:var(--ink)}.strip-audio-glyph{font-size:.9rem;line-height:1}.strip-audio-time{font-variant-numeric:tabular-nums;font-size:var(--t-meta)}.strip-remove{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:1px solid var(--tile-line);background:var(--surface);color:var(--ink);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.strip-remove:after{content:"";position:absolute;inset:-10px}.strip-note{font-size:var(--t-meta);color:var(--ink-soft);align-self:center}.btn{min-height:var(--tap);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;font-size:var(--t-body);line-height:1.2;text-align:center;transition:none}.btn:disabled{opacity:.4;cursor:default}.btn-full{display:block;width:100%}.btn-primary{background:var(--ink);color:var(--surface);font-weight:600}.btn-secondary{border-color:var(--ink);color:var(--ink)}.btn-quiet{color:var(--ink);padding-inline:var(--space-2)}.btn-warn{color:var(--warn);border-color:var(--warn);font-weight:600}.field{display:block;margin-bottom:var(--space-4)}.field-label{display:block;font-size:var(--t-meta);color:var(--ink-soft);margin-bottom:var(--space-1)}.field-input{display:block;width:100%;min-height:var(--tap);padding:var(--space-3);background:transparent;border:1px solid var(--ink);border-radius:var(--radius-sm);font-size:var(--t-body)}.field-input-error{border-color:var(--warn)}.field-hint{font-size:var(--t-meta);color:var(--ink-soft);margin-top:var(--space-1)}.field-error{font-size:var(--t-meta);color:var(--warn);margin-top:var(--space-1)}.setup{max-width:32rem;margin-inline:auto;padding:var(--space-6) var(--space-5) var(--space-7)}.setup-step{display:flex;flex-direction:column;gap:var(--space-4)}.setup-heading{font-size:var(--t-heading);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--space-2)}.setup-line{max-width:64ch}.setup-warning{font-weight:600;margin-block:var(--space-3)}.setup-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.strength{margin-bottom:var(--space-4)}.strength-track{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.strength-fill{height:100%;background:var(--ink);transition:width .12s linear}.strength-label{display:block;font-size:var(--t-meta);color:var(--ink-soft);margin-top:var(--space-1)}.recovery-code{display:block;padding:var(--space-4);border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper-cream);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:var(--t-body);letter-spacing:.04em;word-break:break-all;line-height:1.7;user-select:all}.checkbox{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-4);min-height:var(--tap);cursor:pointer}.checkbox input{width:22px;height:22px;margin-top:2px;accent-color:var(--ink);flex:none}.settings{max-width:34rem;margin-inline:auto;padding:var(--space-3) var(--space-4) var(--space-7)}.settings-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.settings-title{font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.settings-group{margin-bottom:var(--space-6)}.settings-group-title{font-size:var(--t-meta);color:var(--ink-soft);margin-bottom:var(--space-2)}.settings-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%;min-height:var(--tap);padding:var(--space-3);text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);font-size:var(--t-body);color:var(--ink)}.settings-row-warn{color:var(--warn)}.settings-row-disabled{opacity:.55;cursor:default}.settings-note{font-size:var(--t-meta);color:var(--ink-soft);font-weight:400}.settings-note-block{display:block;padding:var(--space-2) var(--space-3) var(--space-3);max-width:64ch}.settings-warning{font-size:var(--t-preview);color:var(--ink);padding:var(--space-2) var(--space-3);border-left:2px solid var(--ink);margin-top:var(--space-3);max-width:64ch}.settings-choices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-choice{min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--ink);border-radius:var(--radius-sm);background:transparent;font-size:var(--t-preview)}.settings-choice-on{background:var(--ink);color:var(--surface);font-weight:600}.settings-prose{margin-bottom:var(--space-6);max-width:64ch}.settings-prose p{margin-bottom:var(--space-3)}.settings-list{padding-left:var(--space-5);margin:0}.settings-list li{margin-bottom:var(--space-2)}.settings-form{max-width:32rem}.settings-inline{padding:var(--space-3);border-bottom:1px solid var(--line)}.settings-actions{display:flex;gap:var(--space-2);align-items:center}.tile{position:relative;display:flex;flex-direction:column;aspect-ratio:1 / 1.15;padding:var(--space-3);border:1px solid var(--tile-line);border-radius:var(--radius);overflow:hidden;list-style:none;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;will-change:transform}.tile-cream{background:var(--paper-cream)}.tile-butter{background:var(--paper-butter)}.tile-wheat{background:var(--paper-wheat)}.tile-honey{background:var(--paper-honey)}.tile-body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-height:0;overflow:hidden}.tile-title{font-size:var(--t-title);font-weight:600;letter-spacing:-.01em;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-preview{font-size:var(--t-preview);color:var(--ink-soft);line-height:1.4;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-marks{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.tile-glyph{height:12px;width:auto;fill:var(--ink);stroke:var(--ink);opacity:.55}.glyph-line{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;overflow:hidden}.tile-title.glyph-line{height:calc(var(--t-title) * 1.2)}.tile-preview.glyph-line{height:calc(var(--t-preview) * 1.4)}.glyph-run{display:block;height:.62em;background:var(--ink);opacity:.18;border-radius:1px;flex:none}.tile-revealing{animation:tile-reveal var(--d-reveal) var(--ease) both;animation-delay:var(--reveal-delay, 0ms)}@keyframes tile-reveal{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@media (prefers-reduced-motion: reduce){.tile-revealing{animation:none}}.tile-selected{outline:2px solid var(--ink);outline-offset:2px}.tile-armed,.tile-dragging{transform:scale(1.045);box-shadow:var(--lift-shadow);z-index:10;transition:transform var(--d-lift) var(--ease),box-shadow var(--d-lift) var(--ease)}.tile-dragging{transition:none}.tile-sibling{opacity:.92;transition:transform var(--d-sibling) var(--ease),opacity var(--d-sibling) var(--ease)}.tile-settling{transition:transform var(--d-settle) cubic-bezier(.2,1.2,.4,1)}.lock{min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-4)}.lock-header{padding:var(--space-2) var(--space-1) var(--space-4)}.lock-title{font-size:var(--t-title);font-weight:600;letter-spacing:-.01em}.lock-spacer{flex:1}.grid-locked{pointer-events:none;margin-bottom:var(--space-5)}.lock-panel{position:sticky;bottom:0;margin-top:auto;padding-top:var(--space-4);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));max-width:32rem;width:100%;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface)}.lock-panel:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--space-5));height:var(--space-5);background:linear-gradient(to bottom,transparent,var(--surface));pointer-events:none}.lock-panel form{display:contents}.lock-panel .field{margin-bottom:0}.lock-message{font-size:var(--t-preview);color:var(--ink-soft)}.home{min-height:100dvh;padding:var(--space-4) var(--space-4) calc(var(--space-7) + 44px)}.home-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.home-title{font-size:var(--t-title);font-weight:600;letter-spacing:-.01em;margin-right:auto}.home-actions{display:flex;align-items:center;gap:var(--space-1)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);padding:0 var(--space-2);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--ink)}.text-btn{font-size:var(--t-meta)}.icon-btn-active{background:var(--ink);color:var(--surface)}.home-search{margin-bottom:var(--space-4)}.home-hint{font-size:var(--t-meta);color:var(--ink-soft);margin-bottom:var(--space-3)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);list-style:none;padding:0;margin:0;align-content:start}@media (min-width: 600px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.grid{grid-template-columns:repeat(4,1fr)}}.home-empty{padding:var(--space-7) var(--space-2);text-align:center;color:var(--ink-soft);max-width:40ch;margin-inline:auto}.new-note{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:20;padding-inline:var(--space-5);box-shadow:0 2px 10px #0000001f}.recorder{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--ink);border-radius:22px;min-height:var(--tap)}.recorder-stop{width:28px;height:28px;border-radius:50%;border:0;background:var(--ink);display:flex;align-items:center;justify-content:center;padding:0;position:relative;flex:none}.recorder-stop:after{content:"";position:absolute;inset:-8px}.recorder-stop-glyph{width:10px;height:10px;border-radius:2px;background:var(--surface)}.recorder-time{font-variant-numeric:tabular-nums;font-size:var(--t-meta);white-space:nowrap}.recorder-meter{display:block;width:56px;height:4px;border-radius:2px;background:var(--line);overflow:hidden;flex:none}.recorder-level{display:block;width:100%;height:100%;background:var(--ink);transform-origin:left center;transform:scaleX(0);transition:transform 80ms linear}.recorder-warning{font-size:var(--t-meta);color:var(--ink);font-weight:600;white-space:nowrap}.editor{min-height:100dvh;display:flex;flex-direction:column}.editor-header{display:flex;align-items:center;padding:var(--space-2) var(--space-3);position:sticky;top:0;background:var(--surface);z-index:10}.editor-header-actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.icon-btn-warn{color:var(--warn)}.shade-row{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-3);justify-content:flex-end}.swatch{width:32px;height:32px;border-radius:50%;border:1px solid var(--tile-line);position:relative}.swatch:after{content:"";position:absolute;inset:-6px}.swatch-on{outline:2px solid var(--ink);outline-offset:2px}.swatch-cream{background:var(--paper-cream)}.swatch-butter{background:var(--paper-butter)}.swatch-wheat{background:var(--paper-wheat)}.swatch-honey{background:var(--paper-honey)}.editor-paper{flex:1;margin:0 var(--space-3) var(--space-3);padding:var(--space-4);border:1px solid var(--tile-line);border-radius:var(--radius);display:flex;flex-direction:column}.editor-paper-cream{background:var(--paper-cream)}.editor-paper-butter{background:var(--paper-butter)}.editor-paper-wheat{background:var(--paper-wheat)}.editor-paper-honey{background:var(--paper-honey)}.editor-title{width:100%;background:transparent;border:0;padding:0;font-size:var(--t-title);font-weight:600;letter-spacing:-.01em;margin-bottom:var(--space-3)}.editor-title::placeholder,.editor-body::placeholder{color:var(--ink-soft);opacity:.7}.editor-body{width:100%;flex:1;min-height:40vh;background:transparent;border:0;padding:0;resize:none;font-size:var(--t-body);line-height:1.55;max-width:64ch;overflow:hidden}.editor-title:focus-visible,.editor-body:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.editor-meta{font-size:var(--t-meta);color:var(--ink-soft);margin-top:var(--space-4)}.photo-menu{display:flex;flex-direction:column;margin:0 var(--space-3) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.photo-menu-row{min-height:var(--tap);padding:var(--space-3);text-align:left;background:transparent;border:0;font-size:var(--t-body)}.photo-menu-row+.photo-menu-row{border-top:1px solid var(--line)}.update-bar{position:fixed;top:env(safe-area-inset-top);left:0;right:0;z-index:70;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--surface);font-size:var(--t-preview)}.update-action{background:transparent;border:1px solid var(--surface);color:var(--surface);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);min-height:32px;font-size:var(--t-meta)}.update-action:focus-visible{outline-color:var(--surface)}.update-later{border-color:transparent;margin-left:auto}.nudge{margin:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.nudge-text{font-size:var(--t-preview);margin-bottom:var(--space-3)}.nudge-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.toast{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--ink);color:var(--surface);border-radius:var(--radius-sm);font-size:var(--t-preview);max-width:32rem;margin-inline:auto}.toast-dismiss{margin-left:auto;background:transparent;border:0;color:var(--surface);font-size:1.25rem;line-height:1;min-width:var(--tap);min-height:var(--tap)}.toast-dismiss:focus-visible{outline-color:var(--surface)}.sheet-scrim{position:fixed;inset:0;z-index:70;background:var(--scrim);display:flex;align-items:flex-end;animation:scrim-in var(--d-sheet) var(--ease)}@keyframes scrim-in{0%{background:transparent}}.sheet{width:100%;max-width:32rem;margin-inline:auto;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:var(--space-2) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));animation:sheet-in var(--d-sheet) var(--ease);touch-action:none}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-grabber{width:36px;height:4px;border-radius:2px;background:var(--line);margin:var(--space-2) auto var(--space-3)}.sheet-title{padding:0 var(--space-3) var(--space-3);color:var(--ink-soft);font-size:var(--t-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-row{display:block;width:100%;min-height:var(--tap);padding:var(--space-3);text-align:left;background:transparent;border:0;border-radius:var(--radius-sm);font-size:var(--t-body);color:var(--ink)}.sheet-row-warn{color:var(--warn)}.sheet-shades{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3)}.sheet-rule{height:1px;background:var(--line);margin:var(--space-2) var(--space-3)}