@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css";:root{color-scheme:light;font-family:Pretendard Variable,Noto Sans KR,sans-serif;--bg: #f6f7fb;--surface: #ffffff;--surface-muted: #f3f4f8;--border: #e3e6ee;--border-strong: #cfd3df;--text: #1b1f2a;--text-soft: #5a6172;--text-muted: #8a8f9d;--alert-amber: #f59e0b;--alert-red: #ef4444;background:var(--bg);color:var(--text)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{min-height:100vh}button,input{font:inherit;color:inherit}button{border:0;cursor:pointer;background:none}#app{min-height:100vh}.shell{width:min(96vw,calc((100vh - 24px) * 1.7777778));min-height:min(calc(96vw / 1.7777778),calc(100vh - 24px));margin:12px auto;position:relative}.shell--landing,.shell--room{display:flex;align-items:stretch;justify-content:center}.landing-card,.screen{position:relative;width:100%;min-height:inherit;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:0 2px 16px #1b1f2a0a}.landing-card{display:flex;flex-direction:column;justify-content:center;padding:64px 72px;gap:22px}.landing-card__eyebrow,.seat-stage__eyebrow,.title-block__room{display:inline-flex;align-self:center;padding:6px 14px;border-radius:999px;background:var(--surface-muted);color:var(--text-soft);letter-spacing:.04em;font-size:.82rem}.landing-card__title{margin:0;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.03em}.landing-card__copy{max-width:720px;margin:0;font-size:1.05rem;color:var(--text-soft);line-height:1.6}.landing-card__meta{display:flex;gap:10px;flex-wrap:wrap}.landing-card__meta span,.seat-stage__summary{padding:8px 14px;border-radius:999px;background:var(--surface-muted);color:var(--text-soft);font-size:.9rem}.room-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.room-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.room-card:before{content:"";position:absolute;left:24px;top:24px;width:8px;height:32px;border-radius:4px;background:var(--room-accent)}.room-card:hover{transform:translateY(-2px);border-color:var(--room-accent);box-shadow:0 6px 18px #1b1f2a0f}.room-card__label,.room-card__action{color:var(--text-muted);font-size:.88rem;padding-left:20px}.room-card__title{font-size:1.9rem;letter-spacing:-.02em;padding-left:20px}.screen{padding:22px 26px 26px;display:flex;flex-direction:column;gap:20px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;transition:opacity .5s ease,transform .5s ease}.nav-chip-group{display:flex;gap:8px}.nav-chip{padding:8px 14px;border-radius:999px;background:var(--surface-muted);color:var(--text-soft);border:1px solid transparent;transition:border-color .14s ease,color .14s ease,background .14s ease;font-size:.92rem}.nav-chip:hover{color:var(--text);border-color:var(--border)}.nav-chip.is-active{background:var(--surface);color:var(--room-accent);border-color:var(--room-accent)}.dashboard{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:end;gap:18px;transition:transform .7s cubic-bezier(.2,.9,.2,1),gap .6s ease,grid-template-columns .6s ease}.title-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:transform .6s cubic-bezier(.2,.9,.2,1)}.title-block__title{margin:0;font-size:clamp(1.8rem,2.6vw,2.6rem);letter-spacing:-.03em;cursor:default;-webkit-user-select:none;user-select:none;transition:font-size .6s ease}.title-block__subtitle{margin:0;color:var(--text-muted);font-size:.95rem;transition:opacity .4s ease,max-height .5s ease;max-height:40px;overflow:hidden}.time-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transition:gap .5s ease,transform .7s cubic-bezier(.2,.9,.2,1)}.time-panel{display:flex;flex-direction:column;gap:6px;padding:18px 20px;min-height:116px;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:padding .6s ease,min-height .6s ease,border-color .4s ease,box-shadow .6s ease,transform .6s ease}.time-panel--accent{border-color:var(--room-accent)}.time-panel__label{color:var(--text-muted);font-size:.88rem;transition:font-size .5s ease}.time-panel__value{font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;transition:font-size .6s ease}.time-panel__value--hero{color:var(--room-accent);font-size:clamp(2rem,3vw,3rem)}.time-panel__hint{color:var(--text-muted);font-size:.88rem}.controls{display:flex;gap:10px;align-items:center;transition:opacity .5s ease,transform .5s ease}.control-button{min-width:120px;padding:14px 18px;border-radius:12px;font-weight:600;font-size:.98rem;transition:background .14s ease,border-color .14s ease,opacity .14s ease,transform .14s ease;border:1px solid transparent}.control-button:hover:not(:disabled){transform:translateY(-1px)}.control-button:disabled{opacity:.55;cursor:default}.control-button--primary{background:var(--room-accent);color:#fff}.control-button--primary:hover:not(:disabled){filter:brightness(.95)}.control-button--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.control-button--ghost:hover:not(:disabled){border-color:var(--text-soft)}.seat-stage{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;transition:opacity .6s ease,transform .7s cubic-bezier(.4,0,.2,1),max-height .7s ease,padding .6s ease,margin .6s ease;max-height:1400px}.seat-stage__header{display:flex;justify-content:space-between;align-items:end;gap:16px}.seat-stage__title{margin:6px 0 0;font-size:1.4rem;letter-spacing:-.02em}.classroom-frame{position:relative;flex:1;display:flex;flex-direction:column;gap:14px;border-radius:16px;background:var(--surface);border:1px solid var(--border);padding:18px;overflow:hidden}.fixture-bar{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;min-height:44px}.fixture-bar__slot{display:flex;align-items:center;gap:8px}.fixture-bar__slot--center{justify-content:center}.fixture-bar__slot--right{justify-content:flex-end}.fixture{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:8px 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:.92rem;font-weight:500}.fixture--teacher{min-width:88px;font-weight:600}.seat-grid{position:relative;display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows),minmax(0,1fr));gap:8px;flex:1;min-height:0;align-items:stretch}.seat{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 6px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);min-height:44px}.seat--empty{border:1px dashed var(--border);background:transparent}.seat__name{font-size:clamp(.92rem,1.05vw,1.1rem);font-weight:500;line-height:1.2;letter-spacing:-.02em;word-break:keep-all;color:var(--text)}.screen--started .title-block{transform:translateY(14vh)}.screen--started .title-block__subtitle{opacity:0;max-height:0}.screen--started .title-block__title{font-size:clamp(2.2rem,3.2vw,3.2rem)}.screen--started .dashboard{grid-template-columns:1fr;gap:36px;transform:translateY(8vh)}.screen--started .time-panels{gap:28px;transform:translateY(12vh)}.screen--started .time-panel{padding:40px 44px;min-height:220px;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 28px #1b1f2a0d}.screen--started .time-panel__label{font-size:1.1rem}.screen--started .time-panel__value{font-size:clamp(4rem,8vw,7.5rem);line-height:1}.screen--started .time-panel__value--hero{font-size:clamp(4.4rem,9vw,8.5rem)}.screen--started .time-panel__hint{font-size:1rem;margin-top:6px}.screen--started .controls{transform:translateY(14vh)}.screen--started .seat-stage{opacity:0;transform:translateY(32vh) scale(.96);max-height:0;padding-top:0;padding-bottom:0;margin:0;overflow:hidden;pointer-events:none}.alert-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:5vh 6vw;pointer-events:none;z-index:20;background:#f6f7fbb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.alert-overlay.is-visible{opacity:1;animation:alert-overlay-in .42s cubic-bezier(.2,.9,.2,1)}.alert-overlay__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;width:min(88%,880px);min-height:46vh;padding:56px 64px;border-radius:28px;background:var(--surface);border:3px solid var(--alert-amber);box-shadow:0 24px 60px #1b1f2a2e,0 0 0 6px #f59e0b1f;text-align:center;animation:alert-pulse 1.4s ease-in-out infinite}.alert-overlay__eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:#f59e0b24;color:var(--alert-amber);font-size:1rem;font-weight:700;letter-spacing:.04em;animation:alert-blink 1s steps(2,end) infinite}.alert-overlay__eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px #f59e0b33}.alert-overlay__minutes{display:inline-flex;align-items:baseline;gap:10px;color:var(--alert-amber);font-weight:800;letter-spacing:-.05em;line-height:1;margin:6px 0 2px}.alert-overlay__minutes em{font-style:normal;font-size:clamp(6rem,14vw,13rem)}.alert-overlay__minutes span{font-size:clamp(2rem,4vw,3.2rem);font-weight:700}.alert-overlay__body{font-size:clamp(1.3rem,2vw,2rem);font-weight:600;color:var(--text)}.alert-overlay--manual .alert-overlay__card{border-color:var(--room-accent, var(--alert-amber));box-shadow:0 24px 60px #1b1f2a2e,0 0 0 6px color-mix(in srgb,var(--room-accent, var(--alert-amber)) 14%,transparent)}.alert-overlay--manual .alert-overlay__eyebrow,.alert-overlay--manual .alert-overlay__minutes{color:var(--room-accent, var(--alert-amber))}.alert-overlay--manual .alert-overlay__eyebrow{background:color-mix(in srgb,var(--room-accent, var(--alert-amber)) 14%,transparent)}.alert-overlay--finish .alert-overlay__card{border-color:var(--alert-red);box-shadow:0 24px 60px #1b1f2a2e,0 0 0 6px #ef444426}.alert-overlay--finish .alert-overlay__eyebrow,.alert-overlay--finish .alert-overlay__minutes{color:var(--alert-red)}.alert-overlay--finish .alert-overlay__eyebrow{background:#ef444424}@keyframes alert-overlay-in{0%{opacity:0;transform:scale(.96)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes alert-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes alert-blink{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.alert-overlay.is-visible,.alert-overlay__card,.alert-overlay__eyebrow{animation:none}}@media (max-width: 1200px){.screen{padding:18px}.dashboard{grid-template-columns:1fr;align-items:stretch}.controls{justify-content:center}.room-selector{grid-template-columns:1fr}}@media (max-width: 900px){.shell{width:calc(100vw - 16px);min-height:calc(100vh - 16px);margin:8px auto}.topbar,.seat-stage__header{flex-direction:column;align-items:stretch}.time-panels{grid-template-columns:1fr}}