:root{--ink:#f4efe8;--ink-soft:#b9b0a5;--ink-quiet:#8c8378;--ground:#100e0d;--raised:#1c1917;--raised-high:#262220;--line:#2e2925;--line-soft:#241f1c;--warm:#e0954f;--warm-deep:#c97b35;--live:#e5544250;--live-solid:#e55442;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--radius:16px;--radius-lg:22px;--quick:.14s cubic-bezier(.32, .72, 0, 1);--settle:.32s cubic-bezier(.32, .72, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(/caveat-600.woff2)format("woff2");unicode-range:U+??,U+2019,U+2026,U+2013-2014}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-synthesis-weight:none;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.app{max-width:560px;height:100%;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.bar{align-items:center;gap:var(--s-2);padding:max(var(--s-3), env(safe-area-inset-top)) var(--s-4) var(--s-3);border-bottom:1px solid var(--line-soft);display:flex}.bar-title{flex-direction:column;gap:1px;display:flex}.bar h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:640;line-height:1.15}.greeting{letter-spacing:.01em;color:var(--warm);animation:fade var(--settle) both;margin:0;font-family:Caveat,Segoe Script,Bradley Hand,cursive;font-size:14px;font-weight:600;line-height:1.3}@media (prefers-reduced-motion:reduce){.greeting{animation:none}}.tag{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-quiet);border:1px solid var(--line);padding:3px var(--s-2);border-radius:999px;font-size:10px;font-weight:600}.muted{color:var(--ink-quiet)}.screen{animation:rise var(--settle) both}@keyframes rise{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen{animation:none}}.capture{min-height:0;padding:var(--s-3);gap:var(--s-3);flex-direction:column;flex:1;display:flex}.capture-stage{border-radius:var(--radius-lg);background:#000;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.capture-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.capture-preview[data-hidden=true]{visibility:hidden}.capture-preview{transform:scaleX(-1)}.capture-review{object-fit:contain;z-index:1;animation:fade var(--quick) both;background:#000}@keyframes fade{0%{opacity:.6}to{opacity:1}}.capture-timer{top:var(--s-3);left:var(--s-3);z-index:2;padding:6px var(--s-3);-webkit-backdrop-filter:blur(12px)saturate(140%);font-variant-numeric:tabular-nums;animation:fade var(--quick) both;background:#00000080;border-radius:999px;align-items:center;gap:7px;font-size:14px;font-weight:550;display:flex;position:absolute}.capture-dot{background:var(--live-solid);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.capture-remaining{color:var(--warm)}.capture-note,.capture-prompt{text-align:center;color:var(--ink-quiet);min-height:2.8em;padding:0 var(--s-4);justify-content:center;align-items:center;margin:0;font-size:14px;line-height:1.4;display:flex}.capture-note{bottom:var(--s-3);left:var(--s-3);right:var(--s-3);z-index:2;min-height:0;padding:var(--s-2) var(--s-3);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);color:var(--ink);background:#0000009e;position:absolute}.capture-error{padding:var(--s-3) var(--s-4);border-radius:var(--radius);animation:fade var(--quick) both;background:#e5544224;border:1px solid #e554425c;margin:0;font-size:14px;line-height:1.45}.capture-controls{place-items:center;gap:var(--s-3);grid-template-columns:1fr auto 1fr;min-height:88px;display:grid}.capture-unsupported{text-align:center;justify-content:center;gap:var(--s-2)}.btn{font:inherit;letter-spacing:-.01em;padding:var(--s-3) var(--s-5);cursor:pointer;color:var(--ink);background:var(--raised-high);-webkit-tap-highlight-color:transparent;transition:transform var(--quick), opacity var(--quick), background var(--quick);border:0;border-radius:999px;font-weight:550}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible{outline:2px solid var(--warm);outline-offset:3px}.btn-primary{background:var(--warm);color:#1b1206;font-weight:640}.btn-primary:active:not(:disabled){background:var(--warm-deep)}.btn-quiet{color:var(--ink-soft);background:0 0}.btn-quiet:active:not(:disabled){background:var(--raised)}.btn-wide{width:100%;padding:var(--s-4);margin-top:var(--s-3);font-size:17px}.shutter{cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:80px;height:80px;padding:0;display:grid;position:relative}.shutter:disabled{opacity:.4;cursor:default}.shutter:focus-visible{outline:2px solid var(--warm);outline-offset:2px}.shutter-ring{fill:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.shutter-track{stroke:#ffffffe6;stroke-width:4px;transition:stroke var(--quick)}.shutter[data-recording=true] .shutter-track{stroke:#ffffff73}.shutter-progress{stroke:var(--live-solid);stroke-width:4px;stroke-linecap:round;transition:opacity var(--settle)}.shutter-core{background:var(--live-solid);width:58px;height:58px;transition:width var(--settle), height var(--settle), border-radius var(--settle), transform var(--quick);border-radius:50%;position:relative}.shutter[data-recording=true] .shutter-core{border-radius:8px;width:28px;height:28px}.shutter[data-pressed=true] .shutter-core{transform:scale(.92)}@media (prefers-reduced-motion:reduce){.shutter-core,.shutter-track,.shutter-progress{transition:none}.capture-dot,.capture-review,.capture-timer,.capture-error{animation:none}}.btn[data-invisible=true]{visibility:hidden}.thread{min-height:0;padding:var(--s-3) var(--s-3) var(--s-4);flex-direction:column;flex:1;display:flex}.empty{text-align:center;place-content:center;gap:var(--s-2);padding:var(--s-6) var(--s-5);flex:1;display:grid}.empty p{margin:0}.empty p:first-child{letter-spacing:-.015em;font-size:18px;font-weight:600}.empty p+p{max-width:30ch;font-size:15px;line-height:1.5}.messages{-webkit-overflow-scrolling:touch;gap:var(--s-3);flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.message{background:var(--raised);border-radius:var(--radius-lg);animation:rise var(--settle) both;flex:none;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.message video,.message img{object-fit:contain;background:#000;width:100%;max-height:62vh;display:block}.meta{gap:var(--s-1) var(--s-3);padding:var(--s-3) var(--s-4);color:var(--ink-quiet);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:12px;display:flex}.bar-action{padding:var(--s-2) var(--s-3);margin-left:auto;font-size:15px}.settings{-webkit-overflow-scrolling:touch;min-height:0;padding:var(--s-5) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom));gap:var(--s-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.field h2{margin:0 0 var(--s-3);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-quiet);font-size:12px;font-weight:640}.choices{gap:var(--s-2);flex-direction:column;display:flex}.choices-row{flex-flow:wrap}.choices-row .choice{text-align:center;flex:92px;align-items:center}.choice{font:inherit;text-align:left;padding:var(--s-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--quick), background var(--quick), transform var(--quick);flex-direction:column;gap:2px;display:flex}.choice:active{transform:scale(.985)}.choice:focus-visible{outline:2px solid var(--warm);outline-offset:2px}.choice[data-checked=true]{border-color:var(--warm);background:#e0954f1a}.choice-title{letter-spacing:-.012em;font-weight:600}.choice-note{color:var(--ink-quiet);font-size:13px;line-height:1.4}.note{margin:var(--s-3) 0 0;color:var(--ink-quiet);font-size:13px;line-height:1.5}.capture-host{flex-direction:column;flex:1;min-height:0;display:flex}.centered{padding:var(--s-5);place-content:center;display:grid}.stack{gap:var(--s-3);text-align:center;flex-direction:column;width:min(100%,340px);display:flex}.stack h2{letter-spacing:-.025em;margin:0;font-size:26px;font-weight:640}.stack p{margin:0;line-height:1.5}.row{gap:var(--s-2);align-items:center;display:flex}.row .input{flex:1}.input{font:inherit;width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--radius);border:1px solid var(--line);background:var(--raised);color:var(--ink);-webkit-appearance:none;font-size:16px}.input::placeholder{color:var(--ink-quiet)}.input:focus{border-color:var(--warm);outline:none}.fine{font-size:13px;line-height:1.5}.link-btn{font:inherit;color:var(--ink-quiet);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.invite-banner{padding:var(--s-3) var(--s-4);color:var(--warm);text-align:center;background:#e0954f1f;margin:0;font-size:14px}.list{min-height:0;padding:var(--s-3) var(--s-3) var(--s-4);gap:var(--s-2);flex-direction:column;flex:1;display:flex}.threads{-webkit-overflow-scrolling:touch;gap:var(--s-1);flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.thread-row{font:inherit;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3);border-radius:var(--radius);color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--quick);background:0 0;border:0;display:flex}.thread-row:active{background:var(--raised)}.avatar{background:var(--raised-high);width:46px;height:46px;color:var(--warm);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:640;display:grid}.thread-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.thread-name{letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.thread-preview{color:var(--ink-quiet);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.thread-side{align-items:flex-end;gap:var(--s-1);flex-direction:column;flex:none;display:flex}.thread-when{color:var(--ink-quiet);font-size:12px}.unread{background:var(--warm);color:#1b1206;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:640;display:grid}.invite-box{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-3);gap:var(--s-2);animation:rise var(--settle) both;flex-direction:column;display:flex}.invite-link{padding:var(--s-2);background:var(--ground);color:var(--ink-soft);word-break:break-all;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.invite-actions{justify-content:flex-end;gap:var(--s-2);display:flex}.message[data-mine=true]{align-self:flex-end}.message[data-mine=false]{align-self:flex-start}.message{max-width:86%}.said{padding:var(--s-3) var(--s-4);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.45}.message[data-mine=true] .said{color:var(--ink)}.tile-loading{aspect-ratio:3/4;background:linear-gradient(var(--raised-high), var(--raised))}.composer{gap:var(--s-2);padding-top:var(--s-3);align-items:center;display:flex}.composer .input{flex:1}.back{margin-top:var(--s-2);align-self:center;font-size:14px}.stage{gap:var(--s-2);min-height:0;padding:var(--s-2) var(--s-3) var(--s-3);flex-direction:column;flex:1;display:flex}.viewfinder{border-radius:var(--radius-lg);background:#000;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.vf-layer{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vf-preview[data-hidden=true]{visibility:hidden}.vf-preview{transform:scaleX(-1)}.vf-play{object-fit:contain;z-index:1;background:#000}.vf-voice,.vf-note{z-index:1;justify-content:center;align-items:center;gap:var(--s-4);padding:var(--s-5);background:var(--raised);text-align:center;flex-direction:column;display:flex}.vf-voice p{color:var(--ink-quiet);margin:0;font-size:14px}.vf-note p{overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.35}.vf-voice audio{width:min(100%,320px)}.vf-controls{top:var(--s-3);right:var(--s-3);z-index:2;gap:var(--s-2);display:flex;position:absolute}.chip{font:inherit;padding:6px var(--s-3);-webkit-backdrop-filter:blur(12px);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000008c;border:0;border-radius:999px;font-size:13px;font-weight:550}.vf-busy{bottom:var(--s-3);z-index:2;padding:6px var(--s-4);-webkit-backdrop-filter:blur(12px);background:#0009;border-radius:999px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.strip{gap:var(--s-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:3px 1px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip-item{background:var(--raised-high);cursor:pointer;-webkit-tap-highlight-color:transparent;width:58px;height:78px;transition:box-shadow var(--quick);border:0;border-radius:12px;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.strip-item img{object-fit:cover;width:100%;height:100%}.strip-item[data-active=true]{box-shadow:0 0 0 2px var(--warm)}.strip-item[data-mine=true]{opacity:.55}.strip-glyph{color:var(--ink-quiet);text-align:center;padding:0 4px;font-size:11px}.strip-new{background:var(--warm);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:5px;box-shadow:0 0 0 2px #00000080}.modes{justify-content:center;gap:var(--s-1);display:flex}.mode{font:inherit;padding:7px var(--s-3);color:var(--ink-quiet);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--quick), background var(--quick);background:0 0;border:0;border-radius:999px;font-size:14px;font-weight:550}.mode[data-active=true]{color:var(--ink);background:var(--raised-high)}.deck{align-items:center;min-height:88px;display:flex}.deck .capture-controls,.deck .composer{flex:1}.hidden-file{display:none}.search{margin-bottom:var(--s-1)}.threads li{align-items:center;display:flex;position:relative}.threads li .thread-row{flex:1;min-width:0}.row-action{padding:var(--s-2) var(--s-3);flex:none;font-size:12px;text-decoration:none}.reactions{gap:var(--s-1);padding:var(--s-1) 0;flex-wrap:wrap;justify-content:center;display:flex}.react{font:inherit;min-width:40px;min-height:40px;padding:0 var(--s-2);background:var(--raised);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--quick), background var(--quick), transform var(--quick);border:1px solid #0000;border-radius:999px;align-items:center;gap:3px;display:flex}.react:active{transform:scale(.94)}.react[data-chosen=true]{border-color:var(--warm);background:#e0954f24}.react-glyph{font-size:19px;line-height:1}.react-count{color:var(--ink-quiet);font-variant-numeric:tabular-nums;font-size:12px}.vf-note p[data-emoji=true]{font-size:clamp(64px,22vw,132px);line-height:1.1}.strip-toggle{align-self:center;padding:2px}.avatar{overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-lg{flex:none;width:64px;height:64px;font-size:24px}.seen{color:var(--ink-quiet)}.filters{gap:var(--s-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter-chip{font:inherit;padding:8px var(--s-3);border:1px solid var(--line);background:var(--raised);color:var(--ink-quiet);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--quick), border-color var(--quick), background var(--quick);border-radius:999px;flex:none;font-size:13px;font-weight:550}.filter-chip[data-active=true]{color:var(--ink);border-color:var(--warm);background:#e0954f1f}.capture-prompt .dot{opacity:.5;margin:0 6px}.sortbar{gap:var(--s-1);padding-bottom:var(--s-1);display:flex}.avatar-btn{padding:var(--s-2) 0 var(--s-2) var(--s-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none}.thread-row{padding-left:var(--s-2)}.pin{color:var(--warm);margin-right:5px;font-size:12px}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);animation:fade var(--quick) both;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{gap:var(--s-3);width:min(100%,520px);padding:var(--s-5) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom));background:var(--raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheet-rise var(--settle) both;flex-direction:column;display:flex;box-shadow:0 -1px #ffffff12}@keyframes sheet-rise{0%{opacity:.6;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.sheet-face{align-self:center}.sheet-names{text-align:center;flex-direction:column;gap:2px;display:flex}.sheet-names p{margin:0}.sheet-their{letter-spacing:-.02em;font-size:20px;font-weight:640}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-quiet);font-size:12px;font-weight:640}.sheet-actions{gap:var(--s-2);justify-content:space-between;align-items:center;display:flex}.nudge{gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);animation:rise var(--settle) both;flex-direction:column;display:flex}.nudge p{margin:0;font-size:14px;line-height:1.45}.nudge-actions{gap:var(--s-3);justify-content:flex-end;align-items:center;display:flex}.nudge-head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.nudge-title{color:var(--live-solid);align-items:center;gap:7px;font-size:15px;font-weight:600;display:inline-flex}.nudge-bar{justify-content:flex-end;display:flex}.nudge-chip{font:inherit;padding:8px var(--s-3);color:var(--live-solid);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:rise var(--settle) both;transition:background var(--quick);background:#e554421f;border:1px solid #e5544266;border-radius:999px;align-items:center;gap:6px;font-size:13px;font-weight:550;display:inline-flex}.nudge-chip:active{background:#e5544233}.blocked{flex:none;width:14px;height:14px}.checkline{gap:var(--s-3);text-align:left;padding:var(--s-3);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:flex-start;display:flex}.checkline input{width:20px;height:20px;accent-color:var(--warm);flex:none;margin:2px 0 0}.checkline span{flex-direction:column;gap:2px;display:flex}.checkline-title{font-size:15px;font-weight:600}.switch-row{align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);display:flex}.switch-email{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.choice-action{text-align:left}.btn-wide{margin-top:0}.sortbar{padding-bottom:var(--s-1);display:flex;position:relative}.sort-trigger{font:inherit;padding:8px var(--s-3);border:1px solid var(--line);background:var(--raised);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:6px;font-size:14px;font-weight:550;display:inline-flex}.caret{color:var(--ink-quiet);font-size:10px}.menu-catch{z-index:10;position:fixed;inset:0}.menu{z-index:11;min-width:180px;padding:var(--s-1);border:1px solid var(--line);border-radius:var(--radius);background:var(--raised-high);animation:rise var(--quick) both;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 32px #00000080}.menu-item{font:inherit;text-align:left;width:100%;padding:var(--s-3);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;font-size:15px}.menu-item[data-active=true]{color:var(--warm);font-weight:600}.menu-item:active{background:var(--raised)}.danger{color:var(--live-solid);align-self:flex-start}.btn-danger{background:var(--live-solid);color:#2a0d09;font-weight:640}.btn-danger:disabled{opacity:.4}.gone-note{padding:var(--s-3) var(--s-4);border-radius:var(--radius);background:var(--raised);border:1px solid var(--line);color:var(--ink-soft);margin:0;font-size:14px;line-height:1.45}