:root{--bg:#f7f2ea;--text:#3a2a1d;--muted:#7a6655;--border:#ddccb9;--surface:#fffaf3}.room-dark{--bg:#181411;--text:#f4e9da;--muted:#c7b8a6;--border:#4c3f34;--surface:#221c17}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text)}body{background:var(--bg);display:flex;justify-content:center;align-items:stretch}#__next,body{min-height:100vh}#__next,.app{width:100%}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));min-height:100vh}.panel{padding:4rem clamp(2rem,5vw,5rem);display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid var(--border);background:var(--surface);border-radius:20px}.panel:last-child{border-right:none}h1{font-size:clamp(2rem,3vw,2.8rem);letter-spacing:.02em}h2{font-size:1.2rem;letter-spacing:.03em}.subtitle{color:var(--muted);font-size:.95rem;max-width:32rem}.card{border:1px solid var(--border);padding:1.6rem;gap:1rem;background:var(--surface);border-radius:18px}.card,.field{display:flex;flex-direction:column}.field{gap:.4rem;font-size:.9rem}input{border:1px solid var(--border);padding:.7rem .8rem;font-size:.95rem;background:transparent;border-radius:12px}input:focus{outline:1px solid var(--text)}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.btn{border:1px solid var(--text);background:var(--text);color:var(--bg);padding:.7rem 1.2rem;font-size:.95rem;cursor:pointer;border-radius:999px}.btn.ghost{background:transparent;color:var(--text)}.btn:disabled{opacity:.65;cursor:not-allowed}.divider{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;text-align:center;color:var(--muted)}.hidden{display:none!important}.room-active #auth-view,.room-active #dashboard-view{display:none}.dashboard,.room-active #table-view{display:flex}.dashboard{min-height:100vh;padding:2.5rem clamp(1.5rem,5vw,4rem);flex-direction:column;gap:2rem;background:var(--bg)}.dash-header{justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:1.2rem}.dash-header,.user-actions{display:flex;align-items:center}.user-actions{gap:1.2rem}.logo{width:clamp(180px,28vw,300px);height:auto;display:block}.user-chip{text-align:right;font-size:.85rem}.user-name{font-weight:600}.dash-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem}.room-history-section{margin-top:1.5rem}.room-history-empty{color:var(--muted);font-size:.9rem}.room-history-list{display:flex;flex-direction:column;gap:0}.room-history-item{border-top:1px solid var(--border);padding:.65rem 0;display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.room-history-item:last-child{border-bottom:1px solid var(--border)}.room-history-name{font-size:.95rem;font-weight:600}.room-history-time{font-size:.8rem;color:var(--muted);white-space:nowrap}.table-view{min-height:100vh;padding:2.5rem clamp(1.5rem,5vw,4rem);display:flex;flex-direction:column;gap:2rem;background:var(--bg)}.table-logo{width:clamp(200px,20vw,250px);height:auto;display:block}.table-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:1.2rem}.table-header-main{display:flex;align-items:center;gap:1rem}.table-title{font-size:1.4rem;letter-spacing:.02em}.room-code-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.3rem}.table-code{font-size:1.05rem;color:var(--muted);letter-spacing:.04em;text-transform:none}.room-copy-btn{padding:.35rem .8rem;font-size:.8rem}.table-created-at{margin-top:.45rem;color:var(--muted);font-size:.84rem}.table-actions{display:flex;align-items:center;gap:1rem}.table-timer{min-width:170px;text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:.5rem .8rem;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:600;letter-spacing:.08em}.table-body{flex:1 1}.table-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:1.2rem;gap:1.2rem;min-height:calc(100vh - 190px)}.table-center{border:1px solid var(--border);background:var(--surface);padding:1.2rem;border-radius:20px}.table-center,.table-stage{display:flex;align-items:center;justify-content:center}.table-stage{width:min(680px,100%);aspect-ratio:4/3;border:1px dashed var(--border);flex-direction:column;gap:.5rem;border-radius:18px;padding:.9rem}.table-stage-title{font-size:1.15rem;letter-spacing:.04em}.table-image{width:min(520px,100%);max-height:70%;object-fit:contain;border-radius:14px}.table-stage-note{color:var(--muted);font-size:.92rem}.table-corner{gap:.9rem}.mini-widget,.table-corner{display:flex;flex-direction:column}.mini-widget{border:1px solid var(--border);background:var(--surface);padding:.9rem;gap:.55rem;border-radius:16px}.mini-title{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}#music-player{width:100%;height:34px}.music-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:.45rem;gap:.45rem}.music-mode-btn.is-on{background:var(--text);color:var(--bg)}.music-volume{display:flex;flex-direction:column;gap:.25rem}.music-volume-label{font-size:.8rem;color:var(--muted)}.volume-steps{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-gap:.25rem;gap:.25rem;touch-action:none}.volume-step{border:1px solid var(--border);background:var(--surface);height:20px;border-radius:4px;cursor:pointer}.volume-step.is-active{border-color:var(--text);background:var(--text)}.volume-step:focus-visible{outline:1px solid var(--text);outline-offset:2px}.chat-widget{min-height:0}.chat-log{border:1px solid var(--border);min-height:120px;max-height:200px;overflow-y:auto;padding:.55rem;display:flex;flex-direction:column;gap:.45rem;border-radius:12px}.chat-empty{color:var(--muted);font-size:.85rem}.chat-compose{display:flex;gap:.45rem}.chat-cooldown{color:var(--muted);font-size:.8rem}.chat-compose input{flex:1 1;min-width:0;padding:.55rem .6rem;font-size:.87rem}.chat-message{border:1px solid var(--border);padding:.45rem .5rem;display:flex;flex-direction:column;gap:.2rem;background:var(--bg);border-radius:10px}.chat-message.own{border-color:var(--text)}.chat-message-meta{font-size:.68rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem}.chat-message-text{font-size:.82rem;white-space:pre-wrap;word-break:break-word}.modal-overlay{position:fixed;inset:0;background:rgba(58,42,29,.35);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal-overlay.hidden{display:none}.modal-card{width:min(560px,100%);border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem}.modal-card h3{font-size:1.2rem}.modal-message{color:var(--text);font-size:.96rem;line-height:1.4}.modal-tip{color:var(--muted);font-size:.9rem;border-top:1px dashed var(--border);padding-top:.65rem}@media (max-width:720px){.panel{border-right:none;border-bottom:1px solid var(--border)}.btn{border-radius:10px}.dash-header,.table-header{flex-direction:column;align-items:flex-start;gap:.9rem}.table-actions,.user-actions{width:100%;justify-content:space-between}.table-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;align-items:stretch}.table-actions .btn{width:100%;justify-self:stretch}.table-actions .table-timer{grid-column:1/-1;width:100%;min-width:0;font-size:clamp(1rem,7vw,1.4rem);letter-spacing:.04em;padding:.45rem .65rem}.user-chip{text-align:left}.table-main{grid-template-columns:1fr;min-height:auto}.volume-step{height:24px}}