/* 읽기 전용 비상 홈페이지의 반응형 연보라 테마를 정의한다. */
:root{color-scheme:light;--ink:#2f2940;--muted:#7c728f;--line:#e7dbf4;--purple:#8e62cf;--pale:#f7f2fc;--card:#fff;--danger:#a73c68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbf8ff,#f3ecfa);min-height:100vh}.emergency{background:#4c315f;color:#fff;text-align:center;padding:9px 16px;font-size:13px;font-weight:700}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px max(24px,calc((100% - 1280px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}a{color:inherit;text-decoration:none}.brand{font:800 27px Georgia,serif;letter-spacing:2px;color:#6f3fae}nav{display:flex;gap:30px;font-weight:700}nav a:hover{color:var(--purple)}main{width:min(1280px,calc(100% - 32px));margin:auto;padding:28px 0 70px}.view{display:none}.view.active{display:block}.hero{border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #6f3fae22;background:#2a152f}.hero img{display:block;width:100%;aspect-ratio:2.88/1;object-fit:cover}.intro,.title{text-align:center;padding:34px 10px}.intro span,.title span{color:var(--purple);font-weight:800;letter-spacing:3px}.intro h1,.title h1{font:800 clamp(32px,5vw,58px) Georgia,serif;margin:8px}.intro p,.title p{color:var(--muted)}.surface,.group,.signature-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px #6f3fae0d}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.group{padding:22px}.group h2{margin:0 0 16px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 3px;border-top:1px solid #eee7f5}.list-row:first-of-type{border-top:0}.list-row small{color:var(--muted);white-space:nowrap}.member-group{margin:0 0 28px}.member-group h2{margin:0 0 14px}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.member-card{display:flex;align-items:center;gap:13px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:17px}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#d9c2f2,#9868d1);color:#fff;font-size:20px;font-weight:900}.member-card strong{display:block}.member-card small{color:var(--muted)}.member-card a{margin-left:auto;padding:8px 11px;border-radius:10px;background:var(--pale);color:#7444b1;font-weight:700}.tabs,.search{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 17px}.tabs button,.search select,.search input,.more{border:1px solid #d9c7eb;background:#fff;border-radius:12px;padding:11px 15px;color:var(--ink);font:inherit}.tabs button{cursor:pointer}.tabs button.active{color:#fff;background:var(--purple);border-color:var(--purple)}.search input{flex:1;min-width:220px}.surface{padding:8px 20px}.post{padding:17px 4px;border-bottom:1px solid #eee7f5}.post:last-child{border-bottom:0}.post h3{margin:0 0 7px}.post p{margin:0 0 7px;color:#62586f;white-space:pre-line}.post small{color:var(--muted)}.rank-row{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #eee7f5}.rank-row b:first-child{color:var(--purple);font-size:18px}.rank-row em{font-style:normal;font-weight:800;color:#6f3fae}.signature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.signature-card{overflow:hidden;padding:0 0 14px}.signature-card img{display:block;width:100%;aspect-ratio:1.8/1;object-fit:contain;background:#180f1b}.signature-card h3{font-size:14px;margin:12px 12px 5px}.signature-card h3 b{color:#824abf}.signature-card audio{display:block;width:calc(100% - 20px);height:30px;margin:8px 10px 0}.more{display:block;margin:20px auto;cursor:pointer;color:#7142aa;font-weight:800}.empty,.error{text-align:center;padding:35px;color:var(--muted)}.error{background:#fff1f5;color:var(--danger);border:1px solid #f1c6d5;border-radius:14px}footer{text-align:center;color:var(--muted);padding:30px}.badge{font-size:12px;color:#7844b3;background:#f1e7fa;border-radius:99px;padding:4px 8px}@media(max-width:900px){nav{gap:14px;font-size:14px}.home-grid{grid-template-columns:1fr}.member-grid{grid-template-columns:repeat(2,1fr)}.signature-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header{padding:14px 16px;align-items:flex-start}.brand{font-size:21px}nav{display:grid;grid-template-columns:repeat(3,auto);gap:8px 13px;text-align:center}.hero{border-radius:14px}.hero img{aspect-ratio:2/1}.member-grid{grid-template-columns:1fr}.signature-grid{grid-template-columns:repeat(2,1fr)}.surface{padding:5px 13px}.rank-row{grid-template-columns:38px 1fr}.rank-row em{grid-column:2}.list-row{align-items:flex-start;flex-direction:column;gap:4px}}