/* A calm, playful classroom. Existing actions and room data are unchanged. */
body{background:radial-gradient(ellipse at 10% 0,#ece6ff,transparent 45%),#f7f8fc;color:#292842;font-family:'Gowun Dodum',system-ui,sans-serif}
main{max-width:1100px;padding:34px 24px 100px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#eeeafa;border:1px solid #e3dcf5;border-radius:32px;padding:40px;min-height:240px}
.hero h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.055em;line-height:1.2;max-width:750px}
.hero h1 strong{color:#694bc3}.hero p{line-height:1.8}.hero .brand{font-size:.85rem}
.journey{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;max-width:65%}.journey span{background:#ffffffb8;padding:8px 12px;border-radius:30px;color:#625583;font-size:12px;letter-spacing:0}
.class-art{position:absolute;right:40px;top:34px;width:220px;transform:rotate(-7deg);z-index:-1;opacity:.85}.mini-board{background:#356c62;border:8px solid #d6bc95;border-radius:12px;padding:20px 8px;color:#fff;font:12px system-ui;text-align:center;box-shadow:0 8px 0 #d6bc9533}.desk-row{display:flex;justify-content:space-around;margin-top:20px}.desk-row i{width:48px;height:32px;background:#f8cd87;border:3px solid #d9a762;border-radius:9px;box-shadow:0 7px 0 #c59664,0 12px 9px #44332218}.desk-row:nth-child(3) i{background:#b8dbce;border-color:#86bca9;box-shadow:0 7px 0 #76a994}
.card{border:1px solid #e6e5ef;box-shadow:0 8px 28px #29234506;border-radius:24px;padding:28px;margin:20px 0}.card h2{font-size:1.3rem;letter-spacing:-.04em;margin-top:0}
.choices{background:transparent;padding:0;border:0;box-shadow:none;gap:16px}.choices button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:26px;min-height:180px;border-radius:24px;background:#fff;color:#343048;border:1px solid #e3dfef;box-shadow:0 6px 20px #34236207}.choices #teacher{background:#6b4dc5;color:white;border-color:#6b4dc5}.choice-icon{font-size:26px;border-radius:14px;background:#ede8ff;color:#7254bd;width:48px;height:48px;display:grid;place-items:center}.choices #teacher .choice-icon{background:#ffffff26;color:white}.choices small{font-size:13px;font-weight:400;opacity:.85}.choices b{font-size:19px}
button,.download{background:#6b4dc5;box-shadow:none;transition:background .15s,box-shadow .15s;min-height:44px}.secondary{background:#eeeaf9;color:#594295}.danger{background:#ae3546;color:white}button:hover:not(:disabled),.download:hover{box-shadow:0 5px 18px #6347ad25}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #df9a35;outline-offset:3px}
input,textarea,select{font:inherit;width:100%;min-height:46px;padding:12px;border:1px solid #dcd8e8;border-radius:12px;background:#fcfbff}input:focus,textarea:focus,select:focus{outline:2px solid #ae9adc;outline-offset:1px}.check input{width:auto;min-height:auto}
.qr{gap:24px;background:linear-gradient(110deg,#eff8f4,#fff)}.qr img{padding:8px;border:1px solid #e0e9e3;border-radius:16px}.badge{background:#ede7fb;color:#5c419c}.room-head{align-items:center}.actions{align-items:center;gap:10px}
.seat-grid,.bid-seat-grid{overflow-x:auto;padding:8px 4px 18px;gap:10px;grid-auto-rows:76px;scrollbar-color:#c9bbdf #f4f1fa}.seat,.bid-seat{min-width:64px;min-height:68px;border:2px solid #d5e5dd;border-bottom-width:5px;border-radius:15px;background:#edf6f1;color:#365e50;box-shadow:none;font-size:13px;align-items:center}.seat.sale{background:#edf6f1;border-color:#b2d2c1}.seat.confirmed{background:#eae6f8;border-color:#b5a5d7;color:#584280}.seat.mine,.seat.confirmed.mine{background:#fff0c9;border-color:#e2bd68;color:#795b23}.seat .name{width:100%;text-align:center}.seat small{font-size:10px}.seat.excluded{border-color:#d7d5db;color:#8e8997;background:repeating-linear-gradient(135deg,#f1f0f4,#f1f0f4 6px,#e9e8ed 6px,#e9e8ed 12px)}.bid-seat.selected{background:#6b4dc5;border-color:#503692;color:white}.role{background:#faf9fd;border:1px solid #e2dced;border-radius:18px;padding:20px}.role b{font-size:17px}.member{padding:14px 8px}.member span{color:#7759ab;font-weight:bold}
.modal{z-index:300;background:#28223c80;backdrop-filter:blur(5px)}.modal .card{box-shadow:0 24px 80px #20183130}.notice{z-index:400}.site-footer{max-width:1050px;margin:-58px auto 0;padding-bottom:100px;line-height:1.9}.service-switcher{z-index:40}
@media(max-width:700px){main{padding:16px 14px 100px}.hero{padding:26px 22px;min-height:200px}.class-art{right:-45px;top:30px;opacity:.18}.journey{max-width:100%;gap:5px}.journey span{font-size:10px;padding:7px 9px}.choices{gap:10px}.choices button{min-height:110px;padding:20px;display:grid;grid-template-columns:48px 1fr;column-gap:16px;row-gap:5px}.choice-icon{grid-row:span 2}.choices small{grid-column:2}.card{padding:20px}.seat-grid{grid-auto-rows:76px}.seat{min-height:68px}.qr{align-items:center}.qr img{width:112px;height:112px}.qr h2{font-size:17px}.qr p{font-size:12px}.room-head .actions{margin-top:18px}.hero h1{overflow-wrap:anywhere}.aisle{margin-left:10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.timer.warning{animation:none}}