.youth-demo { display:flex;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-accent-highlight);border:1px solid var(--color-divider);border-radius:var(--radius-lg); }
.youth-demo > svg { width:20px;height:20px;flex-shrink:0;color:var(--color-accent); }
.youth-demo p { font-size:.875rem;margin-top:var(--space-1); }
.youth-designer { padding:var(--space-4);margin-bottom:var(--space-5); }
.youth-designer summary { cursor:pointer;font-size:.875rem;font-weight:700; }
.youth-panel { padding:var(--space-5); }
.youth-panel h2,.youth-conversation h2 { font-family:var(--font-display);font-size:1.5rem;font-weight:800; }
.youth-panel h2,.youth-panel p { margin-bottom:var(--space-3); }
.youth-boundary { display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start; }
.youth-identity { padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-md); }
.youth-identity span { font-size:.875rem;color:var(--color-text-muted); }
.youth-room-grid,.youth-guardian-grid { display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start; }
.youth-room-card { display:flex;flex-direction:column;gap:var(--space-3); }
.youth-room-card .badge { align-self:flex-start; }
.youth-range { font-family:var(--font-display);font-size:2rem;color:var(--color-primary);font-weight:800; }
.youth-room-card .btn { white-space:normal; }
.youth-rules { list-style:disc;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0; }
.youth-checks { padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);margin-top:var(--space-4); }
.youth-checks h3 { font-size:1rem;font-weight:700; }
.youth-checks > div { display:flex;gap:var(--space-2);align-items:flex-start;margin-top:var(--space-2);font-size:.875rem; }
.youth-checks svg { width:16px;height:16px;flex-shrink:0;color:var(--color-primary); }
.youth-alert { padding:var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-md);margin:var(--space-3) 0; }
.youth-emergency { padding:var(--space-3);background:var(--color-accent-highlight);border-radius:var(--radius-md);font-size:.875rem; }
.youth-nav { display:grid;grid-template-columns:repeat(3,1fr);max-width:600px;margin:auto; }
.youth-conversation { overflow:hidden;max-width:900px;margin:auto; }
.youth-chat-head { display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5); }
.youth-room-safety { display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3) var(--space-5);background:var(--color-primary-highlight);font-size:.875rem; }
.youth-room-safety svg { width:20px;height:20px;flex-shrink:0; }
.youth-activity { display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider); }
.youth-activity span { font-size:.875rem;color:var(--color-text-muted); }
.youth-posts { display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5); }
.youth-post { padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-2); }
.youth-post--own { background:var(--color-primary-highlight); }
.youth-post p { margin:var(--space-2) 0;overflow-wrap:anywhere; }
.youth-post .link-btn { font-size:.875rem; }
.youth-compose { padding:var(--space-5);border-top:1px solid var(--color-divider); }
.youth-compose textarea { resize:vertical;min-height:90px; }
.youth-help-actions { display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--color-surface-2); }
.youth-help-actions span { font-size:.875rem;flex:1;min-width:150px; }
.youth-review-list { display:grid;gap:var(--space-4);margin-top:var(--space-5); }
.youth-review-item { border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3); }
@media(max-width:700px) { .youth-room-grid,.youth-guardian-grid { grid-template-columns:1fr; } .youth-chat-head { flex-wrap:wrap; } .youth-panel,.youth-chat-head,.youth-posts,.youth-compose { padding:var(--space-4); } }
@media(max-width:430px) { .youth-header-label { display:none; } }