:root{--ink:#182239;--muted:#69758a;--line:#e1e6ef;--paper:#f5f7fb;--blue:#365ff3;--purple:#6949d7;--mint:#08a979;--red:#c9455f;--shadow:0 18px 46px rgba(36,52,88,.12)}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);font-family:"Noto Sans KR",sans-serif;background:radial-gradient(950px 540px at -5% -12%,#dceaff 0,transparent 60%),radial-gradient(780px 460px at 108% 5%,#e9e4ff 0,transparent 62%),linear-gradient(#fbfcff,#f3f6fb)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip-link{position:fixed;z-index:30;top:-80px;left:16px;padding:9px 12px;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.skip-link:focus{top:16px}.honeypot{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.flash-stack{position:fixed;z-index:40;top:16px;left:50%;width:min(92%,520px);transform:translateX(-50%)}.flash{padding:12px 15px;border:1px solid;border-radius:12px;box-shadow:var(--shadow);font-size:13px;font-weight:700}.flash.success{border-color:#aae5d1;background:#edfff6;color:#087357}.flash.error{border-color:#ffcbd2;background:#fff3f4;color:#a73c4d}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#dbe9ff;font-size:10px;font-weight:800;letter-spacing:.15em}.eyebrow:before{width:7px;height:7px;border-radius:50%;background:#84e9cc;box-shadow:0 0 10px #84e9cc;content:""}.eyebrow.blue{color:#4670d1}.eyebrow.blue:before{background:#4d81f3;box-shadow:none}.primary-link,.primary-button{display:inline-block;border:0;border-radius:12px;background:linear-gradient(105deg,var(--blue),var(--purple));color:#fff;box-shadow:0 8px 19px rgba(56,71,180,.26);font-size:14px;font-weight:800;cursor:pointer;transition:transform .18s,filter .18s}.primary-link{margin-top:30px;padding:14px 18px}.primary-button{width:100%;margin-top:22px;padding:13px 17px}.primary-link:hover,.primary-button:hover{filter:brightness(1.07);transform:translateY(-2px)}
/* home */.home-shell{width:min(100% - 40px,1120px);margin:auto;padding:30px 0 55px}.brand{display:flex;align-items:center;gap:8px;color:#1c2d50;font-size:15px;font-weight:900;letter-spacing:-.03em}.brand i{color:#4b71ed;font-style:normal;font-size:20px}.home-shell>.brand{justify-content:space-between}.teacher-link{color:#66758e;font-size:12px;font-weight:700}.home-hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;min-height:465px;margin-top:25px;padding:70px;border-radius:32px;overflow:hidden;background:linear-gradient(125deg,#122345,#1f4fa4 53%,#533ed1);box-shadow:0 30px 75px rgba(39,61,130,.27)}.dot-field{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 75%)}.home-hero-copy,.hero-preview{position:relative}.home-hero h1{margin:24px 0 0;color:#fff;font-family:"Black Han Sans",sans-serif;font-size:clamp(38px,5vw,65px);line-height:1.1;letter-spacing:-.06em}.home-hero h1 em,.student-room-card h1 em,.login-card h1 em,.empty-dashboard h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#9feaff,#cfdaff,#edc7f0);background-clip:text}.home-hero p{max-width:490px;margin:22px 0 0;color:#c4d5f1;font-size:15px;line-height:1.8}.hero-preview{align-self:center;padding:23px;border:1px solid rgba(255,255,255,.23);border-radius:22px;background:rgba(255,255,255,.12);box-shadow:0 18px 35px rgba(7,18,53,.23);backdrop-filter:blur(12px)}.preview-top{display:flex;justify-content:space-between;color:#dfeaff;font-size:11px;font-weight:800;letter-spacing:.08em}.preview-top i{width:8px;height:8px;border-radius:50%;background:#73edc1}.hero-preview h2{margin-top:24px;color:#fff;font-size:21px;line-height:1.42;letter-spacing:-.035em}.preview-bars{display:flex;align-items:end;gap:9px;height:85px;margin-top:26px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.2)}.preview-bars span{display:block;flex:1;border-radius:5px 5px 1px 1px;background:rgba(255,255,255,.16)}.preview-bars span:nth-child(1){height:31%}.preview-bars span:nth-child(2){height:48%}.preview-bars span:nth-child(3){height:92%}.preview-bars span:nth-child(4){height:63%}.preview-bars span:nth-child(5){height:37%}.preview-bars b{display:block;height:100%;border-radius:inherit;background:linear-gradient(#a6e9ff,#7265e7)}.hero-preview small{display:block;margin-top:14px;color:#becfec;font-size:11px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.feature-grid article{padding:25px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.78)}.feature-grid b{color:#5279de;font-size:11px;letter-spacing:.1em}.feature-grid h2{margin:12px 0 0;font-size:18px;letter-spacing:-.04em}.feature-grid p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
/* student */.student-shell{width:min(100% - 32px,690px);min-height:100vh;margin:auto;padding:32px 0 48px}.student-top{display:flex;justify-content:space-between;align-items:center;color:#75839a;font-size:12px;font-weight:700}.student-top span{padding:5px 8px;border-radius:7px;background:#e9effe;color:#4b71d6;font-size:11px;letter-spacing:.08em}.join-card,.student-room-card{margin-top:52px;padding:42px;border:1px solid var(--line);border-radius:27px;background:rgba(255,255,255,.91);box-shadow:var(--shadow)}.join-card h1,.student-room-card h1{margin:16px 0 0;font-size:clamp(34px,7vw,49px);line-height:1.16;letter-spacing:-.065em}.join-card h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#376dec,#7254d9);background-clip:text}.join-card p,.student-room-card>p{margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.join-card form{margin-top:28px}label{display:block;color:#5e6b83;font-size:12px;font-weight:700}label+label{margin-top:15px}label small{color:#8b96a9;font-size:10px;font-weight:500}input,textarea,select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #dfe5f0;border-radius:11px;outline:none;background:#fff;color:var(--ink);font-size:14px;transition:border .16s,box-shadow .16s}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#6b94ed;box-shadow:0 0 0 4px #e1eaff}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.room-kicker{display:flex;align-items:center;gap:8px;margin-bottom:23px;color:#5b6982;font-size:12px;font-weight:800}.room-kicker i,.waiting-pulse i{width:8px;height:8px;border-radius:50%;background:#2fc396;box-shadow:0 0 13px #2fc396}.room-kicker small{margin-left:auto;padding:4px 7px;border-radius:6px;background:#f0f3f9;color:#7e8a9c;font-size:10px}.answer-form{margin-top:30px}.answer-options{display:grid;gap:10px}.choice-option{position:relative}.choice-option input{position:absolute;opacity:0}.choice-option span{display:block;padding:14px 17px;border:1px solid var(--line);border-radius:13px;color:#42516b;font-size:14px;font-weight:700;transition:.15s}.choice-option input:checked+span{border-color:#6c92ee;background:#eff4ff;color:#2e60d1;box-shadow:0 0 0 3px #e0eaff}.scale-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.scale-options label{position:relative}.scale-options input{position:absolute;opacity:0}.scale-options span{display:grid;place-items:center;height:52px;border:1px solid var(--line);border-radius:11px;color:#68768e;font-size:17px;font-weight:800}.scale-options input:checked+span{border-color:#755fdf;background:#f1eeff;color:#5b46ca;box-shadow:0 0 0 3px #e8e3ff}.scale-copy{display:flex;justify-content:space-between;margin:7px 1px 0;color:#8994a5;font-size:10px}.short-answer{font-size:14px;color:#33425d}.response-note{margin:13px 0 0;color:#909aab;font-size:11px;text-align:center}.waiting-shell{background:radial-gradient(500px 300px at 50% 15%,#dce9ff,transparent 75%)}.waiting-mark{display:grid;place-items:center;width:62px;height:62px;margin-bottom:18px;border-radius:50%;background:#e7edff;color:#5275e4;font-size:34px;font-weight:900}.waiting-pulse{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding:12px;border-radius:11px;background:#f0fbf7;color:#30876e;font-size:12px;font-weight:700}
/* login */.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(850px 500px at 8% 0,#345da7 0,transparent 65%),linear-gradient(125deg,#111f3b,#3730a3)}.login-card{width:min(100%,440px);padding:42px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(255,255,255,.1);color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.27);backdrop-filter:blur(18px)}.login-card>a{color:#c2d2f1;font-size:12px;font-weight:700}.login-card .eyebrow{margin-top:30px}.login-card h1{margin:20px 0 0;font-family:"Black Han Sans",sans-serif;font-size:45px;line-height:1.1;letter-spacing:-.06em}.login-card p{margin:16px 0 0;color:#c2d2ef;font-size:14px;line-height:1.75}.login-card form{margin-top:28px}.login-card label{color:#e0e9fb}.login-card input{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.95)}
/* teacher */.teacher-shell{width:min(100% - 36px,1320px);margin:auto;padding:28px 0 55px}.teacher-top{display:flex;align-items:center;justify-content:space-between}.teacher-top>div{display:flex;align-items:center;gap:13px}.teacher-top>div>span{color:#7d899d;font-size:12px}.teacher-top form button{border:0;background:none;color:#76839a;font-size:12px;cursor:pointer}.teacher-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;margin-top:26px}.room-sidebar{align-self:start;padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72)}.sidebar-title{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 13px;color:#6a7890;font-size:11px;font-weight:800;letter-spacing:.08em}.sidebar-title small{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eaf0ff;color:#4f75d5;font-size:10px}.room-sidebar nav{display:grid;gap:4px}.room-sidebar nav a{display:block;padding:11px;border-radius:10px;transition:.15s}.room-sidebar nav a:hover{background:#f1f5ff}.room-sidebar nav a.active{background:#e9efff}.room-sidebar nav b{display:block;font-size:12px;letter-spacing:-.03em}.room-sidebar nav a.active b{color:#315ecc}.room-sidebar nav span{display:block;margin-top:3px;color:#94a0b2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.08em}.room-sidebar nav p{margin:12px 4px;color:#929caf;font-size:11px}.new-room{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.new-room summary{color:#496ed1;font-size:12px;font-weight:800;cursor:pointer}.new-room form{margin-top:12px}.new-room form button{width:100%;margin-top:9px;padding:9px;border:0;border-radius:9px;background:#eaf0ff;color:#456bd0;font-size:12px;font-weight:800;cursor:pointer}.teacher-main{min-width:0}.room-header{display:flex;justify-content:space-between;gap:18px;align-items:start;padding:4px 2px 24px}.room-header h1{margin:12px 0 0;font-size:32px;letter-spacing:-.06em}.room-header p{margin:8px 0 0;color:#7c899d;font-size:12px}.room-header p b{color:#3e68d0}.join-box{min-width:255px;padding:12px 14px;border:1px solid #d7e2fb;border-radius:13px;background:#f8faff}.join-box small{display:block;color:#78879d;font-size:10px;font-weight:700}.join-box b{display:block;margin-top:2px;color:#315fc7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:21px;letter-spacing:.13em}.join-box input{margin-top:8px;padding:6px 8px;border-color:#e1e7f2;color:#7b879a;font-size:10px}.question-maker{border:1px solid #d9e3f7;border-radius:17px;background:#f9fbff}.question-maker summary{display:flex;align-items:center;gap:8px;padding:17px;color:#345fc2;font-size:14px;font-weight:900;cursor:pointer}.question-maker summary span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#dfeaff}.question-maker form{padding:0 17px 18px}.maker-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:13px}.question-maker label[data-choice-options]{margin-top:13px}.question-maker textarea{min-height:84px}.question-maker .primary-button{width:auto;margin-top:16px;padding:10px 15px}.list-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 13px}.list-title h2{font-size:18px;letter-spacing:-.04em}.live-indicator{display:flex;align-items:center;gap:6px;color:#258568;font-size:11px;font-weight:800}.live-indicator i{width:7px;height:7px;border-radius:50%;background:#32c294;box-shadow:0 0 9px #32c294}.question-list{display:grid;gap:13px}.question-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 4px 15px rgba(50,70,110,.05)}.question-card.open{border-color:#abc3fd;box-shadow:0 9px 22px rgba(58,95,205,.11)}.question-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.question-top>div:first-child{display:flex;align-items:center;gap:9px}.status{padding:5px 7px;border-radius:6px;font-size:10px;font-weight:800}.status.open{background:#e1f8f0;color:#148162}.status.draft{background:#edf1f7;color:#718095}.status.closed{background:#f2efff;color:#6653c1}.question-top small{color:#8a96a8;font-size:10px}.question-actions form{margin:0}.question-actions button{padding:7px 10px;border:0;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}.question-actions .open{background:#e9efff;color:#3765cb}.question-actions .close{background:#fff1f2;color:#ae4354}.question-card h3{margin:14px 0 0;font-size:17px;line-height:1.5;letter-spacing:-.035em}.result-bars{display:grid;gap:10px;margin-top:19px}.result-row{display:grid;grid-template-columns:minmax(90px,1fr) 3fr 57px;align-items:center;gap:10px}.result-row>span{overflow:hidden;color:#58667f;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.result-row i{height:10px;overflow:hidden;border-radius:99px;background:#eaf0fb}.result-row i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#86aafb,#4a67df)}.result-row.top i b{background:linear-gradient(90deg,#5cd4b2,#239e78)}.result-row strong{color:#42516c;font-size:11px;text-align:right}.result-row strong small{margin-left:3px;color:#939eaf;font-size:10px}.text-results{display:grid;gap:7px;max-height:260px;margin-top:18px;overflow:auto}.text-results blockquote{margin:0;padding:10px 12px;border-left:3px solid #97b0f1;border-radius:0 9px 9px 0;background:#f6f9ff;color:#4a5972;font-size:12px;line-height:1.6}.text-results blockquote small{display:block;margin-bottom:3px;color:#5475cc;font-size:10px;font-weight:800}.text-results p{margin:10px 0;color:#98a2b2;font-size:12px}.empty-questions,.empty-dashboard{padding:60px 28px;border:1px dashed #cbd6e8;border-radius:20px;background:rgba(255,255,255,.45);text-align:center}.empty-questions div{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;background:#e8efff;color:#5e7ee1;font-size:28px;font-weight:800}.empty-questions h2{margin:16px 0 0;font-size:19px;letter-spacing:-.04em}.empty-questions p,.empty-dashboard p{max-width:400px;margin:9px auto 0;color:#7e8b9f;font-size:13px;line-height:1.7}.empty-dashboard{margin-top:65px;padding:70px}.empty-dashboard>span{color:#7394eb;font-size:25px}.empty-dashboard h1{margin:17px 0 0;font-size:38px;line-height:1.17;letter-spacing:-.06em}.empty-dashboard h1 em{background:linear-gradient(90deg,#3867d5,#6f54d8);background-clip:text}
@media(max-width:780px){.home-shell{width:min(100% - 28px,1120px);padding-top:20px}.home-hero{grid-template-columns:1fr;gap:30px;min-height:0;padding:42px 28px}.hero-preview{max-width:310px}.feature-grid{grid-template-columns:1fr}.student-shell{padding-top:22px}.join-card,.student-room-card{margin-top:32px;padding:28px 22px}.teacher-shell{width:min(100% - 24px,1320px);padding-top:18px}.teacher-layout{grid-template-columns:1fr}.room-sidebar{padding:13px}.room-sidebar nav{display:flex;overflow:auto}.room-sidebar nav a{min-width:150px}.new-room{margin-top:10px}.room-header{display:block}.join-box{margin-top:20px}.maker-grid{grid-template-columns:1fr}.result-row{grid-template-columns:86px 1fr 49px}.question-card{padding:16px}.teacher-top>div>span{display:none}.empty-dashboard{margin-top:25px;padding:50px 20px}.scale-options span{height:45px}.login-card{padding:32px 25px}}

/* Choice response feedback */
.primary-button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.56;box-shadow:none;transform:none}.primary-button:disabled:hover{filter:grayscale(.35);transform:none}.choice-selection-note{margin:20px 0 11px;padding:10px 12px;border:1px solid #dce6f8;border-radius:10px;background:#f7f9ff;color:#5e6f91;font-size:12px;font-weight:700;line-height:1.45}.choice-selection-note.multiple{border-color:#d8d4fb;background:#faf9ff;color:#6253a6}.choice-option .choice-option-card{display:flex;align-items:center;gap:11px;padding:14px 17px}.choice-option .choice-check{display:grid;flex:0 0 auto;width:19px;height:19px;place-items:center;border:1.5px solid #c7d1e3;border-radius:50%;color:transparent;font-size:12px;font-style:normal;line-height:1;transition:.15s}.answer-options--multiple .choice-check{border-radius:6px}.choice-option b{flex:1;color:inherit;font-size:14px;font-weight:700}.choice-option input:checked+.choice-option-card .choice-check{border-color:#4673df;background:#4673df;color:#fff}.choice-option input:focus-visible+.choice-option-card{outline:3px solid #d2e0ff;outline-offset:2px}