.app-page{padding:calc(var(--header-h) + var(--space-7)) 0 var(--space-9);min-height:80vh}.auth-card{gap:var(--space-4);width:min(28rem,100%);margin-inline:auto;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.auth-card h1{font-size:var(--step-3)}.auth-card form{gap:var(--space-4);display:grid}.auth-links{justify-content:space-between;gap:var(--space-2);font-size:var(--step--1);flex-wrap:wrap;display:flex}.auth-links a{color:var(--signal)}.app-head{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.app-head h1{font-size:var(--step-4)}.toolbar{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.row-card{gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius);border:1px solid var(--line);background:var(--ink-850);text-align:left;cursor:pointer;transition:border-color var(--dur-1);grid-template-columns:1fr auto;align-items:center;display:grid}.row-card:hover{border-color:var(--line-strong)}.row-card .title{font-weight:600}.row-card .meta{font-size:var(--step--1);color:var(--text-muted)}.empty{padding:var(--space-7) var(--space-5);text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--text-muted)}.detail{gap:var(--space-5);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.detail-main,.detail-side{gap:var(--space-4);display:grid}.box{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--ink-850);gap:var(--space-3);display:grid}.box h2{font-size:var(--step-1)}.kv{gap:var(--space-2) var(--space-4);font-size:var(--step--1);grid-template-columns:auto 1fr;margin:0;display:grid}.kv dt{color:var(--text-muted)}.kv dd{overflow-wrap:anywhere;margin:0}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.thread{gap:var(--space-3);max-height:28rem;display:grid;overflow-y:auto}.bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--ink-800);font-size:var(--step--1)}.bubble.mine{background:color-mix(in srgb, var(--signal) 12%, var(--ink-800));border:1px solid color-mix(in srgb, var(--signal) 25%, transparent)}.bubble .who{color:var(--text-muted);margin-bottom:var(--space-1);font-size:.75rem}.back{align-items:center;gap:var(--space-2);color:var(--text-muted);cursor:pointer;font-size:var(--step--1);margin-bottom:var(--space-4);background:0 0;border:0;padding:0;display:inline-flex}.back:hover{color:var(--text)}.notice{padding:var(--space-4);border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--signal) 35%, transparent);background:color-mix(in srgb, var(--signal) 6%, transparent);font-size:var(--step--1)}.prose{max-width:var(--max-w-text);margin-inline:auto}.prose h1{font-size:var(--step-4);margin-bottom:var(--space-3)}.prose h2{font-size:var(--step-2);margin:var(--space-7) 0 var(--space-3)}.prose h3{font-size:var(--step-1);margin:var(--space-5) 0 var(--space-2)}.prose p,.prose li{color:var(--text-muted)}.prose p+p{margin-top:var(--space-3)}.prose ul,.prose ol{gap:var(--space-2);padding-left:1.25rem;display:grid}.prose a{color:var(--signal)}.prose strong{color:var(--text)}@media (width<=860px){.detail{grid-template-columns:1fr}}