.room-actions{display:grid;justify-items:end;gap:8px}.present-link{padding:8px 11px;border:1px solid #d2def8;border-radius:9px;background:#fff;color:#466ad0;font-size:11px;font-weight:800}

.present-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;padding:clamp(18px,3.8vw,52px);gap:clamp(15px,3vh,30px);overflow:hidden;background:radial-gradient(900px 560px at 0 0,#2b4d91 0,transparent 62%),radial-gradient(700px 500px at 100% 100%,#352a86 0,transparent 66%),linear-gradient(135deg,#111d3b,#1d2860);color:#fff}.present-top,.present-card,.present-note{width:min(100%,1360px);margin-inline:auto}.present-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.present-classroom{display:flex;align-items:center;gap:11px;color:#f5f8ff}.present-classroom i{width:11px;height:11px;border-radius:50%;background:#70e5c1;box-shadow:0 0 15px #70e5c1}.present-classroom strong{display:block;font-size:clamp(15px,1.45vw,20px);letter-spacing:-.03em}.present-classroom small{display:block;margin-top:3px;color:#aabce0;font-size:11px;font-weight:600}.present-code{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(10,18,52,.18);backdrop-filter:blur(10px)}.present-code span{color:#b9c8e5;font-size:10px;font-weight:700}.present-code b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.1em}

.present-card{align-self:center;padding:clamp(24px,4.2vw,58px);border:1px solid rgba(255,255,255,.15);border-radius:clamp(22px,3vw,34px);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:0 28px 76px rgba(3,10,34,.28);backdrop-filter:blur(14px)}.present-card--waiting{display:grid;min-height:clamp(450px,64vh,660px);place-items:center}.present-card-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.present-kicker{display:inline-flex;align-items:center;padding:8px 11px;border-radius:9px;background:rgba(216,228,255,.13);color:#d7e4ff;font-size:clamp(11px,1.1vw,14px);font-weight:800}.present-kicker.live{background:rgba(57,208,157,.16);color:#a8f4d7}.present-kicker.live:before{width:7px;height:7px;margin-right:7px;border-radius:50%;background:#6cf0be;box-shadow:0 0 10px #6cf0be;content:""}.present-answer-count{display:flex;align-items:baseline;gap:4px;color:#cedbf3}.present-answer-count b{color:#fff;font-size:clamp(21px,2vw,30px);line-height:1}.present-answer-count span{font-size:clamp(12px,1.2vw,15px);font-weight:800}.present-question-heading{margin-top:clamp(24px,4vh,48px)}.present-question-heading>span{display:block;color:#a9bce2;font-size:clamp(11px,1.15vw,14px);font-weight:800;letter-spacing:.03em}.present-card h1{max-width:1120px;margin:10px 0 0;color:#fff;font-family:"Noto Sans KR",sans-serif;font-size:clamp(39px,5.15vw,70px);font-weight:900;line-height:1.18;letter-spacing:-.07em}

.present-bars{display:grid;gap:clamp(11px,1.65vw,18px);margin-top:clamp(30px,5vh,54px)}.present-row{display:grid;grid-template-columns:minmax(185px,1.05fr) minmax(260px,4fr) 58px;align-items:center;gap:clamp(12px,1.8vw,22px)}.present-row-label{display:flex;align-items:baseline;justify-content:space-between;gap:11px;min-width:0}.present-row-label span{overflow:hidden;font-size:clamp(14px,1.45vw,20px);font-weight:800;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.present-row-label strong{flex:0 0 auto;color:#b2c8ff;font-size:clamp(16px,1.75vw,24px);letter-spacing:-.04em}.present-track i{display:block;height:clamp(17px,2vw,27px);overflow:hidden;border-radius:99px;background:rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.08)}.present-track i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#779ff8,#7363e6);box-shadow:0 5px 13px rgba(83,114,230,.22);transition:width .4s}.present-row.top .present-track i b{background:linear-gradient(90deg,#5cdbb4,#74b8f3)}.present-row small{color:#c3d1ea;font-size:clamp(12px,1.15vw,15px);font-weight:700;text-align:right}
.present-multiple-note{margin:14px 0 0;color:#a9bbdd;font-size:clamp(11px,1vw,13px);font-weight:700;text-align:center}

.present-texts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);margin-top:clamp(28px,4vh,44px)}.present-texts blockquote{min-height:112px;margin:0;padding:clamp(17px,2vw,26px);border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.09);color:#f3f7ff;font-size:clamp(16px,1.6vw,23px);line-height:1.62;box-shadow:0 12px 28px rgba(4,12,37,.12)}.present-texts p{grid-column:span 2;margin:12px 0 0;color:#c5d2ea;text-align:center}.present-answer-name{display:block;margin-bottom:7px;color:#a9c2ff;font-size:.62em;font-weight:800;letter-spacing:.01em}

.present-wait{text-align:center}.present-wait>div{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 25px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);color:#a7c1f9;font-size:42px;font-weight:900}.present-wait h1{margin:0;font-family:"Noto Sans KR",sans-serif;font-size:clamp(37px,5vw,66px);font-weight:900;line-height:1.2;letter-spacing:-.07em}.present-wait h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#a5eafb,#d0d8ff);background-clip:text}.present-wait p{margin:18px 0 0;color:#c2d1ea;font-size:16px}.present-note{color:#aebfdc;font-size:11px;text-align:center}

.present-card .present-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:clamp(27px,4vh,43px)}.present-card .present-nav a{min-width:124px;padding:11px 14px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:12px;font-weight:800;text-align:center;transition:background .16s,transform .16s}.present-card .present-nav a:not(.disabled):hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.present-card .present-nav a.disabled{opacity:.3;pointer-events:none}.present-card .present-nav span{display:grid;place-items:center;min-width:48px;color:#d3def3;font-size:13px;font-weight:900}.present-arrow-hint{margin:10px 0 0;color:#98abd0;font-size:11px;text-align:center}

@media(max-width:780px){.room-actions{justify-items:stretch;margin-top:16px}.present-link{text-align:center}.present-shell{padding:16px 14px;gap:16px}.present-top{align-items:flex-start}.present-classroom{gap:8px}.present-classroom i{width:9px;height:9px}.present-classroom strong{font-size:15px}.present-classroom small{font-size:10px}.present-code{gap:6px;padding:7px 8px}.present-code span{display:none}.present-code b{font-size:11px}.present-card{align-self:start;padding:24px 18px;border-radius:22px}.present-card--waiting{min-height:calc(100dvh - 140px)}.present-card-top{gap:10px}.present-kicker{padding:7px 9px;font-size:10px}.present-answer-count b{font-size:24px}.present-answer-count span{font-size:12px}.present-question-heading{margin-top:25px}.present-question-heading>span{font-size:10px}.present-card h1{font-size:clamp(30px,9vw,38px);line-height:1.23;letter-spacing:-.065em}.present-bars{gap:15px;margin-top:31px}.present-row{grid-template-columns:minmax(0,1fr) 42px;gap:7px 10px}.present-row-label{grid-column:1;gap:8px}.present-row-label span{font-size:14px;white-space:normal}.present-row-label strong{font-size:17px}.present-track{grid-column:1/-1;grid-row:2}.present-track i{height:18px}.present-row small{grid-column:2;grid-row:1;font-size:11px}.present-multiple-note{margin-top:12px;font-size:11px}.present-texts{grid-template-columns:1fr;gap:11px;margin-top:27px}.present-texts blockquote{min-height:0;padding:16px;font-size:16px}.present-texts p{grid-column:auto}.present-card .present-nav{gap:7px;margin-top:30px}.present-card .present-nav a{min-width:84px;padding:10px 8px;font-size:11px}.present-card .present-nav span{min-width:40px;font-size:12px}.present-arrow-hint{display:none}.present-wait>div{width:68px;height:68px;margin-bottom:21px;font-size:34px}.present-wait h1{font-size:34px}.present-wait p{font-size:14px}.present-note{font-size:10px}}
@media(min-width:781px) and (max-height:800px){.present-shell{padding-block:22px;gap:14px}.present-card{padding:26px 42px}.present-question-heading{margin-top:20px}.present-card h1{font-size:clamp(38px,4.6vw,58px)}.present-bars{gap:10px;margin-top:24px}.present-track i{height:20px}.present-card .present-nav{margin-top:19px}.present-arrow-hint{margin-top:7px}.present-note{font-size:10px}}
@media(max-width:360px){.present-shell{padding-inline:10px}.present-card{padding-inline:15px}.present-card .present-nav a{min-width:77px}.present-row-label span{font-size:13px}.present-card h1{font-size:29px}}