.friend-shell{width:min(100%,1080px);color:var(--text);margin-inline:auto;padding:44px 20px 72px}.friend-kicker{color:var(--primary);font:600 11px/1.6 var(--font-mono-stack);letter-spacing:.1em;text-transform:uppercase}.friend-shell h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:10px 0 14px;font-size:clamp(28px,5vw,45px);font-weight:700;line-height:1.12}.friend-shell h2{letter-spacing:-.025em;font-size:20px;font-weight:650;line-height:1.3}.friend-shell h3{font-size:16px;font-weight:650;line-height:1.4}.friend-copy{max-width:66ch;color:var(--text-muted);font-size:14px;line-height:1.75}.friend-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:0;margin-top:24px;padding:24px}.friend-card>:is(h2,h3,p)+:is(p,h3,.friend-actions){margin-top:12px}.friend-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.friend-button{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--surface);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:600;line-height:1.6;display:inline-flex}.friend-button:hover{border-color:var(--primary)}.friend-button:disabled{opacity:.55;cursor:wait}.friend-button-primary{background:var(--primary);color:var(--bg);border-color:var(--primary)}.friend-link{text-underline-offset:4px;overflow-wrap:anywhere;align-items:center;min-height:44px;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.friend-status{min-height:20px;color:var(--text-muted);margin-top:10px;font-size:12px;line-height:1.7}.friend-status-error{color:var(--text)}.friend-muted{color:var(--text-muted);font-size:12px;line-height:1.75}.friend-pill{border:1px solid var(--border);color:var(--text-muted);border-radius:100px;padding:5px 10px;font-size:11px;line-height:1.5;display:inline-flex}.friend-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.friend-grid .friend-card{margin-top:0}.friend-grid dt{color:var(--text-muted);margin-top:14px;font-size:12px}.friend-grid dd{margin-top:3px;font-size:18px;font-weight:600}.friend-input{border:1px solid var(--border);width:100%;min-width:0;min-height:44px;color:var(--text);background:var(--bg);border-radius:7px;padding:10px 12px;font-size:13px}.friend-field{gap:8px;min-width:0;font-size:12px;font-weight:600;display:grid}.friend-calendar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin-top:18px;display:grid}.friend-room-list{gap:15px;margin-top:20px;padding:0;list-style:none;display:grid}.friend-room-list .friend-card{margin-top:0}.friend-create{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;min-width:0;margin-top:16px;padding:18px}.friend-create h3{font-size:16px;font-weight:650}.friend-create p{margin-top:8px}.friend-create .friend-actions{margin-top:12px}.friend-create .friend-input{margin-top:8px}.friend-shell :is(a,button,input,select):focus-visible,.friend-create :is(a,button,input):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:600px){.friend-shell{padding-top:28px}.friend-card{padding:19px}.friend-grid,.friend-calendar{grid-template-columns:minmax(0,1fr)}.friend-actions>.friend-button{flex-grow:1}}