:root{--accent:#a52e2e;--accent-fill:#a52e2e;--accent-secondary:#686f4a;--background:#faf8f5;--border:#e5e1db;--danger:#b3342d;--success:#347a4b;--surface:#fff;--surface-raised:#fff;--text-primary:#1b1917;--text-secondary:#5c5751;--text-tertiary:#8c8780;--warning:#cd7a25}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#d45c57;--accent-fill:#c0392b;--accent-secondary:#98a371;--background:#121110;--border:#373532;--danger:#e5665c;--success:#66bb7c;--surface:#1d1c1b;--surface-raised:#252422;--text-primary:#f2f0ed;--text-secondary:#b4b0aa;--text-tertiary:#8b8883;--warning:#e69c5a}}:root[data-theme=dark]{--accent:#d45c57;--accent-fill:#c0392b;--accent-secondary:#98a371;--background:#121110;--border:#373532;--danger:#e5665c;--success:#66bb7c;--surface:#1d1c1b;--surface-raised:#252422;--text-primary:#f2f0ed;--text-secondary:#b4b0aa;--text-tertiary:#8b8883;--warning:#e69c5a}
:root{--radius-card:16px;--radius-control:12px;--radius-pill:999px;--space-xs:4px;--space-s:8px;--space-m:12px;--space-l:16px;--space-xl:24px;--space-xxl:32px;--shadow-card:0 4px 12px #0000000f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--measure:62ch}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}.container{width:100%;max-width:1080px;padding:0 var(--space-xl);margin:0 auto}.header{z-index:10;background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-l);height:62px;display:flex}.wordmark{align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.wordmark img{border-radius:8px;width:28px;height:28px}.header-spacer{flex:1}.tabs{padding:var(--space-s) 0 var(--space-m);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border-radius:var(--radius-pill);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.tab[aria-current=true]{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent)}.tab svg{width:17px;height:17px}.button{border-radius:var(--radius-pill);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.button[aria-disabled=true]{background:color-mix(in srgb, var(--accent) 22%, var(--surface));color:var(--text-secondary);cursor:default}.button-quiet{color:var(--text-secondary);border:1px solid var(--border);background:0 0;padding:9px 16px;font-size:14px;font-weight:550}.hero{padding:56px 0 12px}.hero h1{max-width:15ch;font-size:clamp(38px,7vw,62px);font-weight:800}.hero p{margin-top:var(--space-l);max-width:var(--measure);color:var(--text-secondary);font-size:clamp(17px,2.2vw,19px)}.hero-actions{margin-top:var(--space-xl);gap:var(--space-m);flex-wrap:wrap;align-items:center;display:flex}.section{border-top:1px solid var(--border);padding:56px 0}.section-grid{gap:var(--space-xxl);align-items:center;display:grid}@media (min-width:860px){.section-grid{grid-template-columns:1fr 1fr;gap:56px}.section-grid.reverse>:first-child{order:2}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.section h2{margin-top:var(--space-s);font-size:clamp(25px,3.4vw,33px);font-weight:750}.section .body{margin-top:var(--space-m);color:var(--text-secondary);max-width:var(--measure);font-size:16.5px}.surface{gap:var(--space-m);padding:var(--space-l);background:color-mix(in srgb, var(--text-primary) 4%, var(--background));border:1px solid var(--border);border-radius:calc(var(--radius-card) + 6px);display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-l)}.card-head{align-items:center;gap:10px;display:flex}.avatar{background:color-mix(in srgb, var(--accent) 16%, var(--surface));width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.avatar.ringed{outline:2px solid var(--accent);outline-offset:2px}.who{font-size:14.5px;font-weight:650}.meta{color:var(--text-tertiary);font-size:12.5px}.kind-strip{margin-top:var(--space-m);border-radius:var(--radius-control);background:color-mix(in srgb, var(--accent) 8%, transparent);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.kind-strip .label{color:var(--accent);font-weight:700}.kind-strip .detail{color:var(--text-secondary)}.kind-strip .trailing{margin-left:auto;font-weight:650}.card p.text{margin-top:var(--space-m);font-size:15px}.row{align-items:center;gap:var(--space-m);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-m) var(--space-l);display:flex}.row .grow{flex:1;min-width:0}.row .name{font-size:15px;font-weight:650}.row .sub{color:var(--text-secondary);font-size:13px}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.bubbles{gap:var(--space-s);display:grid}.bubble{border-radius:20px;max-width:78%;padding:10px 14px;font-size:15px}.bubble.them{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:6px;justify-self:start}.bubble.me{background:var(--accent);color:#fff;border-bottom-right-radius:6px;justify-self:end}.lock-note{color:var(--text-tertiary);justify-content:center;align-items:center;gap:8px;font-size:12.5px;display:flex}.profile-head{text-align:center;padding:var(--space-l) 0;justify-items:center;gap:6px;display:grid}.profile-head .avatar{width:76px;height:76px;font-size:24px}.closing{text-align:center;border-top:1px solid var(--border);padding:68px 0 76px}.closing h2{font-size:clamp(28px,4vw,40px);font-weight:800}.closing p{margin-top:var(--space-m);color:var(--text-secondary)}.closing .hero-actions{justify-content:center}.prose{max-width:72ch;padding:48px 0 64px}.prose h1{font-size:clamp(31px,5vw,44px);font-weight:800}.prose h2{margin-top:var(--space-xxl);font-size:21px;font-weight:700}.prose p,.prose li{margin-top:var(--space-m);color:var(--text-secondary);font-size:16px}.prose .updated{margin-top:var(--space-s);color:var(--text-tertiary);font-size:14px}.footer{background:var(--surface);border-top:1px solid var(--border);padding:40px 0 32px}.footer-inner{gap:var(--space-xl);grid-template-columns:1fr;display:grid}.footer-brand{align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.footer-brand img{border-radius:6px;width:24px;height:24px}.footer p{color:var(--text-secondary);font-size:13px}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a,.footer-links button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:500;text-decoration:none}.footer-links a:hover,.footer-links button:hover{color:var(--text-primary)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-m);margin-top:var(--space-s);border-top:1px solid var(--border);flex-wrap:wrap;padding-top:20px;display:flex}@media (min-width:720px){.footer-inner{grid-template-columns:1fr auto;align-items:center}}.theme-switch{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);gap:2px;padding:3px;display:flex}.theme-switch button{font:inherit;color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;padding:5px 11px;font-size:12px;font-weight:600}.theme-switch button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.consent{inset:auto var(--space-l) var(--space-l);z-index:20;gap:var(--space-m);max-width:520px;padding:var(--space-l);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card);flex-wrap:wrap;align-items:center;margin-inline:auto;display:flex;position:fixed;box-shadow:0 12px 32px #00000024}.consent p{min-width:220px;color:var(--text-secondary);flex:1;font-size:13.5px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.app{background:var(--background);min-height:100dvh;padding-bottom:104px}.app-main{max-width:680px;padding:0 var(--space-l);margin:0 auto}@media (min-width:1100px){.app-main--wide{max-width:900px}}.stack{gap:var(--space-m);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-m);display:flex}.row--between{justify-content:space-between}.spacer{flex:1}.app-header{z-index:20;align-items:center;gap:var(--space-m);padding:var(--space-m) var(--space-l);background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid #0000;transition:border-color .2s;display:flex;position:sticky;top:0}.app-header--scrolled{border-bottom-color:var(--border)}.app-header__inner{align-items:center;gap:var(--space-m);width:100%;max-width:680px;margin:0 auto;display:flex}.mark{border-radius:9px;flex:none;width:32px;height:32px}.greeting{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;line-height:1.2;overflow:hidden}.greeting-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.icon-button{border-radius:var(--radius-pill);border:.5px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;flex:none;place-items:center;transition:transform .15s,background .15s;display:grid}.icon-button:hover{background:var(--surface-raised);transform:translateY(-1px)}.icon-button:active{transform:translateY(0)scale(.96)}.icon-button--accent{color:var(--accent)}.nav{z-index:30;pointer-events:none;justify-content:center;padding:0 14px 10px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav__inner,.nav{--nav-radius:26px}.nav{background:0 0}.nav__button{min-width:0;max-width:96px;height:50px;color:var(--text-secondary);cursor:pointer;pointer-events:auto;border-radius:18px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:background .18s,color .18s;display:flex;position:relative}.nav:before{content:"";border-radius:var(--nav-radius);background:var(--surface);border:.5px solid var(--border);pointer-events:none;position:absolute;inset:0 14px 10px;box-shadow:0 5px 14px #0000001a}.nav__label{white-space:nowrap;font-size:10px;font-weight:500;line-height:1}.nav__button--current,.nav__button[aria-current=page]{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.nav__button--current .nav__label,.nav__button[aria-current=page] .nav__label{font-weight:600}.nav__badge{border-radius:var(--radius-pill);background:var(--accent);border:2px solid var(--surface);width:9px;height:9px;position:absolute;top:6px;right:8px}.card{background:var(--surface);border-radius:var(--radius-card);padding:var(--space-l);box-shadow:var(--shadow-card)}.card--tight{padding:var(--space-m)}.card--button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s;display:block}.card--button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.section-title{margin:var(--space-xl) 0 var(--space-s);font-size:1.15rem;font-weight:700}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);font-size:.72rem;font-weight:600}.post__head{align-items:center;gap:var(--space-m);margin-bottom:var(--space-m);display:flex}.post__author{font-size:.95rem;font-weight:600}.post__meta{color:var(--text-secondary);font-size:.78rem}.post__body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.post__image{border-radius:var(--radius-control);width:100%;margin-top:var(--space-m);display:block}.kind-chip{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);margin-bottom:var(--space-s);align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.post__actions{gap:var(--space-l);margin-top:var(--space-m);padding-top:var(--space-s);display:flex}.action{font:inherit;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-control);background:0 0;border:none;align-items:center;gap:6px;padding:4px;font-size:.85rem;transition:color .15s,transform .15s;display:inline-flex}.action:hover{color:var(--accent)}.action:active{transform:scale(.94)}.action--on{color:var(--accent);font-weight:600}.avatar{border-radius:var(--radius-pill);background:var(--surface-raised);border:.5px solid var(--border);color:var(--text-secondary);object-fit:cover;flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.field{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}textarea.field{resize:vertical;min-height:88px}.label{color:var(--text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.button{justify-content:center;align-items:center;gap:var(--space-s);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font:inherit;cursor:pointer;padding:11px 18px;font-weight:600;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)scale(.98)}.button:disabled{opacity:.5;cursor:default;transform:none}.button--primary{background:var(--accent-fill);color:#fff;border-color:#0000}.button--ghost{color:var(--accent);background:0 0;border-color:#0000}.button--apple{background:var(--apple-button);color:var(--apple-button-text);border-color:#0000;gap:8px}:root{--apple-button:#000;--apple-button-text:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--apple-button:#fff;--apple-button-text:#000}}:root[data-theme=dark]{--apple-button:#fff;--apple-button-text:#000}.empty{text-align:center;padding:var(--space-xxl) var(--space-l);color:var(--text-secondary)}.empty__title{color:var(--text-primary);margin:var(--space-s) 0 var(--space-xs);font-weight:700}.notice{gap:var(--space-s);padding:var(--space-m);border-radius:var(--radius-control);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-secondary);align-items:flex-start;font-size:.85rem;display:flex}.notice--warning{border-color:color-mix(in srgb, var(--warning) 40%, var(--border))}.spinner{width:28px;height:28px;margin:var(--space-xl) auto;border-radius:var(--radius-pill);border:3px solid color-mix(in srgb, var(--accent) 22%, transparent);border-top-color:var(--accent);animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--border);border-radius:var(--radius-control)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chat{flex-direction:column;height:calc(100dvh - 168px);display:flex}.chat__scroll{gap:var(--space-s);padding:var(--space-m) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.bubble{background:var(--surface);border:.5px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;max-width:76%;padding:10px 14px;animation:.22s cubic-bezier(.2,.8,.2,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.bubble--mine{background:var(--accent-fill);color:#fff;border-color:#0000;align-self:flex-end}.bubble--removed{color:var(--text-tertiary);background:var(--surface-raised);font-style:italic}.bubble__sender{color:var(--text-secondary);margin-bottom:2px;font-size:.72rem;font-weight:600;display:block}.composer{gap:var(--space-s);padding:var(--space-m) 0;background:var(--background);display:flex}.tiles{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.tile{gap:var(--space-s);padding:var(--space-l);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);cursor:pointer;font:inherit;text-align:left;color:var(--text-primary);border:none;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex}.tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.tile__name{font-weight:600}.signin{min-height:100dvh;padding:var(--space-xl);place-items:center;display:grid}.signin__card{text-align:center;width:100%;max-width:420px}.signin__mark{width:64px;height:64px;margin:0 auto var(--space-l);border-radius:16px}.app a{color:inherit;text-decoration:none}.app .post__body a,.app .notice a{text-decoration:underline}.viewer{z-index:60;background:#000;flex-direction:column;align-items:center;animation:.18s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.viewer__bars{gap:4px;width:100%;max-width:520px;padding:12px 12px 0;display:flex}.viewer__bar{border-radius:var(--radius-pill);background:#ffffff47;flex:1;height:3px}.viewer__bar--seen{background:#fff}.viewer__head{align-items:center;gap:var(--space-s);width:100%;max-width:520px;padding:var(--space-m) 12px;color:#fff;z-index:2;display:flex}.viewer__head .button--ghost{color:#fff}.viewer__image{object-fit:contain;flex:1;width:100%;max-width:520px;min-height:0}.viewer__caption{color:#fff;max-width:520px;padding:var(--space-m);text-align:center;z-index:2}.viewer__half{cursor:pointer;z-index:1;background:0 0;border:none;width:50%;position:absolute;top:64px;bottom:0}.viewer__half--left{left:0}.viewer__half--right{right:0}.avatar-edit{cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;padding:0;position:relative}.avatar-edit__badge{border-radius:var(--radius-pill);background:var(--accent-fill);color:#fff;border:2px solid var(--surface);place-items:center;width:26px;height:26px;font-size:13px;display:grid;position:absolute;bottom:0;right:0}.landing-header{justify-content:space-between;align-items:flex-start;gap:var(--space-l);display:flex}.landing-next{margin-top:var(--space-m);text-align:left;display:block}.step-row{text-align:left;gap:var(--space-m)}.step-tick{text-align:center;width:24px;color:var(--text-tertiary);flex:none;font-size:15px}.step-tick--done{color:var(--success,var(--accent))}.stage-picker{gap:var(--space-s);grid-template-columns:repeat(4,1fr);display:grid}.stage-button{border-radius:var(--radius-control);border:.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;padding:10px 6px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.stage-button--current{background:var(--accent-fill);color:#fff;border-color:#0000;font-weight:600}.facts{gap:var(--space-s);margin-top:var(--space-m);flex-wrap:wrap;display:flex}.fact{border-radius:var(--radius-pill);background:var(--surface-raised);border:.5px solid var(--border);align-items:baseline;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.fact__label{color:var(--text-tertiary);font-weight:600}.fact__value{color:var(--text-primary);font-weight:500}label.field{margin-top:var(--space-m);display:block}label.field>span{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}label.field textarea,label.field input{border-radius:var(--radius-control);border:.5px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;resize:vertical;padding:10px 12px}.field-row{gap:var(--space-m);grid-template-columns:1fr 1fr;display:grid}.form-error{margin:var(--space-m) 0 0;color:var(--danger,#b3261e);font-size:14px}.chips{gap:var(--space-s);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-pill);border:.5px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;padding:7px 12px;font-size:12px;font-weight:500}.chip--on{background:var(--accent-fill);color:#fff;border-color:#0000;font-weight:600}.chip--quiet{cursor:default;background:0 0}.link-button{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:none}.link-button--on{color:var(--accent)}@media (max-width:380px){.stage-picker{grid-template-columns:repeat(2,1fr)}}