.friends-main{max-width:1000px;margin:35px auto;padding:0 24px}.friends-intro .eyebrow{font-size:10px;color:var(--accent);letter-spacing:.15em}.friends-intro h1{font-size:32px;margin:15px 0;line-height:1.5}.friends-intro>p:not(.eyebrow){color:var(--text2);font-size:15px;line-height:1.8}.friends-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:23px 0}.friends-tools>div{display:flex;gap:7px}.friends-tools [data-friends-scope]{border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--text2);padding:11px 17px;font:inherit;font-size:13px;cursor:pointer}.friends-tools [aria-pressed=true]{background:var(--accent);color:#fff}.friends-stage{border:1px solid var(--wall-border);border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 25% 15%,color-mix(in srgb,var(--wall-accent) 10%,transparent),transparent 65%),var(--wall);color:var(--wall-text);margin:25px 0}.friends-wall-top{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--wall-muted);font-size:12px}.friends-wall-top button{color:var(--wall-muted)}.friends-wall{height:360px;position:relative;overflow:hidden}.friend-bullet{position:absolute;left:0;height:38px;max-width:min(470px,86vw);display:flex;gap:11px;align-items:center;border:1px solid var(--wall-border);border-radius:25px;background:var(--wall-pill);color:var(--wall-text);padding:0 15px;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.friend-bullet strong{font-size:11px;color:var(--wall-muted);flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis}.friend-bullet span{min-width:0;overflow:hidden;text-overflow:ellipsis}.friend-bullet:focus-visible,.friend-bullet:hover{outline:2px solid var(--wall-accent);outline-offset:2px}.friend-card{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:25px;margin:17px 0}.friend-meta{display:flex;gap:13px;flex-wrap:wrap;color:var(--text2);font-size:12px;line-height:1.8}.friend-meta a,#friendDetailAuthor,#friendOpenSpace{color:var(--accent);text-decoration:none}.friend-card-text{border:0;background:none;color:var(--text);display:block;width:100%;text-align:left;font:inherit;font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px 0;cursor:pointer}.friend-card>img{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:15px;margin-bottom:15px}.friend-card>.text-button{color:var(--accent);font-size:13px;min-height:44px}.friends-main>[role=status]{font-size:13px;color:var(--text2);line-height:1.9;margin:17px 0}.friends-main [hidden],#friendDetail [hidden]{display:none!important}#friendDetailState{line-height:1.8;color:var(--text2);font-size:13px}#friendDetailBody .space-bullet-detail-text{font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}#friendDetailBody>p:last-child{margin-top:24px}.friends-wall[data-static=true]{padding:15px 20px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:12px;overflow:auto}.friends-wall[data-static=true] .friend-bullet{position:relative;left:auto;max-width:100%}
@media(max-width:760px){.friends-main{padding:0 16px;margin:28px auto}.friends-intro h1{font-size:25px}.friends-intro>p:not(.eyebrow){font-size:14px}.friends-tools [data-friends-scope]{font-size:12px;padding:10px 13px}.friends-wall{height:290px}.friend-bullet{font-size:12px;max-width:86vw;gap:8px}.friend-bullet strong{max-width:80px;font-size:10px}.friends-wall-top{font-size:11px;padding:12px 15px}.friend-card{padding:20px}.plaza-header nav{gap:20px}.friends-stage{border-radius:20px}}

.friend-start,.friend-connect{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:20px;margin:20px 0}.friend-start>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.friend-start h2{font-size:18px}.friend-start>p,.friend-connect>section>p{font-size:12px;color:var(--text2);line-height:1.8;margin:8px 0 15px}#friendStartSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#friendStartSteps a{display:block;border:1px solid var(--border);border-radius:12px;padding:13px;color:var(--text2);text-decoration:none;font-size:13px;line-height:1.8}#friendStartSteps a.is-done{color:var(--accent);background:var(--surface2)}.friend-connect summary{font-size:15px;line-height:1.8;cursor:pointer}.friend-connect summary span{color:var(--text2);font-size:12px}.friend-connect form{margin:20px 0 10px}.friend-connect label{display:block;font-size:13px;margin-bottom:10px}.friend-connect form>div{display:flex;gap:9px}.friend-connect input{flex:1;min-width:0;width:0;font:inherit;font-size:16px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text)}.friend-connect form .btn-post{flex-shrink:0;padding:10px 16px;font-size:13px}.friend-connect [role=status]{color:var(--text2);font-size:13px;line-height:1.8;margin:12px 0}.friend-found{padding:17px;border:1px solid var(--border);border-radius:14px;margin:15px 0;overflow-wrap:anywhere}.friend-found>a:first-child{display:block;color:var(--text);font-weight:600;text-decoration:none;font-size:17px}.friend-found small{display:block;color:var(--text2);font-size:12px;margin:10px 0 16px}.friend-found>p{font-size:13px;line-height:1.8;margin:12px 0}.friend-found .btn-post{min-height:44px;font-size:13px;padding:11px 16px}.friend-found .text-button{display:inline-block;color:var(--accent);font-size:13px;min-height:44px;margin-left:8px}#friendIncoming{margin-top:22px;border-top:1px solid var(--border);padding-top:20px}#friendIncoming h3{font-size:16px}.friend-incoming-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px;margin:9px 0;padding:5px 12px}.friend-incoming-row a{color:var(--accent);font-size:13px;text-decoration:none;min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}.friend-incoming-row button{min-height:44px;color:var(--accent);font-size:13px;padding:9px 13px}.friend-incoming-pages{display:flex;justify-content:center;gap:15px;align-items:center;font-size:12px}.friend-incoming-pages button{min-height:44px}@media(max-width:760px){.friend-start,.friend-connect{padding:17px}#friendStartSteps{grid-template-columns:1fr;gap:7px}#friendStartSteps a{padding:10px 12px}.friend-connect form>div{gap:7px}.friend-connect form .btn-post{padding:10px 13px}.friend-found .text-button{margin-left:0}}