:root{--em-side-bg:#16162b;--em-on-brand:#fff;--em-lock:#9aa0ad;--em-done:#1aa260;--em-done-bg:#e9f7ef;--em-gold:#e8a317;--em-gold-bg:#fff6e0}[data-theme=dark]{--em-lock:#7a8190;--em-done:#34d399;--em-done-bg:rgba(52,211,153,0.16);--em-gold:#f5c451;--em-gold-bg:rgba(245,196,81,0.14)}.page.active{display:flex;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;width:100%;max-width:60rem;margin:0 auto}.sidebar{position:relative;display:flex;flex-direction:column;width:15rem;flex-shrink:0;padding:1rem 0;background:var(--em-side-bg);color:var(--white-opacity-90);overflow:hidden}.sidebar::before{content:'';position:absolute;inset:0;background:url('../img/sidebar-bg.webp') center/cover no-repeat;opacity:.24;pointer-events:none;z-index:0}.sidebar>*{position:relative;z-index:1}.sidebar-quest-home{display:flex;align-items:center;gap:.5rem;padding:1rem .5rem;text-decoration:none}.sidebar-quest-home>.material-symbols-rounded{flex-shrink:0;opacity:.6;transition:opacity .2s}@keyframes nudge-left{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}.sidebar-quest-home:hover>.material-symbols-rounded{opacity:1;animation:nudge-left .8s ease-in-out infinite}.sidebar-quest-home #quest-home-logo{display:flex;align-items:center}.sidebar-brand{padding:.75rem}.quest-plate{position:relative;display:block;width:100%;padding:1rem;border-radius:var(--r-md);border:none;overflow:hidden;text-align:left;background-color:#15152e;background-image:radial-gradient(ellipse 130% 95% at 70% -5%,rgba(150,155,215,.38) 0,rgba(88,92,160,.2) 32%,rgba(40,42,88,.1) 56%,transparent 72%),linear-gradient(158deg,#232347 0,#18182f 52%,#101020 100%);box-shadow:inset 0 1px 0 var(--white-opacity-10),inset 0 0 0 1px rgba(255,255,255,.03),0 3px 10px var(--black-opacity-30)}.quest-plate::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background-image:radial-gradient(circle,rgba(255,255,255,.5) .9px,transparent 1.3px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse 95% 85% at 70% 6%,#000 5%,transparent 65%);mask-image:radial-gradient(ellipse 95% 85% at 70% 6%,#000 5%,transparent 65%);opacity:.45}.quest-plate-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.375rem}.quest-plate-name{font-family:Goldman,sans-serif;line-height:1;font-size:1rem;font-weight:700;letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px var(--black-opacity-40)}.quest-plate-sub{font-size:.75rem;font-weight:600;color:var(--white-opacity-50);text-shadow:0 1px 1px var(--black-opacity-30)}.sidebar-nav{display:flex;flex-direction:column;flex:1;gap:.125rem;list-style:none;padding:.75rem;margin:0}.nav-link{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:0;background:0 0;border-radius:var(--r-md);color:var(--white-opacity-70);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:color .15s,background .15s}.nav-link:hover{color:var(--white-opacity-90);background:var(--white-opacity-05)}.nav-link.active{color:var(--em-on-brand);background:var(--brand);font-weight:600}.nav-ico{display:grid;place-items:center}.sidebar-actions{margin-top:auto;padding-top:.5rem}.sidebar .btn{width:100%;justify-content:flex-start;background:var(--white-opacity-05);color:var(--white-opacity-70)}.sidebar .btn:hover{background:var(--white-opacity-10);color:var(--white-opacity-90)}.sidebar-profile{margin:auto .5rem .5rem}.sb-prof{display:flex;align-items:center;gap:.625rem;padding:1rem;border-radius:10px;background:var(--white-opacity-05);border:1px solid var(--white-opacity-10)}.sb-prof-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--brand);color:var(--em-on-brand);font-size:.8125rem;font-weight:700}.sb-prof-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1}.sb-prof-name{font-size:.875rem;font-weight:700;color:var(--white-opacity-90);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-prof-logout{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:var(--r-sm);background:0 0;color:var(--white-opacity-50);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.sb-prof-logout:hover{color:var(--white-opacity-90);background:var(--white-opacity-10)}.sb-login{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border:0;border-radius:var(--r-md);background:var(--brand);color:var(--em-on-brand);font-size:.875rem;font-weight:700;cursor:pointer;transition:filter .15s}.sb-login:hover{filter:brightness(1.06)}.em-tour-banner{padding-right:.5rem}.em-tour-banner .btn{height:1.75rem}@media(max-width:768px){.em-tour-banner{white-space:nowrap;gap:.375rem}.em-tour-banner>span:not(.material-symbols-rounded){overflow:hidden;text-overflow:ellipsis;min-width:0}.em-tour-banner .btn{flex-shrink:0}}.em-tour-veil{position:fixed;left:15rem;right:0;bottom:0;height:100vh;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2.5rem;background:linear-gradient(to bottom,transparent,var(--bg) 40%);cursor:pointer;z-index:var(--z-overlay)}.em-tour-veil .btn{box-shadow:0 6px 24px var(--black-opacity-20)}.mobile-header{display:none;align-items:center;gap:.5rem;position:fixed;top:0;left:0;right:0;z-index:30;height:48px;padding:0 .75rem;background:var(--em-side-bg);transition:transform .3s ease}.mobile-header.hidden{transform:translateY(-100%)}.mh-logo{display:flex;align-items:center;flex-shrink:0}.mh-actions{display:flex;align-items:center;gap:.625rem;margin-left:auto}.mh-name{font-size:.8125rem;font-weight:700;color:var(--white-opacity-90)}.mh-profile{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;border:0;cursor:pointer}.mh-login{padding:.375rem .75rem;border-radius:var(--r-sm);background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;border:0;cursor:pointer}.mh-trigger{display:flex;align-items:center;gap:.625rem;padding:0;background:0 0;border:0;cursor:pointer}.mh-menu{position:absolute;top:100%;right:.75rem;margin-top:.375rem;min-width:9rem;display:none;flex-direction:column;padding:.375rem;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 6px 24px var(--black-opacity-20)}.mh-menu.is-open{display:flex}.mh-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;background:0 0;border:0;border-radius:var(--r-sm);color:var(--text);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer}.mh-menu-item:hover{background:var(--bg-alt)}#ex-body,.au-player,.ex-rep-card,.ex-score-card,.ex-sheet,.ex-start-card,.le-head,.qc-hero,.qc-tile,.qo-card,.sc-card{background:#fff;border:1px solid var(--border)}.le-head .au-hint,.le-hint-strong,.pl-grouphead,.qc-hero-title,.qc-tile-title,.qc-zname,.qo-card-t,.qo-top-title{font-family:NanumSquareNeo,sans-serif}.qc-hero{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.5rem 1.75rem;border-radius:var(--r-xl)}.qc-hero-text{display:flex;flex-direction:column;gap:.5rem}.qc-hero-text .tag-fill{align-self:flex-start}.qc-hero-title{padding-left:4px;font-size:1.5rem;font-weight:700;color:var(--text)}.qc-hero-sub{padding-left:4px;font-size:.875rem;color:var(--text-sub);line-height:1.5}.qc-hero-stat{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.qc-stat{display:flex;flex-direction:column;align-items:center}.qc-ring{position:relative;display:grid;place-items:center;width:100px;height:100px}.qc-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(135deg)}.qc-ring-track{fill:none;stroke:var(--border);stroke-width:3;stroke-linecap:round;stroke-dasharray:75 25}.qc-ring-bar{fill:none;stroke:url(#qc-grad);stroke-width:3;stroke-linecap:round;stroke-dasharray:calc(75 * var(--p,0)/ 100) 100}.qc-ring-num{position:relative;padding-bottom:.5rem;font-family:NanumSquareNeo,sans-serif;font-size:1.5rem;color:var(--text)}.qc-hero-stat-lab{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:-1.5rem;font-size:.75rem;font-weight:700;color:var(--text-sub)}.qc-stat-dday{font-family:NanumSquareNeo,sans-serif;font-size:.875rem;color:var(--text-muted)}.qc-map{display:flex;flex-direction:column}.qc-zone{position:relative;display:flex;gap:1rem;align-items:flex-start;padding-bottom:1.75rem}.qc-zone::before{content:'';position:absolute;left:27px;top:56px;bottom:0;border-left:2px dotted var(--border);z-index:0}.qc-zone:last-child::before{display:none}.qc-znode{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;flex-shrink:0;background:#fff;border:1px solid var(--border);color:var(--text-muted)}.qc-zone.is-current .qc-znode{background:var(--brand-grad);border-color:var(--brand);color:var(--em-on-brand)}.qc-zone.is-current .qc-znode::before{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid var(--brand);pointer-events:none;animation:qcradar 2s ease-out infinite}.qc-zone.is-done .qc-znode{background:var(--em-done);border-color:var(--em-done);color:var(--em-on-brand)}.qc-zone.is-locked .qc-znode{border-color:var(--border);color:var(--em-lock)}.qc-znode-goal{border-style:dashed!important;background:var(--em-gold-bg)!important;border-color:var(--em-gold)!important;color:var(--em-gold)!important}.qc-zbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:.875rem;padding-top:.25rem}.qc-zhead{display:flex;flex-direction:column;gap:.25rem}.qc-zname{font-size:1rem;font-weight:700;color:var(--brand)}.qc-zhint{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.qc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.qc-seq{display:flex;flex-direction:column;gap:.5rem}.qc-seq-arrow{display:flex;justify-content:center;color:var(--text-muted)}.qc-tile{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;min-height:5rem;padding:1.25rem 1.5rem;border-radius:var(--r-xl);border-color:var(--black-opacity-20);box-shadow:0 2px 8px var(--black-opacity-05);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .12s}.qc-tile-lead{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex:1;min-width:0}.qc-tile-subt{font-size:.8125rem;color:var(--text-muted)}.qc-tile-stat{flex-shrink:0;display:flex;align-items:center;justify-content:center}.qc-sdone{display:inline-flex;align-items:center;gap:.25rem;color:var(--em-done);font-size:.8125rem;font-weight:700}.qc-sactive{color:var(--brand);font-size:.8125rem;font-weight:700}.qc-stodo{color:var(--text-muted);font-size:.8125rem;font-weight:700}.qc-tile:not(.is-locked):hover{border-color:var(--brand);box-shadow:0 8px 24px var(--brand-glow);transform:translateY(-2px)}.qc-tile.is-done:not(.is-locked):hover{border-color:var(--em-done);box-shadow:0 8px 24px rgba(26,162,96,.2)}.qc-tile:not(.is-locked):active{transform:translateY(0);box-shadow:0 2px 8px var(--black-opacity-10)}.qc-tile-title{font-size:1rem;font-weight:700;color:var(--text)}.qc-tile-sub{font-size:.8125rem;color:var(--text-sub);line-height:1.4}.qc-tile.is-done{border-color:var(--em-done);background:var(--em-done-bg)}.qc-tile.is-current{border-color:var(--brand);background:var(--brand-bg)}.qc-tile.is-locked{opacity:.75}.qc-tile.is-locked-hard{opacity:.6;cursor:not-allowed}.qc-tile-wide{flex-direction:row;align-items:center;gap:.875rem}.qc-seqnum{display:grid;place-items:center;flex-shrink:0;color:var(--text-muted)}.qc-tile-main{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.qc-tile-goal{border-style:dashed;background:var(--em-gold-bg)}.qc-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1.5rem;text-align:center;color:var(--text-muted)}.qc-stub-title{font-size:1.125rem;font-weight:700;color:var(--text)}.qc-stub-desc{font-size:.875rem;color:var(--text-sub);line-height:1.6}@keyframes qcradar{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}.qo-top{display:flex;align-items:center;gap:.5rem;position:relative;z-index:calc(var(--z-overlay) + 1)}.qo-back{background:#fff;color:var(--text)}.qo-top-title{font-size:1.25rem;font-weight:700;color:var(--text)}.qo-card{display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.5rem;border-radius:var(--r-xl)}.le-head,.qo-intro{background:var(--brand-bg);border-color:var(--brand)}.qo-card-h{display:flex;align-items:center;gap:.5rem;color:var(--brand)}.qo-card-t{font-size:1rem;font-weight:700;color:var(--text)}.qo-text{font-size:.875rem;color:var(--text-sub);line-height:1.6}.qo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.qo-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.875rem .5rem;background:var(--bg-alt);border-radius:var(--r-md)}.qo-stat-val{font-size:1.25rem;font-weight:700;color:var(--brand)}.qo-stat-lab{font-size:.75rem;color:var(--text-sub)}.qo-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.qo-pair-col{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1rem .75rem;background:var(--bg-alt);border-radius:var(--r-md);text-align:center;color:var(--brand)}.qo-pair-t{font-size:.875rem;font-weight:700;color:var(--text)}.qo-pair-d{font-size:.8125rem;color:var(--text-sub);line-height:1.4}.qo-pair-plus{color:var(--text-muted)}.qo-note{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-sub)}.qo-note .material-symbols-rounded{color:var(--brand)}.qo-dday{display:flex;align-items:baseline;justify-content:center;gap:.25rem;padding:.25rem 0 .75rem}.qo-dday-tag{font-size:1.5rem;font-weight:700;color:var(--brand);letter-spacing:.02em}.qo-dday-num{font-size:3.5rem;font-weight:700;color:var(--brand);line-height:1}.qo-when{display:flex;flex-direction:column;gap:.625rem}.qo-when-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-sub)}.qo-when-row .material-symbols-rounded{color:var(--brand)}.qo-when-lab{font-weight:700;color:var(--text)}.qo-when-val{margin-left:auto;color:var(--text)}.qo-finish{margin-top:2rem;height:3.5rem;font-size:1.25rem;font-weight:700}@media(max-width:768px){.qo-card{padding:1.125rem}.qo-stats{grid-template-columns:repeat(2,1fr)}.qo-pair{grid-template-columns:1fr}.qo-pair-plus{transform:rotate(90deg)}.qo-when-val{margin-left:0;width:100%}}.le-head{display:flex;flex-direction:column;gap:.625rem;padding:1.25rem 1.5rem;border-radius:var(--r-xl)}.le-head-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.le-hint-strong{font-size:.875rem;font-weight:700;color:var(--text)}.le-head-count{font-size:.875rem;font-weight:700;color:var(--brand);flex-shrink:0}.le-bar{height:10px;border-radius:9999px;background:var(--black-opacity-10);overflow:hidden}.le-fill{height:100%;border-radius:9999px;background:var(--brand-grad);transition:width .2s}.le-hint{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted)}.le-hint .material-symbols-rounded{color:var(--brand)}.le-vidgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.le-vid{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.le-vid:hover{border-color:var(--brand);box-shadow:0 6px 20px var(--brand-glow);transform:translateY(-2px)}.le-vid-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-alt)}.le-vid-thumb img{width:100%;height:100%;object-fit:cover;display:block}.le-vid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--black-opacity-40);color:var(--em-on-brand);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.le-vid-badge,.le-vid-dur{display:none}.le-vid.is-todo .le-vid-thumb{opacity:.75}.le-vid-prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--black-opacity-40)}.le-vid-prog-fill{height:100%;background:var(--brand)}.le-vid-body{display:grid;grid-template-columns:1fr auto;gap:2px .75rem;align-items:center;padding:.75rem 1rem 1rem}.le-vid-eyebrow{grid-column:1;grid-row:1;justify-self:start;display:inline-flex;padding:.25rem .5rem;border-radius:9999px;background:var(--brand);color:#fff;font-size:.6875rem;font-weight:700;line-height:1;letter-spacing:.04em}.le-vid-title{grid-column:1;grid-row:2;padding-left:2px;font-size:1rem;font-weight:700;color:var(--text)}.le-vid-mstat{grid-column:2;grid-row:2;justify-self:end;align-self:center;display:inline-flex;align-items:center;gap:.125rem;font-size:.8125rem;font-weight:700}.le-vid-mstat.done{color:var(--em-done)}.le-vid-mstat.current{color:var(--brand)}.le-vid-time{grid-column:2;grid-row:1;justify-self:end;align-self:center;font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.le-viewtoggle{display:flex;margin-left:auto;gap:.25rem}.le-vbtn{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.le-vbtn.is-active{background:var(--brand-bg);border-color:var(--brand);color:var(--brand)}.le-vidgrid.is-list{grid-template-columns:1fr;gap:.625rem}.le-vidgrid.is-list .le-vid{flex-direction:row;align-items:stretch;gap:0}.le-vidgrid.is-list .le-vid-thumb{width:160px;flex-shrink:0;aspect-ratio:auto;align-self:stretch}.le-vidgrid.is-list .le-vid-body{flex:1;min-width:0;align-content:center;padding:1rem}@media(max-width:1024px){.le-vidgrid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.le-head-top{flex-direction:column;align-items:flex-start;gap:.25rem}.le-vidgrid.is-list .le-vid-thumb{width:120px}.le-vidgrid.is-list .le-vid-play{width:32px;height:32px}}.au-hint{display:flex;align-items:center;gap:.375rem;margin:0;font-size:.8125rem;color:var(--text-muted)}.au-hint .material-symbols-rounded{color:var(--brand)}.le-head .au-hint{font-size:.875rem;font-weight:700;color:var(--text)}.au-player{display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.5rem;border-radius:var(--r-xl)}.au-now{display:flex;flex-direction:column;gap:.25rem}.au-now-lab{font-size:.75rem;color:var(--text-muted)}.au-now-track{font-size:1rem;font-weight:700;color:var(--text)}.au-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:9999px;background:var(--bg-alt);cursor:pointer}.au-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);cursor:pointer;box-shadow:0 1px 4px var(--brand-glow)}.au-range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--brand);cursor:pointer}.au-time{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.au-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.au-play{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:0;background:var(--brand);color:var(--em-on-brand);cursor:pointer}.ex-view{width:100%;display:flex;flex-direction:column;gap:1rem;font-family:Georgia,'Times New Roman','Noto Serif KR',serif}.ex-start-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;border-radius:var(--r-xl);text-align:center;font-family:NanumSquareNeo,sans-serif}.ex-start-ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--bg-alt);color:var(--text)}.ex-start-title{font-size:1.25rem;font-weight:700;color:var(--text)}.ex-rules{display:flex;flex-direction:column;gap:.625rem;max-width:24rem;list-style:none;padding:0;margin:0;text-align:left}.ex-rules li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-sub)}.ex-rules li .material-symbols-rounded{color:var(--text-muted);flex-shrink:0}.ex-soundcheck{display:flex;flex-direction:column;gap:.625rem;width:100%;max-width:24rem;padding:1rem;border:1px solid var(--brand);border-radius:var(--r-md);background:var(--brand-bg);text-align:left;font-family:var(--font)}.ex-sc-head{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700;color:var(--brand)}.ex-sc-req{margin-left:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;line-height:1;color:#fff;background:var(--brand);border-radius:9999px}.ex-sc-desc{font-size:.75rem;font-weight:600;line-height:1.5;color:var(--text-sub)}.ex-sc-confirm,.ex-sc-done,.ex-sc-help,.ex-sc-testing{display:none}.ex-sc-testing{align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--text-sub)}.ex-sc-confirm{flex-direction:column;gap:.5rem}.ex-sc-q{font-size:.8125rem;font-weight:700;color:var(--text)}.ex-sc-actions{display:flex;gap:.5rem}.ex-sc-actions .btn{flex:1}.ex-sc-done{align-items:center;gap:.375rem;font-size:.8125rem;font-weight:700;color:var(--success)}.ex-soundcheck.sc-testing .ex-sc-btn{display:none}.ex-soundcheck.sc-testing .ex-sc-testing{display:flex}.ex-soundcheck.sc-tested .ex-sc-confirm{display:flex}.ex-soundcheck.sc-ok .ex-sc-btn,.ex-soundcheck.sc-ok .ex-sc-confirm{display:none}.ex-soundcheck.sc-ok .ex-sc-done{display:flex}.ex-soundcheck.sc-failed .ex-sc-btn{display:none}.ex-soundcheck.sc-failed .ex-sc-help{display:flex;flex-direction:column;gap:.5rem}.ex-sc-help-h{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:700;color:var(--error)}.ex-sc-help-list{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0 0 0 1.125rem;list-style:disc}.ex-sc-help-list li{font-size:.75rem;font-weight:600;line-height:1.5;color:var(--text-sub)}.ex-start-hint{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--text-muted);font-family:var(--font)}.ex-soundcheck.sc-ok~.ex-start-hint{display:none}#ex-start-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2)}.ex-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1rem;background:var(--white-opacity-70);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:0 1px 6px var(--black-opacity-10);font-family:var(--font)}.ex-timer{display:flex;align-items:center;gap:.375rem;font-size:1rem;font-weight:700;color:var(--brand)}.ex-prog{font-size:.875rem;font-weight:700;color:var(--text-sub)}.ex-prog #ex-prog-n{color:var(--brand)}#ex-body,.ex-sheet{display:flex;flex-direction:column;gap:0;border-radius:var(--r-sm);padding:1.5rem 1.75rem}.ex-sec{text-align:center;padding:.5rem 0 1rem;border-bottom:2px solid var(--text);margin-top:4rem;margin-bottom:1.5rem}.ex-sec:first-child{margin-top:0}.ex-sec-t{font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:.04em}.ex-sec-d{margin-top:.25rem;font-size:.8125rem;color:var(--text-sub);font-family:var(--font)}.ex-part{margin:2rem 0 1rem;padding:1rem 1.25rem;border:1px solid var(--text);border-radius:2px}.ex-part-t{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.ex-part-en{font-size:1.25rem;color:var(--text);line-height:1.6;margin:0}.ex-part-ko{font-size:1.25rem;color:var(--text-sub);line-height:1.6;margin:.25rem 0 0}.ex-audio{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;margin-top:1rem;padding:.5rem .75rem;background:var(--white-opacity-50);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font)}.ex-audio-lab{font-size:.8125rem;color:var(--text-sub);padding:.25rem .625rem 0}.ex-audio .plyr--audio{width:100%;--plyr-audio-controls-background:transparent}.ex-audio .plyr__volume input[type=range]{max-width:56px;min-width:40px}.ex-audio .plyr__progress input[type=range]{pointer-events:none}.ex-audio-start{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:2.5rem;padding:0 1.25rem;border:1px solid var(--brand);border-radius:var(--r-sm);background:var(--brand-bg);color:var(--brand);font-family:var(--font);font-size:.875rem;font-weight:700;cursor:pointer;transition:background .15s}.ex-audio-start:hover{background:var(--brand-glow)}.ex-audio-start .material-symbols-rounded{font-size:20px}.ex-audio-count{display:flex;align-items:center;justify-content:center;height:2.5rem;font-size:1.5rem;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums;letter-spacing:.1em}.ex-audio .plyr{display:none}.ex-audio.ex-audio-counting .ex-audio-start,.ex-audio.ex-audio-ended .ex-audio-start,.ex-audio.ex-audio-playing .ex-audio-start{display:none}.ex-audio.ex-audio-ended .plyr,.ex-audio.ex-audio-playing .plyr{display:block}.ex-q{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem 0;border-bottom:1px solid var(--border)}.ex-q-head{display:flex;gap:.375rem}.ex-q-num{font-size:1.5rem;font-weight:700;color:var(--text);flex-shrink:0;line-height:1.2}.ex-q-stem{font-size:1.25rem;color:var(--text)}.ex-q-type{font-size:1rem;color:var(--text-sub);font-style:italic}.ex-q-img{display:block;width:100%;max-width:16rem;border:1px solid var(--border);margin-bottom:.25rem}.ex-opts{display:flex;flex-direction:column;gap:.25rem;padding-left:1rem}.ex-opts-img{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding-left:1rem}.ex-opt{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem 0;background:0 0;border:0;cursor:pointer;text-align:left;font-family:inherit}.ex-opt-key{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;flex-shrink:0;background:0 0;color:var(--text-sub);font-size:.875rem;font-weight:700;border:1px solid var(--text-muted)}.ex-opt.sel .ex-opt-key{background:var(--brand);color:var(--em-on-brand);border-color:var(--brand)}.ex-opt-txt{font-size:1.25rem;color:var(--text);line-height:1.5}.ex-opt.sel .ex-opt-txt{color:var(--brand)}.ex-opt:hover .ex-opt-txt{text-decoration:underline}.ex-opt-img{flex-direction:column;align-items:stretch;gap:.375rem;padding:.25rem}.ex-opt-img img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--em-on-brand);border:1px solid var(--border)}.ex-opt-img.sel{outline:2px solid var(--brand);outline-offset:2px}.ex-opt-img .ex-opt-key{align-self:flex-start}.ex-pg{display:flex;flex-direction:column;gap:.625rem;margin:1.5rem 0;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:16px}.ex-pg.has-title{position:relative;gap:0;margin:2rem 0;padding:1.75rem 0 0;border:none;border-radius:0}.ex-pg-tag-plain{font-size:.875rem;font-weight:700;color:var(--text-sub);font-family:var(--font)}.ex-pg.has-title .ex-pg-tag-plain{position:absolute;top:0;left:0}.ex-pg-wrap{margin:1.5rem 0}.ex-pg-wrap .ex-pg{margin:0}.ex-pg-wrap .ex-pg-tag-plain{margin-bottom:.5rem}.ex-pg-head{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.875rem}.ex-pg-ico{color:var(--pg-accent,var(--brand));font-size:2.5rem;width:2.5rem;height:2.5rem}.ex-pg-title{font-family:var(--font-goldman),var(--font);font-size:1.5rem;font-weight:700;color:var(--pg-accent,var(--text));text-align:center;line-height:1.2;letter-spacing:.01em}.ex-pg-body{position:relative;padding:1.25rem 1.5rem;border:2px dashed var(--pg-accent,var(--border));border-radius:14px}.ex-pg-body::after,.ex-pg-body::before{content:"";position:absolute;width:18px;height:18px;border:3px solid var(--pg-accent,var(--brand));pointer-events:none}.ex-pg-body::before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:14px}.ex-pg-body::after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:14px}.ex-pg-body .ex-pg-text{margin:0}.ex-pg-table td:first-child{background:var(--bg-alt);font-weight:700}.ex-pg-table tbody tr:nth-child(2n) td:not(:first-child){background:var(--surface)}.ex-pg-grass{--pg-accent:var(--grass)}.ex-pg-bluejeans{--pg-accent:var(--bluejeans)}.ex-pg-lavender{--pg-accent:var(--lavender)}.ex-pg-tiffany{--pg-accent:var(--tiffany)}.ex-pg-grapefruit{--pg-accent:var(--grapefruit)}.ex-pg-orange{--pg-accent:var(--orange)}.ex-pg-pink{--pg-accent:var(--pink)}.ex-pg-text{font-size:1.25rem;color:var(--text);line-height:1.7}.ex-pg-note{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted);font-family:var(--font)}.ex-pg-note .material-symbols-rounded{color:var(--text-muted)}.ex-pg-tablewrap{overflow-x:auto}.ex-pg-table{border-collapse:collapse;font-size:1rem;margin:0 auto}.ex-pg-table td,.ex-pg-table th{border:1px solid var(--text-muted);padding:.375rem .625rem;text-align:left;color:var(--text)}.ex-pg-table th{background:var(--bg-alt);font-weight:700}.ex-score-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.75rem 1.5rem;border-radius:var(--r-xl)}.ex-score-big{font-size:3.5rem;font-weight:700;color:var(--text);line-height:1}.ex-score-big span{font-size:1.25rem;color:var(--text-muted)}.ex-score-sub{font-size:.875rem;color:var(--text-sub)}.ex-rep-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;border-radius:var(--r-lg)}.ex-rep-h{font-size:.875rem;font-weight:700;color:var(--text)}.ex-rep-row{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-sub)}.ex-rep-bar{flex:1;height:10px;border-radius:9999px;background:var(--lightgray);overflow:hidden}.ex-rep-fill{height:100%;border-radius:9999px;background:var(--em-done)}.ex-rep-n{font-weight:700;color:var(--text);flex-shrink:0}.ex-grid{display:flex;flex-direction:column;gap:.5rem}.ex-grid-lab{font-size:.8125rem;font-weight:700;color:var(--text-sub)}.ex-dots{display:flex;flex-wrap:wrap;gap:.25rem}.ex-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--r-sm);font-size:.75rem;font-weight:700}.ex-dot-ok{background:var(--em-done-bg);color:var(--em-done)}.ex-dot-no{background:var(--bg-alt);color:var(--error)}.ex-dot-na{background:var(--bg-alt);color:var(--text-muted)}.ex-rep-note{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted);font-family:var(--font)}.ex-rep-note .material-symbols-rounded{color:var(--text-muted)}.ex-rep-card,.ex-score-card{font-family:var(--font)}.ex-graded-h{font-size:1rem;font-weight:700;color:var(--text)}.ex-graded .ex-opt{cursor:default}.ex-graded .ex-opt:hover .ex-opt-txt{text-decoration:none}.ex-opt.correct .ex-opt-key{background:var(--em-done);color:var(--em-on-brand);border-color:var(--em-done)}.ex-opt.correct .ex-opt-txt{color:var(--em-done);font-weight:700}.ex-opt.mywrong .ex-opt-key{background:var(--error);color:var(--em-on-brand);border-color:var(--error)}.ex-opt.mywrong .ex-opt-txt{color:var(--error)}.ex-opt-img.correct{outline:2px solid var(--em-done);outline-offset:2px}.ex-opt-img.mywrong{outline:2px solid var(--error);outline-offset:2px}.ex-expl{display:flex;flex-direction:column;gap:.25rem;padding:.625rem .875rem;background:var(--bg-alt);border-radius:var(--r-sm);font-family:var(--font)}.ex-expl-h{font-size:.8125rem;font-weight:700;color:var(--text)}.ex-expl-t{font-size:.875rem;color:var(--text);line-height:1.6}.ex-expl-w{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.625em;row-gap:.375rem;font-size:.8125rem;color:var(--text);line-height:1.6;margin-top:.375rem;padding-top:.5rem;border-top:1px solid var(--border)}.ex-expl-w b{flex-shrink:0;padding:.0625rem .5rem;border:1px solid var(--border);border-radius:9999px;color:var(--text-sub);font-size:.6875rem;font-weight:700}.ex-w-item{white-space:nowrap}.ex-clip-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;align-self:flex-start;height:1.75rem;padding:0 .875rem;border:1px solid var(--brand);border-radius:9999px;background:var(--brand-bg);color:var(--brand);font-family:var(--font);font-size:.75rem;font-weight:700;line-height:1;cursor:pointer}.ex-clip-btn:hover{background:var(--brand-glow)}.ex-clip-btn.playing{background:var(--brand);color:var(--em-on-brand);border-color:var(--brand)}.ex-clip-btn .material-symbols-rounded{font-size:1rem;line-height:1;transform:translateY(1px)}.ex-q-head:has(.qa-qstat){align-items:flex-start}.qa-qstat{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex-shrink:0;font-family:var(--font);font-size:.75rem;font-weight:700}.qa-o{color:var(--em-done)}.qa-x{color:var(--error)}.qa-q-active{outline:2px solid var(--brand);outline-offset:8px;border-radius:var(--r-md)}.ex-q.graded{border-bottom:none}.sc-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;border-radius:var(--r-xl);text-align:center;font-family:var(--font)}.sc-ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--brand-bg);color:var(--brand)}.sc-title{font-size:1.25rem;font-weight:700;color:var(--text)}.sc-desc{font-size:.875rem;color:var(--text-sub);line-height:1.6}.sc-form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:22rem;text-align:left}.sc-round-fixed{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-alt);color:var(--text);font-size:.875rem;font-weight:700}.sc-round-fixed .material-symbols-rounded{color:var(--brand)}.sc-round-note{margin-left:auto;padding:.125rem .5rem;border-radius:9999px;background:var(--surface);color:var(--text-muted);font-size:.75rem;font-weight:700}.sc-cmp{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.375rem 0;font-size:.875rem;color:var(--text)}.sc-cmp-lab{font-weight:700}.sc-cmp-mid{flex:1;text-align:right;font-size:.875rem;color:var(--text-muted)}.sc-up{color:var(--em-done);font-weight:700;flex-shrink:0}.sc-down{color:var(--warning);font-weight:700;flex-shrink:0}.sc-comment{font-size:.875rem;color:var(--text-sub);line-height:1.5;padding-top:.25rem}.sc-band{display:flex;flex-direction:column;gap:.5rem}.sc-band-tag{align-self:flex-start;padding:.25rem .75rem;border-radius:9999px;background:var(--brand-bg);color:var(--brand);font-size:.875rem;font-weight:700}.sc-band-desc{font-size:.875rem;color:var(--text-sub);line-height:1.5}.sc-band-goal{font-size:.875rem;color:var(--text);line-height:1.5}.sc-train{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.sc-train-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--text-sub);line-height:1.5}.sc-train-row .material-symbols-rounded{color:var(--brand);flex-shrink:0}.sc-cap{font-size:.8125rem;color:var(--text-muted);line-height:1.4}.sc-donut{position:relative;display:grid;place-items:center;width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p,0)*1%),var(--brand-bg) 0)}.sc-donut::before{content:'';position:absolute;width:104px;height:104px;border-radius:50%;background:var(--brand)}.sc-donut-num{position:relative;font-size:2rem;font-weight:700;color:var(--em-on-brand)}.sc-donut-num span{font-size:.875rem;font-weight:700;color:var(--white-opacity-70)}.sc-vrow{display:flex;flex-direction:column;gap:.375rem;padding:.625rem 0}.sc-vhead{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sc-vlab{font-size:.875rem;font-weight:700;color:var(--text)}.sc-vtrack{position:relative;height:12px;border-radius:9999px;background:var(--bg-alt)}.sc-vfill{height:100%;border-radius:9999px;background:var(--em-done)}.sc-vfill.down{background:var(--warning)}.sc-vmark{position:absolute;top:-3px;height:18px;width:2px;background:var(--text-muted);transform:translateX(-50%)}.sc-vfoot{font-size:.8125rem;color:var(--text-muted)}.sc-vfoot b{color:var(--text)}.sc-arr{color:var(--text-muted)}.sc-check{display:flex;flex-direction:column;gap:.375rem}.sc-check-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-sub)}.sc-check-item .material-symbols-rounded{color:var(--em-done)}.sc-locked{position:relative}.sc-locked-blur{filter:blur(5px);opacity:.45;pointer-events:none;user-select:none}.sc-locked-over{position:absolute;left:0;right:0;bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:0 1rem;text-align:center}.sc-locked-over .material-symbols-rounded{color:var(--text-muted)}.sc-lock-msg{font-size:.8125rem;color:var(--text-sub);line-height:1.5}@media(max-width:768px){.sidebar{display:none}.em-tour-veil{left:0}.mobile-header{display:flex}.main{padding-top:48px}.ex-bar{transition:top .3s ease}#mobile-header.hidden~.main .ex-bar{top:-48px}.app-body{flex-direction:column}.page.active{padding:1rem}#page-exam.active{padding:0}#ex-start{padding:1rem}.qc-hero{padding:1.25rem}.qc-hero-stat{flex-direction:row;align-self:stretch;justify-content:space-between;align-items:center}.qc-grid{grid-template-columns:1fr}}@media(max-width:480px){.qc-znode{width:40px;height:40px}.qc-znode .material-symbols-rounded{transform:scale(.75)}.qc-zone::before{left:19px;top:40px}.qc-zone{gap:.75rem}.qc-tile{padding:.75rem 1rem;min-height:4rem}.qc-tile-title{font-size:.9375rem}.qc-tile-sub{font-size:.75rem}.le-vidgrid{grid-template-columns:1fr}#ex-test .ex-timer{font-size:.875rem}#ex-test .ex-prog{font-size:.8125rem}#ex-test .ex-sec-t{font-size:1.125rem}#ex-test .ex-sec-d{font-size:.75rem}#ex-test .ex-part-t{font-size:.9375rem}#ex-test .ex-part-en,#ex-test .ex-part-ko{font-size:1rem}#ex-test .ex-audio-lab{font-size:.75rem}#ex-test .ex-q-num{font-size:1.25rem}#ex-test .ex-q-stem{font-size:1rem}#ex-test .ex-q-type{font-size:.875rem}#ex-test .ex-opt-txt{font-size:1rem}#ex-test .ex-pg-text,#ex-test .ex-pg-title{font-size:1rem}#ex-test .ex-pg-table{font-size:.875rem}#ex-body{padding:1rem}#ex-test .ex-sec{margin-top:1rem;margin-bottom:1rem}#ex-test .ex-part{margin:1.25rem 0 .75rem;padding:.75rem 1rem}#ex-test .ex-audio{padding:.625rem .75rem}#ex-test .ex-q{padding:1.25rem 0;gap:.625rem}#ex-test .ex-opts,#ex-test .ex-opts-img{gap:.25rem;padding-left:.5rem}#ex-test .ex-pg{margin:1rem 0;padding:1rem}.ex-pg.has-title{margin:1.5rem 0}.ex-pg-title{font-size:1.25rem}.ex-pg-ico{font-size:2rem;width:2rem;height:2rem}.ex-pg-body{padding:1rem}.ex-pg-body .ex-pg-text{font-size:1rem}}.pl-prog-n{font-size:.8125rem;font-weight:700;color:var(--brand);white-space:nowrap;flex-shrink:0}#pl-list{display:flex;flex-direction:column;gap:1.5rem}.pl-list{display:flex;flex-direction:column;gap:.625rem}.pl-grouphead{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-weight:700;color:var(--text)}.pl-grouphead-r{font-size:.75rem;font-weight:500;color:var(--text-sub)}.pl-item{background:#fff;border:1px solid var(--border);border-radius:12px;transition:border-color .12s}.pl-item.is-done{border-color:var(--success)}.pl-item-head{display:flex;align-items:flex-start;gap:.625rem;min-height:1.625rem}.pl-done{display:none;margin-left:auto;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:0 .5rem;background:var(--success);color:#fff;font-size:.75rem;font-weight:700}.pl-item.is-done .pl-done{display:inline-flex}.pl-audio{width:100%}.pl-label{display:inline-flex;padding:.25rem .5rem;border-radius:.5rem 0;background:var(--black-opacity-30);color:#fff;font-size:.75rem;font-weight:700;line-height:1}.is-done .pl-label{background:var(--success)}:root{--plyr-color-main:var(--brand)}.pl-item .plyr{width:100%}.pl-item .plyr--audio{--plyr-audio-controls-background:transparent}.pl-item .plyr__volume input[type=range]{max-width:56px;min-width:40px}