.sr-root{max-width:760px;margin:0 auto;padding:0 var(--s-4) var(--s-8)}.sr-loading,.sr-empty{text-align:center;color:var(--text2);padding:var(--s-6) var(--s-4);font-size:var(--t-base, .95rem)}.sr-empty--lg{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-4)}.sr-empty--lg img{opacity:.92}.sr-gate{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center;padding:var(--s-8) var(--s-4);max-width:420px;margin:0 auto}.sr-gate-text{color:var(--text2);line-height:1.55}.sr-lobby-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-5)}.sr-filters{display:flex;gap:var(--s-2);flex-wrap:wrap}.sr-filter{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;cursor:pointer}.sr-create-btn{white-space:nowrap}.sr-room-list{display:flex;flex-direction:column;gap:var(--s-3)}.sr-card{display:flex;align-items:center;gap:var(--s-3);background:var(--card);border:1px solid var(--border);border-radius:var(--r-4);padding:var(--s-4);box-shadow:var(--shadow-1);transition:box-shadow var(--d-base),transform var(--d-base)}.sr-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.sr-card-main{flex:1;min-width:0}.sr-card-top{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.sr-card-name{font-weight:700;color:var(--text);font-size:1.02rem}.sr-card-goal{color:var(--text2);font-size:.9rem;margin-top:var(--s-1)}.sr-card-meta{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-2);font-size:.82rem;color:var(--text-muted, var(--text2))}.sr-card-host{font-weight:600;color:var(--text2)}.sr-card-phase{color:var(--chau-hong);font-weight:600}.sr-badge{display:inline-block;padding:2px var(--s-2);border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.5}.sr-badge--level{background:color-mix(in srgb,var(--hoang-kim) 18%,transparent);color:var(--hoang-kim-2)}.sr-badge--silent{background:color-mix(in srgb,var(--text2) 14%,transparent);color:var(--text2)}.sr-badge--chat{background:color-mix(in srgb,var(--thuy-luc) 16%,transparent);color:var(--thuy-luc-2)}.sr-join-btn{flex-shrink:0;padding:var(--s-2) var(--s-4);border-radius:var(--r-2);border:none;background:var(--chau-hong);color:#fff;font-weight:700;cursor:pointer;transition:background var(--d-fast)}.sr-join-btn:hover{background:var(--chau-hong-2)}.sr-join-btn--full{background:var(--surface-3, var(--bg2));color:var(--text-muted, var(--text2));cursor:not-allowed}.sr-modal-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--s-4);animation:srFade var(--d-base) ease}@keyframes srFade{0%{opacity:0}to{opacity:1}}.sr-modal{background:var(--card);border-radius:var(--r-5);padding:var(--s-6);width:100%;max-width:440px;box-shadow:var(--shadow-4);max-height:90vh;overflow-y:auto}.sr-modal-title{margin:0 0 var(--s-4);font-size:1.2rem;color:var(--text)}.sr-field{display:flex;flex-direction:column;gap:var(--s-1);margin-bottom:var(--s-3)}.sr-field>span{font-size:.85rem;font-weight:600;color:var(--text2)}.sr-field input,.sr-field select{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;width:100%}.sr-field input:focus,.sr-field select:focus{outline:2px solid var(--chau-hong);border-color:transparent}.sr-field-row{display:flex;gap:var(--s-3)}.sr-field-row .sr-field{flex:1}.sr-modal-actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-4)}.sr-btn-ghost,.sr-ctl-ghost{padding:var(--s-2) var(--s-4);border-radius:var(--r-2);border:1px solid var(--border);background:transparent;color:var(--text2);font-weight:600;cursor:pointer}.sr-btn-ghost:hover,.sr-ctl-ghost:hover{background:var(--surface-3, var(--bg2))}.sr-room-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap}.sr-back-btn{border:1px solid var(--border);background:var(--surface);color:var(--text2);padding:var(--s-2) var(--s-3);border-radius:var(--r-2);cursor:pointer;font-weight:600}.sr-back-btn:hover{background:var(--surface-3, var(--bg2))}.sr-room-titles{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.sr-room-name{font-weight:700;font-size:1.1rem;color:var(--text)}.sr-room-body{display:grid;grid-template-columns:1fr 220px;gap:var(--s-5);align-items:start}.sr-stage{display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.sr-ring-wrap{margin:var(--s-3) auto 0}.sr-room-goal{text-align:center;color:var(--text2);font-size:.95rem;max-width:360px;line-height:1.5}.sr-controls{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center}.sr-member-note{color:var(--text2);font-size:.92rem;text-align:center}.sr-end-card{display:flex;align-items:center;gap:var(--s-3);background:color-mix(in srgb,var(--thuy-luc) 10%,var(--card));border:1px solid color-mix(in srgb,var(--thuy-luc) 30%,transparent);border-radius:var(--r-4);padding:var(--s-4);max-width:420px}.sr-end-text{display:flex;flex-direction:column;gap:2px}.sr-end-text strong{color:var(--text)}.sr-end-text span{color:var(--text2);font-size:.88rem}.sr-rail{background:var(--surface-2, var(--bg2));border:1px solid var(--border);border-radius:var(--r-4);padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.sr-rail-head{font-size:.82rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.02em}.sr-rail-list{display:flex;flex-direction:column;gap:var(--s-1);max-height:320px;overflow-y:auto}.sr-member{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-1) 0}.sr-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--chau-hong);color:#fff;font-weight:700;font-size:.82rem;display:flex;align-items:center;justify-content:center}.sr-member-name{flex:1;min-width:0;font-size:.88rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.sr-status--focus{background:var(--chau-hong)}.sr-status--break{background:var(--hoang-kim)}.sr-status--done{background:var(--thuy-luc)}.sr-done-btn{margin-top:var(--s-1);padding:var(--s-2);border-radius:var(--r-2);border:1px solid var(--border);background:var(--surface);color:var(--text2);font-weight:600;cursor:pointer;font-size:.88rem}.sr-done-btn--on{background:color-mix(in srgb,var(--thuy-luc) 14%,transparent);color:var(--thuy-luc-2);border-color:transparent}.sr-phrase-panel{margin-top:var(--s-5);border-top:1px solid var(--border);padding-top:var(--s-4)}.sr-phrase-log{max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s-1);margin-bottom:var(--s-3);font-size:.88rem}.sr-phrase-hint{color:var(--text-muted, var(--text2));font-size:.85rem;text-align:center;padding:var(--s-2)}.sr-phrase-line{color:var(--text)}.sr-phrase-line strong{color:var(--chau-hong)}.sr-phrase-btns{display:flex;gap:var(--s-2);flex-wrap:wrap}.sr-phrase-btn{padding:var(--s-1) var(--s-3);border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;cursor:pointer;transition:background var(--d-fast)}.sr-phrase-btn:hover{background:color-mix(in srgb,var(--chau-hong) 8%,var(--surface));border-color:var(--chau-hong-3)}@media(max-width:720px){.sr-room-body{grid-template-columns:1fr}.sr-rail{order:2}.sr-rail-list{flex-direction:row;flex-wrap:wrap;max-height:none}.sr-member{width:calc(50% - var(--s-2))}}@media(max-width:420px){.sr-lobby-bar{flex-direction:column;align-items:stretch}.sr-create-btn{width:100%}.sr-field-row{flex-direction:column;gap:0}.sr-member{width:100%}}@media(prefers-reduced-motion:reduce){.sr-card,.sr-modal-overlay{transition:none;animation:none}}