@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600;700&display=swap";.page{max-width:1100px;margin:0 auto;padding:24px 16px 120px;display:flex;flex-direction:column;gap:20px}.hero{display:grid;gap:16px;padding:24px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(135deg,#fff8ecf2,#f6e4caf2);box-shadow:var(--shadow);animation:rise .5s ease}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.logo{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}h1,h2,h3{font-family:"Noto Serif SC",serif;margin:0}h1{font-size:28px;line-height:1.25}h2{font-size:22px}h3{font-size:18px}p{margin:4px 0}.muted{color:var(--muted)}.small{font-size:12px}.surface{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.panel{padding:18px;display:flex;flex-direction:column;gap:16px;position:relative}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card{background:#fffdf9;border:1px solid var(--border);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 20px #1c0f0a0f;animation:rise .45s ease}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:14px;padding:10px 14px;font-size:15px;font-weight:600;background:#f7f1e8;color:var(--ink);cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}.btn.small{padding:6px 10px;font-size:12px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 10px 20px #b4373740}.btn.secondary{background:#f6e9db;color:#5a3a2d;border:1px solid #e7d7c5}.btn.warning{background:#e6a23c;color:#3d2b12}.btn.danger{background:#8f2626;color:#fff}.btn.ghost{background:transparent;border-color:transparent}.badge{display:inline-flex;align-items:center;gap:4px;background:#f2e6d8;color:#5b3b2c;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge.online{background:#1a7d4b26;color:#1a7d4b}.badge.offline{background:#8f262626;color:#8f2626}.badge.connecting{background:#e6a23c33;color:#8a4a0d}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#efe4d8;color:#5d4333}.tag.day{background:#e6a23c33;color:#8a4a0d}.tag.night{background:#1d2a3b33;color:#1d2a3b}.hall-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hall-card .hall-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.timestamp{font-size:12px;color:var(--muted)}.toast{position:sticky;top:12px;align-self:flex-start;background:#fff0ea;border:1px solid #f0c9bc;color:#8f2626;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);z-index:5}.form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,select{padding:10px 12px;border-radius:12px;border:1px solid #e1d3c3;font-size:15px;background:#fffdf9;color:var(--ink)}input:disabled,select:disabled{background:#f3ede4;color:#948374}.success{color:var(--success);font-weight:600}.error{color:var(--danger);font-weight:600}.hall-panel{position:relative}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.night-banner{background:#1d2a3b1a;border:1px solid rgba(29,42,59,.2);color:#1d2a3b;padding:10px 14px;border-radius:14px;text-align:center;font-weight:600}.button-row{display:flex;flex-wrap:wrap;gap:12px}.hall-grid-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.roster-card{grid-column:span 4}.chat-card{grid-column:span 8}.request-card,.bulletin-card{grid-column:span 4}.archive-card{grid-column:span 12}.roster{display:flex;flex-direction:column;gap:10px}.roster-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:#f7f1e8;border:1px solid #efe1d1}.roster-actions{display:flex;align-items:center;gap:8px}.message-list{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;background:#f9f3ea;border:1px solid var(--border);border-radius:12px;padding:12px}.message-list.compact{max-height:200px}.message{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px}.message-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:4px}.message-form{display:flex;gap:10px;align-items:center}.message-form input{flex:1}.request-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.checkbox{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.checkbox input{accent-color:var(--accent)}.checkbox.disabled{opacity:.6}.request-status{display:flex;flex-direction:column;gap:8px}.status-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:12px;border:1px dashed #e7d7c5;background:#fdf6ed}.bulletin-preview{display:flex;flex-direction:column;gap:8px}.bulletin-item{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}.session-list{display:flex;flex-direction:column;gap:10px}.session-item{border:1px solid #e7d7c5;border-radius:12px;padding:10px;background:#fdf6ed}.session-item summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;list-style:none}.session-item summary::-webkit-details-marker{display:none}.session-body{display:flex;flex-direction:column;gap:8px;margin-top:8px}.night-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#121823b3;color:#f8f3ea;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-weight:600;letter-spacing:.04em;border-radius:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17151099;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30;animation:fadeIn .3s ease}.modal{width:min(420px,92vw);background:#fffdf7;border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 40px #00000040;padding:18px;display:flex;flex-direction:column;gap:12px}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-body{display:flex;flex-direction:column;gap:8px}.drawer{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(720px,92vw);background:#fffdf9;border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 40px #0003;padding:16px;display:flex;flex-direction:column;gap:12px;z-index:25;animation:rise .35s ease}.drawer-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.drawer-body{display:flex;flex-direction:column;gap:12px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.hall-grid-layout{grid-template-columns:1fr}.roster-card,.chat-card,.request-card,.bulletin-card,.archive-card{grid-column:span 1}.message-form{flex-direction:column;align-items:stretch}.hero-actions,.button-row{flex-direction:column}.btn{width:100%}}:root{font-family:Noto Sans SC,sans-serif;line-height:1.5;color:var(--ink);background-color:var(--canvas);--ink: #2b1e1b;--muted: #6f5f54;--canvas: #f6efe5;--surface: #fff7ed;--border: #e3d6c6;--accent: #b43737;--danger: #8f2626;--success: #1a7d4b;--shadow: 0 12px 30px rgba(32, 20, 16, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(180,55,55,.15),transparent 45%),radial-gradient(circle at 80% 0%,rgba(230,162,60,.18),transparent 40%),linear-gradient(180deg,#f7f1e8,#f1e8db);color:var(--ink)}a{color:inherit}button,input,select{font-family:inherit}