@font-face{font-family:HUFS;src:url(/fonts/hufs-l.otf)format("opentype");font-weight:100 499;font-display:swap}@font-face{font-family:HUFS;src:url(/fonts/hufs-m.otf)format("opentype");font-weight:500 900;font-display:swap}@font-face{font-family:TrKo;src:url(/fonts/hufs-l.otf)format("opentype");font-weight:100 499;font-display:swap;unicode-range:U+11??,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}@font-face{font-family:TrKo;src:url(/fonts/hufs-m.otf)format("opentype");font-weight:500 900;font-display:swap;unicode-range:U+11??,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}:root{--bg:#f5f1fb;--surface:#fff;--text:#1f1933;--muted:#544b6b;--line:#d6e8f5;--primary:#1f6fa8;--primary-press:#1a5f92;--primary-edge:#3b1580;--ok:#166534;--ok-bg:#15803d;--err:#b42318;--hl:#fff1a8;--focus:#1f1933;--focus-on-dark:#ffd84d;--head-a:#9b2bc4;--head-b:#6527d4;--g1a:#1d64c8;--g1b:#4453d6;--g1s:#1d64c859;--g2a:#b93f0c;--g2b:#a8460a;--g2s:#b93f0c59;--g3a:#c21c55;--g3b:#b3123a;--g3s:#c21c5559;--g4a:#8a2cc6;--g4b:#6527d4;--g4s:#8a2cc659;--g5a:#0d7268;--g5b:#0b6a84;--g5s:#0d726859;--g6a:#4338ca;--g6b:#312e81;--g6s:#4338ca59;--radius:22px;--tap:48px;--rail:232px;font-size:106.25%}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:HUFS,Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.6}[lang=ko]{word-break:keep-all}h1,h2,h3{margin:0 0 .5rem;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.08rem}p{margin:0 0 .75rem}.muted{color:var(--muted)}.small{font-size:.88rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}.on-dark :focus-visible,.card:focus-within{outline-color:var(--focus-on-dark)}.skip-link{z-index:100;background:var(--surface);color:var(--text);border-radius:10px;padding:.6rem 1rem;font-weight:700;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.btn{--b:var(--primary);--p:var(--primary-press);--e:var(--primary-edge);min-height:var(--tap);font:inherit;color:#fff;background:var(--bg-wave,none) right 10px center / auto 64% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--b) 88%, #fff) 0%, var(--b) 55%);cursor:pointer;box-shadow:0 5px 0 var(--e), 0 10px 18px #3c147847, inset 0 1px 0 #ffffff59;border:0;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.3rem;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex;transform:translateY(0)}.btn:active{background:var(--bg-wave,none) right 10px center / auto 64% no-repeat, var(--p);box-shadow:0 1px 0 var(--e), 0 3px 8px #3c147840;transform:translateY(4px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn.secondary{--e:#d3e7f5;color:var(--text);background:var(--bg-wave-soft,none) right 10px center / auto 64% no-repeat, linear-gradient(180deg, #fff, #f3f9fe);box-shadow:0 5px 0 var(--e), 0 10px 18px #3c14781f}.btn.secondary:active{box-shadow:0 1px 0 var(--e);background:#eaf4fc}.btn.danger{--b:#b42318;--p:#912018;--e:#5c140f}.btn.block{width:100%}.btn.lg{min-height:56px;padding:.8rem 1.6rem;font-size:1.08rem}.icon-btn{width:var(--tap);height:var(--tap);color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:14px;place-items:center;display:inline-grid;box-shadow:0 3px #0000002e}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #0000002e}.icon-btn svg{width:26px;height:26px}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:linear-gradient(120deg, var(--head-a), var(--head-b));color:#fff;padding:max(env(safe-area-inset-top), 10px) 16px 0;z-index:20;border-radius:0 0 26px 26px;position:sticky;top:0;box-shadow:0 10px 28px #6527d459}.topbar-row{align-items:center;gap:8px;max-width:1100px;min-height:56px;margin:0 auto;display:flex}.topbar-title{text-align:center;flex:1;margin:0;font-size:1.15rem;font-weight:800}.topbar-spacer{width:var(--tap)}.tabs{scrollbar-width:none;gap:6px;max-width:1100px;margin:4px auto 0;padding:0 4px 2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:var(--tap);color:#ffffffeb;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px 12px 0 0;flex:none;padding:.4rem .9rem .7rem;font-size:1rem;font-weight:600;position:relative}.tab[aria-selected=true]{color:#fff;font-size:1.15rem;font-weight:800}@media (max-width:1280px){.tabs>.tab{padding-inline:.5rem}}.tab[aria-selected=true]:after{content:"";background:#fff;border-radius:4px;height:4px;position:absolute;bottom:4px;left:.9rem;right:.9rem}.layout{flex:1;width:100%;max-width:1100px;margin:0 auto;display:flex}.main{flex:1;min-width:0;padding:20px 16px 40px}.main>h1:first-child:focus,h1[tabindex="-1"]:focus{outline:none}.nav{z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px max(env(safe-area-inset-bottom), 6px);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #3c14781a}.nav a{max-width:120px;min-height:56px;color:var(--muted);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.88rem;font-weight:600;text-decoration:none;display:flex}.nav a svg{width:26px;height:26px}.nav a[aria-current=page]{color:var(--primary);background:#e6f3fc}@media (min-width:960px){.nav{width:var(--rail);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;justify-content:flex-start;align-self:flex-start;gap:6px;margin:20px 0 0 16px;padding:12px;position:sticky;top:96px;box-shadow:0 8px 24px #3c147814}.nav a{flex-direction:row;justify-content:flex-start;gap:12px;max-width:none;padding:0 14px;font-size:1rem}.main{padding:24px 24px 48px}}.stepper{flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.stepper li{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:.3rem .8rem;font-size:.88rem;font-weight:600;display:flex}.stepper li[aria-current=step]{background:var(--primary);border-color:var(--primary);color:#fff}.stepper li.done{color:var(--ok);border-color:#b7dfc3}.cards{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.cards.three{grid-template-columns:repeat(3,1fr)}}.card{--a:var(--g1a);--b:var(--g1b);--s:var(--g1s);border-radius:var(--radius);color:#fff;text-align:left;min-height:150px;font:inherit;background:linear-gradient(120deg, var(--a), var(--b));width:100%;box-shadow:0 6px 0 color-mix(in srgb, var(--b) 70%, #000), 0 16px 30px var(--s);cursor:pointer;border:0;align-items:center;gap:16px;padding:22px 20px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex;position:relative;overflow:hidden}.card:after{content:"";pointer-events:none;background:#0000001a;border-radius:50%;width:210px;height:260px;position:absolute;top:-40px;right:-60px}.card:active{box-shadow:0 1px 0 color-mix(in srgb, var(--b) 70%, #000), 0 6px 14px var(--s);transform:translateY(5px)}.card .badge{width:76px;height:76px;color:var(--b);background:#fffffff2;border-radius:50%;flex:none;place-items:center;font-size:1.9rem;font-weight:900;display:grid;box-shadow:0 4px 12px #0000002e}.card .body{z-index:1;flex:1;min-width:0;position:relative}.card .title{margin:0 0 2px;font-size:1.3rem;font-weight:800}.card .sub{margin:0 0 8px;font-weight:600}.card .stats{gap:18px;font-size:.88rem;display:flex}.card .stats b{font-size:1.05rem;display:block}.card .rank{z-index:1;text-align:center;min-width:64px;font-weight:700;position:relative}.card .rank b{font-size:1.6rem;display:block}.grade-1{--a:var(--g1a);--b:var(--g1b);--s:var(--g1s)}.grade-2{--a:var(--g2a);--b:var(--g2b);--s:var(--g2s)}.grade-3{--a:var(--g3a);--b:var(--g3b);--s:var(--g3s)}.grade-4{--a:var(--g4a);--b:var(--g4b);--s:var(--g4s)}.grade-5{--a:var(--g5a);--b:var(--g5b);--s:var(--g5s)}.grade-6{--a:var(--g6a);--b:var(--g6b);--s:var(--g6s)}.panel{background:var(--bg-wave-soft,none) right 16px bottom 12px / 150px 40px no-repeat, var(--surface);border-radius:var(--radius);border:1px solid var(--line);margin-bottom:18px;padding:18px;box-shadow:0 8px 24px #3c147814}.chips{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.chip{min-height:44px;font:inherit;cursor:pointer;background:var(--surface);color:var(--text);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:999px;padding:.35rem 1rem;font-weight:600}.chip[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 0 var(--primary-edge)}.chip:active{box-shadow:none;transform:translateY(2px)}.chip .n{opacity:.9;margin-left:4px;font-weight:500}label.field{margin-bottom:12px;font-weight:700;display:block}input[type=text],input[type=search],input[type=email],input[type=password],select{width:100%;min-height:var(--tap);font:inherit;color:var(--text);background:#fff;border:2px solid #8f84a8;border-radius:14px;margin-top:6px;padding:.55rem .9rem;font-size:1.05rem;display:block}input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--primary)}.search-row{align-items:flex-end;gap:8px;margin-bottom:14px;display:flex}.search-row label{flex:1;margin:0}.items{gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.items{grid-template-columns:repeat(2,1fr)}}.item{background:var(--surface);border:2px solid var(--line);cursor:pointer;min-height:64px;box-shadow:0 3px 0 var(--line);border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.item:has(input:checked){border-color:var(--ok-bg);background:#f0faf3;box-shadow:0 3px #0f5e2d}.item:has(input:disabled:not(:checked)){opacity:.6;cursor:not-allowed}.item:focus-within{outline:3px solid var(--focus);outline-offset:2px}.item input{width:24px;height:24px;accent-color:var(--ok-bg);flex:none;margin:3px 0 0}.item input:focus-visible{outline:none}.item .w{font-size:1.15rem;font-weight:800}.item .meta{color:var(--muted);font-size:.88rem}.item .tr{color:var(--text);font-size:.94rem}.selbar{z-index:15;background:var(--surface);border:2px solid var(--primary);border-radius:20px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;display:flex;position:sticky;bottom:84px;box-shadow:0 12px 30px #3c147838}.selbar .count{flex:1;min-width:140px;font-weight:700}@media (max-width:639px){.selbar{gap:8px;padding:8px 10px}.selbar .limit-help{display:none}.picked.in-bar{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.picked.in-bar li{flex:none}.picked.in-bar button{white-space:nowrap}}@media (min-width:960px){.selbar{bottom:16px}}.picked{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.picked button{min-height:36px;font:inherit;cursor:pointer;color:var(--text);background:#f0faf3;border:1px solid #b7dfc3;border-radius:999px;padding:.15rem .7rem;font-size:.94rem}.genres{border:0;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 20px;padding:0;display:grid}@media (min-width:760px){.genres{grid-template-columns:repeat(3,1fr)}}.genre{cursor:pointer;text-align:center;background:var(--surface);border:3px solid var(--line);min-height:120px;box-shadow:0 5px 0 var(--line);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px;font-size:1.05rem;font-weight:800;display:flex;position:relative}.genre .emoji{font-size:2rem;line-height:1}.genre .bpm{color:var(--muted);font-size:.88rem;font-weight:600}.genre input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.genre:has(input:checked){border-color:var(--primary);box-shadow:0 5px 0 var(--primary-edge);background:#eaf5fd}.genre:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.player{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.player select{width:auto;margin:0}.lyrics section{margin-bottom:18px}.lyrics h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.94rem}.line{border-radius:12px;margin:0 0 4px;padding:8px 12px}.line .ko{font-size:1.25rem;font-weight:700}.line .gl{color:var(--muted);font-size:.94rem}.line[aria-current=true]{background:var(--hl)}mark.t{color:inherit;border-bottom:3px solid var(--primary);background:0 0;padding:0 1px}.notice{background:#fff7e0;border:1px solid #f0d58a;border-radius:14px;margin-bottom:14px;padding:12px 14px}.quiz-q{border:2px solid var(--line);background:#fff;border-radius:16px;min-width:0;margin:0 0 12px;padding:14px}.quiz-q legend{display:contents}.quiz-q legend .chip{cursor:default;min-height:30px;box-shadow:none;margin-bottom:6px;font-size:.88rem;display:inline-flex}.quiz-q legend .chip.grammar{background:#e8f4ff;border-color:#a9cdf0}.quiz-q .prompt{margin-bottom:8px;font-size:1.2rem;font-weight:700;display:block}.quiz-q .blank{border-bottom:3px solid var(--primary);color:#0000;min-width:3.2em;margin:0 4px;display:inline-block}.opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}@media (max-width:520px){.opts{grid-template-columns:1fr}}.opt{min-height:var(--tap);text-align:left;font:inherit;color:var(--text);cursor:pointer;border:2px solid var(--line);box-shadow:0 4px 0 var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:.55rem .9rem;font-size:1.08rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:flex}.opt:hover:not(:disabled){border-color:var(--primary)}.opt:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.opt:disabled{cursor:default;color:var(--muted)}.opt .opt-no{width:28px;height:28px;color:var(--primary-press);background:#e6f3fc;border-radius:50%;flex:none;place-items:center;font-size:.88rem;display:inline-grid}.opt.right{border-color:var(--ok-bg);color:var(--ok);background:#eaf7ee;box-shadow:0 4px #9fd3ae}.opt.right .opt-no{background:var(--ok-bg);color:#fff}.opt.right:after{content:"✓";margin-left:auto}.opt.wrong{border-color:var(--err);color:var(--err);background:#fdecea;box-shadow:0 4px #f1b0a9}.opt.wrong .opt-no{background:var(--err);color:#fff}.opt.wrong:after{content:"✗";margin-left:auto}.quiz-score{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-edge);border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0 0 12px;padding:8px 14px;display:flex}.quiz-score .quiz-pts{font-size:1.15rem;font-weight:800}.quiz-final .btn{margin-top:6px}.medals{min-width:var(--tap);align-items:center;gap:4px;max-width:min(46vw,300px);display:flex}.medal-slot{color:#2a1d00;background:#ffe58a;border-radius:999px;align-items:center;gap:6px;min-width:0;min-height:38px;padding:2px 12px 2px 8px;font-size:.88rem;font-weight:800;display:inline-flex;box-shadow:inset 0 -3px #0000002e,0 2px 6px #0003}.medal-slot.gold{background:linear-gradient(135deg,#fff3b0,#f5c518)}.medal-slot.silver{color:#1f2430;background:linear-gradient(135deg,#fff,#c9ced6)}.medal-slot.bronze{color:#2b1300;background:linear-gradient(135deg,#ffd9b8,#d9894a)}.medal-slot.empty{color:var(--text);background:#ffffffeb}.medal-slot .m-emoji{font-size:1.15rem;line-height:1}.medal-slot .m-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.medal-slot .m-pts{white-space:nowrap}.medal-slot.turn{animation:.6s cubic-bezier(.3,1.4,.5,1) medal-turn}@keyframes medal-turn{0%{opacity:.2;transform:rotateX(90deg)}to{opacity:1;transform:none}}.medal-toggle{cursor:pointer;color:#fff;background:#fff3;border:0;border-radius:50%;flex:none;width:32px;height:32px;font-size:.7rem;font-weight:800}@media (max-width:420px){.topbar-title{font-size:1rem}.medal-slot .m-pts{display:none}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:.62s cubic-bezier(.6,0,.2,1) both wipe-forward;-webkit-mask-image:linear-gradient(90deg,#000 40%,#0000 50%);mask-image:linear-gradient(90deg,#000 40%,#0000 50%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}html[data-wipe=back]::view-transition-new(root){animation-name:wipe-back;-webkit-mask-image:linear-gradient(270deg,#000 40%,#0000 50%);mask-image:linear-gradient(270deg,#000 40%,#0000 50%)}@keyframes wipe-forward{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes wipe-back{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}::view-transition-old(root){animation:none}.medal-slot.turn{animation:none}.opt{transition:none}}.result{margin-top:8px;font-weight:700}.result.ok{color:var(--ok)}.result.bad{color:var(--err)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}th{color:var(--muted);font-weight:700}.login{background:linear-gradient(150deg, var(--head-a), var(--head-b));place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login .panel{width:100%;max-width:460px}.brand{color:#fff;text-align:center;margin-bottom:18px}.brand .logo{font-size:2.6rem}.brand h1{margin:0;font-size:1.9rem}.langs{border:0;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 16px;padding:0;display:grid}.langs label{min-height:var(--tap);border:2px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:flex}.langs label:has(input:checked){border-color:var(--primary);background:#eaf5fd}.langs input{width:20px;height:20px;accent-color:var(--primary);flex:none}.demo-btns{gap:12px;display:grid}.divider{color:var(--muted);align-items:center;gap:10px;margin:18px 0;font-size:.94rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}#google-btn{justify-content:center;min-height:44px;display:flex}.toast{z-index:50;background:var(--text);color:#fff;border-radius:14px;max-width:calc(100% - 32px);padding:.7rem 1.2rem;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.btn:active,.card:active,.chip:active{transform:none}}@media (forced-colors:active){.btn,.card,.chip,.item,.genre{border:2px solid buttontext}}.bi{flex-direction:column;gap:1px;line-height:1.25;display:inline-flex}.bi-tr{font-size:max(.82em,15px);font-weight:500}h1 .bi-tr,h2 .bi-tr{color:var(--muted);font-size:max(.6em,15px);font-weight:600}.on-dark h1 .bi-tr,.card .bi-tr,.btn .bi-tr,.tab .bi-tr,.chip[aria-pressed=true] .bi-tr,.stepper li[aria-current=step] .bi-tr,.nav .bi-tr{color:inherit}.btn .bi,.tab .bi,.chip .bi{text-align:center;align-items:center}.btn.secondary .bi-tr,.notice .bi-tr,.muted .bi-tr{color:var(--muted)}.nav a .bi{text-align:center;align-items:center}@media (min-width:960px){.nav a .bi{text-align:left;align-items:flex-start}}.stepper li .bi{flex-flow:wrap;gap:4px}.stepper li .bi-tr:before{content:"· "}label.field>.bi{margin-bottom:2px}.topics{grid-template-columns:repeat(2,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.topics{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.topics{grid-template-columns:repeat(4,1fr)}}.topic{height:100%;min-height:132px;color:var(--text);background:var(--surface);border:3px solid var(--line);box-shadow:0 5px 0 var(--line);border-radius:20px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex}.topic:hover{border-color:var(--primary)}.topic:active{box-shadow:0 1px 0 var(--line);transform:translateY(4px)}.topic .emoji{font-size:2rem;line-height:1}.topic .name{font-size:1.08rem;font-weight:800}.topic .count{color:var(--muted);margin-top:auto;font-size:.88rem}.pick-cols{gap:18px;display:grid}@media (min-width:1100px){.pick-cols{grid-template-columns:3fr 2fr;align-items:start}}.pick-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.pick-head h2{margin:0}.badge-count{min-height:36px;color:var(--primary-press);background:#e6f3fc;border-radius:999px;align-items:center;padding:0 12px;font-weight:800;display:inline-flex}.badge-count.ok{color:var(--ok);background:#e6f4ea}.section-vocab{border-top:6px solid var(--g1a)}.section-grammar{border-top:6px solid var(--g4a)}.pick-cols .items{grid-template-columns:1fr}@media (min-width:640px){.section-vocab .items{grid-template-columns:repeat(2,1fr)}}.kind-tag{color:#312e81;background:#eef2ff;border-radius:8px;padding:0 8px;font-size:.88rem;font-weight:700}.kind-tag.g{color:#1a5f92;background:#f3e8ff}.more-box summary{cursor:pointer;min-height:44px;color:var(--primary-press);align-items:center;font-weight:700;display:flex}.selbar .rows{flex:1;gap:4px;min-width:0;display:grid}.selbar .row{align-items:center;gap:8px;min-width:0;display:flex}.selbar .row .label{flex:none;font-size:.94rem;font-weight:800}.selbar .hint{color:var(--err);font-size:.88rem;font-weight:700}@media (max-width:639px){.stepper li:not([aria-current=step]) .bi-tr{display:none}}.selbar .row .label{align-items:baseline;gap:4px;display:inline-flex}.selbar .row .label .bi{flex-direction:row;gap:4px}.selbar .row .label .bi-tr:before{content:"· "}@media (max-width:639px){.selbar{flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px}.selbar .rows{flex-wrap:wrap;gap:2px 16px;display:flex}.selbar .row ul.picked,.selbar .row>.small,.selbar .row .label .bi-tr{display:none}.selbar .hint{flex-basis:100%}.selbar .hint .bi{flex-flow:wrap;gap:0 6px}.selbar .btn{width:100%}.selbar .btn .bi{flex-direction:row;gap:6px}}.yt{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:1100px){.yt{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start}}.yt-video{aspect-ratio:16/9;color:#fff;background:#0b0b0f;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 30px #140a2859;container-type:inline-size}.yt-video:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.yt-video:-webkit-full-screen{border-radius:0}.yt-video:fullscreen{border-radius:0}.yt-frames,.yt-frames .frame{position:absolute;inset:0}.yt-frames .frame{opacity:0;transition:opacity .9s}.yt-frames .frame.on{opacity:1}.scene-px,.scene-img{object-fit:cover;width:100%;height:100%;display:block}.scene-px{image-rendering:pixelated;image-rendering:crisp-edges}.yt-video.playing .frame.on .scene-px,.yt-video.playing .frame.on .scene-img{animation:14s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.12)translate(-2%,-1.5%)}}.yt-sub{text-align:center;pointer-events:none;position:absolute;bottom:74px;left:4%;right:4%}.yt-sub p{text-shadow:0 0 6px #000,0 2px 3px #000,0 0 2px #000;margin:0}.sub-ko{font-size:clamp(1rem,4.4cqi,2.6rem);font-weight:600;line-height:1.35}.sub-tr{color:#f1f1f1;font-size:clamp(.94rem,2.3cqi,1.4rem);margin-top:4px!important}.sub-word{pointer-events:auto;font:inherit;color:#fff;cursor:pointer;text-shadow:inherit;background:#6d28d98c;border:0;border-bottom:3px solid #ffd84d;border-radius:6px;margin:0 1px;padding:0 4px}.sub-word.g{background:#0d726899;border-bottom-color:#8ef0d6}.sub-word:hover{background:#6d28d9cc}.sub-word:focus-visible{outline-offset:2px;outline:3px solid #ffd84d}.yt-section{background:#0000008c;border-radius:8px;padding:2px 10px;font-size:.88rem;font-weight:700;position:absolute;top:10px;left:12px}.yt-bigplay{color:#fff;cursor:pointer;background:#e0201b;border:0;border-radius:16px;width:76px;height:54px;font-size:1.6rem;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px #8f120f,0 10px 20px #0006}.yt-bigplay:active{transform:translate(-50%,calc(4px - 50%));box-shadow:0 1px #8f120f}.yt-bigplay:focus-visible{outline-offset:3px;outline:3px solid #ffd84d}.yt-controls{background:linear-gradient(#0000,#000000c7);padding:4px 10px 6px;position:absolute;bottom:0;left:0;right:0}.yt-seek{accent-color:#e0201b;width:100%;height:18px;margin:0}.yt-row{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.yt-gap{flex:1}.yt-btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;font-size:1.15rem;display:inline-flex}.yt-btn:hover{background:#ffffff24}.yt-btn:focus-visible{outline-offset:1px;outline:3px solid #ffd84d}.yt-cc{padding:0 8px;font-size:.88rem;font-weight:700}.yt-cc .bi{flex-direction:row;gap:4px}.yt-cc .bi-tr{display:none}.yt-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 4px;font-size:.94rem}.yt-select{color:#fff;background:#0006;border:1px solid #ffffff80;border-radius:8px;width:auto;min-height:36px;margin:0;padding:0 6px;font-size:.94rem}@media (max-width:639px){.yt-sub{bottom:66px}.yt-time{display:none}.yt-btn{min-width:40px}.yt-video{border-radius:10px}}.yt-side{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:0 8px 24px #3c147814}@media (min-width:1100px){.yt-side{flex-direction:column;max-height:calc(100dvh - 110px);display:flex;position:sticky;top:90px}}.yt-side h2{margin:6px 0 8px;font-size:1.05rem}.yt-lyrics{flex:1;min-height:0;max-height:60vh;padding-right:4px;overflow-y:auto}@media (min-width:1100px){.yt-lyrics{max-height:none}}.yt-lyrics h3{color:var(--muted);margin:12px 0 4px;font-size:.88rem}.yt-lyrics ol{margin:0;padding:0;list-style:none}.lyric{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:1px;min-height:44px;padding:7px 10px;display:flex}.lyric:hover{background:#f3eefc}.lyric[aria-current=true]{background:var(--hl)}.lyric .ko{font-weight:700}.lyric .gl{color:var(--muted);font-size:.94rem}.word-card{border:2px solid var(--primary);background:#f6fbff;border-radius:16px;margin-bottom:10px;padding:12px 14px}.word-card h3{margin:0;font-size:1.4rem}.word-card h4{color:var(--muted);margin:10px 0 2px;font-size:.88rem}.word-card p{margin:0}.wc-head{align-items:center;gap:8px;display:flex}.wc-close{cursor:pointer;min-width:44px;min-height:44px;color:var(--text);background:#e6f3fc;border:0;border-radius:10px;margin-left:auto;font-size:1.1rem}.wc-line{font-weight:700}.word-hint{margin:0 0 6px}.chip-static{background:#f0faf3;border:1px solid #b7dfc3;border-radius:999px;align-items:center;min-height:36px;padding:.15rem .7rem;font-size:.94rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.yt-frames .frame{transition:none}.yt-video.playing .frame.on .scene-px,.yt-video.playing .frame.on .scene-img{animation:none}}.yt-sub p{background:#0000009e;border-radius:8px;padding:2px 12px;display:table;margin-left:auto!important;margin-right:auto!important}@media (min-width:1280px){.layout,.topbar-row,.tabs{max-width:1400px}}@media (min-width:960px){.nav{z-index:10}}@media (max-width:639px){.yt-cc .bi{display:none}.yt-select{min-height:34px;padding:0 2px;font-size:.88rem}.yt-row{gap:0}#yt-keys{display:none}.yt-bigplay{width:58px;height:42px;font-size:1.25rem;top:30%}}.topic{position:relative}.topic .topic-no{color:var(--muted);font-size:.88rem;font-weight:800;position:absolute;top:10px;right:12px}.topic .cat{color:var(--primary-press);background:#e6f3fc;border-radius:8px;padding:0 8px;font-size:.88rem;font-weight:700}.topic .theme{color:var(--muted);font-size:.94rem}.topic .theme .bi-tr{font-size:max(.82em,15px)}.hero-neon{border-radius:var(--radius);background:radial-gradient(at 70% 40%,#1b2140,#070812 70%);min-height:160px;margin:0 0 18px;position:relative;overflow:hidden;box-shadow:0 10px 26px #140a3c59}.hero-art,.hero-art svg{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-text{z-index:1;color:#fff;max-width:62%;padding:26px 22px;position:relative}.hero-title{text-shadow:0 0 14px #4fb8ffcc,0 2px 4px #000;margin:0;font-size:clamp(1.3rem,3.4vw,2rem);font-weight:900}.hero-title .bi-tr{color:#e6f4ff;font-size:.62em;font-weight:700}@media (max-width:520px){.hero-text{max-width:100%;padding:18px 16px 70px}}.voca-cover{border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(120deg, var(--a), var(--b));min-height:230px;margin:-18px -18px 16px;position:relative;overflow:hidden}.vc-art,.vc-art svg{width:100%;height:100%;display:block;position:absolute;inset:0}.vc-card{z-index:1;background:#fff6e8e6;border-radius:20px;max-width:min(56%,420px);margin:16px;padding:14px 18px 12px;position:relative;box-shadow:0 8px 24px #3c1e0a40}.vc-kicker{color:#4a2c1a;align-items:center;gap:8px;margin:0;font-weight:800;display:flex}.vc-pencil{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);background:linear-gradient(90deg,#f6f0e8 0 14%,#e5484d 14% 86%,#f6d5b0 86%);width:44px;height:9px;display:inline-block}.vc-title{color:#1a1414;margin:2px 0 0;font-size:clamp(1.7rem,5vw,2.6rem);font-weight:900;line-height:1.05}.vc-tr{color:#4a2c1a;margin:4px 0 0;font-size:.94rem;font-weight:700}.vc-count{align-items:flex-end;gap:10px;margin:6px 0 0;display:flex}.vc-num{letter-spacing:-.04em;color:#1a1414;font-size:clamp(3rem,9vw,4.6rem);font-weight:900;line-height:.9}.vc-num .lattice{color:#0000;-webkit-text-stroke:3px #1a1414;background:repeating-linear-gradient(90deg,#c94f43 0 2px,#0000 2px 7px),repeating-linear-gradient(0deg,#c94f43 0 2px,#f2d8c9 2px 7px);-webkit-background-clip:text;background-clip:text}.vc-of{color:#4a2c1a;padding-bottom:6px;font-weight:800}@media (max-width:560px){.voca-cover{min-height:0;padding-top:150px}.vc-art svg{height:170px;bottom:auto}.vc-card{max-width:none;margin:0 12px 12px}}.jt-poster{border-radius:var(--radius) var(--radius) 0 0;text-align:center;background:radial-gradient(circle at 15% 80%,#e7f3e5 0 18%,#0000 19%),radial-gradient(circle at 90% 70%,#e9f1e4 0 14%,#0000 15%),#f7f5f2;margin:-18px -18px 16px;padding:18px 18px 14px;position:relative;overflow:hidden}.jt-poster:before,.jt-poster:after{content:"";background:linear-gradient(20deg,#0000 44%,#f5c843 44% 56%,#0000 56%) 0 0/100% 33% no-repeat,linear-gradient(#0000 44%,#f5c843 44% 56%,#0000 56%) 0/100% 33% no-repeat,linear-gradient(-20deg,#0000 44%,#f5c843 44% 56%,#0000 56%) 0 100%/100% 33% no-repeat;width:46px;height:40px;position:absolute;top:24px}.jt-poster:before{left:8%;transform:scaleX(-1)}.jt-poster:after{right:8%}.jt-title{margin:0}.jt-title span{color:#121a2b;letter-spacing:-.02em;background:linear-gradient(#0000 22%,#fbefae 22% 92%,#0000 92%);border-radius:18px;padding:0 .4em;font-size:clamp(1.9rem,6vw,2.9rem);font-weight:900;display:inline-block}.jt-sub{color:#121a2b;background:linear-gradient(#0000 70%,#f7c6d2 70%);margin:2px 0 0;font-size:clamp(1.2rem,3.6vw,1.7rem);font-weight:700;display:inline-block}.jt-sub-tr{color:#4a3f5c;margin:2px 0 0;font-size:.94rem;font-weight:700}.jt-row{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.jt-col{flex-direction:column;gap:10px;min-width:0;display:flex}.jt-face{flex:none;width:84px}.jt-face svg{width:100%;display:block}.jt-bubble{color:#121a2b;white-space:nowrap;background:#fff;border-radius:18px;padding:6px 14px;font-weight:800;display:inline-block;position:relative;box-shadow:0 3px 10px #1e143c1f}.jt-bubble:after{content:"";background:#fff;width:12px;height:12px;position:absolute;bottom:-6px;transform:rotate(45deg)}.jt-bubble.l:after{right:16px}.jt-bubble.r:after{left:16px}.jt-col:first-child .jt-bubble:nth-child(2){margin-left:18px}.jt-col:last-child .jt-bubble:nth-child(2){margin-right:18px}@media (max-width:460px){.jt-face{width:64px}.jt-bubble{padding:4px 10px;font-size:.94rem}}.genre{padding-top:0;overflow:hidden}.genre-art{aspect-ratio:4/3;width:calc(100% + 28px);max-height:180px;margin:0 -14px 6px;display:block;overflow:hidden}.genre-art svg{width:100%;height:100%;display:block}.genre:has(input:checked) .genre-art{box-shadow:inset 0 -4px 0 var(--primary)}.panel.beach{padding-top:0;overflow:hidden}.beach-strip{background:var(--bg-beach,#f7c98f) center / cover no-repeat;height:74px;margin:0 -18px 12px}.card.song-card{color:var(--text);background:var(--bg-player,#f8dcbc) center / cover no-repeat;box-shadow:0 6px #d99a7a,0 16px 30px #b45a3c40}.card.song-card:after{display:none}.card.song-card .badge{color:var(--text)}.card.song-card .bi-tr{color:#3a2f45}.mini-player{max-width:260px;margin-top:10px;display:block}.mp-bar{background:#2b2433;border-radius:2px;height:3px;display:block;position:relative}.mp-dot{background:#2b2433;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:28%;transform:translate(-50%,-50%)}.mp-btns{color:#2b2433;justify-content:space-between;align-items:center;margin-top:6px;font-size:1rem;display:flex}.mp-btns b{color:#f8dcbc;background:#2b2433;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.8rem;display:grid}.quiz-score{background:var(--bg-wave-on-dark,none) right 12px center / auto 70% no-repeat, var(--primary)}.yt-mood{pointer-events:none;position:absolute;inset:0}.yt-video[data-genre=kpop] .yt-mood{background:radial-gradient(at 50% 120%,#3fd7ff38,#0000 60%),radial-gradient(circle at 10% 10%,#ff4fa329,#0000 40%)}.yt-video[data-genre=children] .yt-mood{background:radial-gradient(circle at 12% 12%,#ffe06647,#0000 40%)}.yt-video[data-genre=ballad] .yt-mood{background:radial-gradient(at 80% 0,#ffb35c42,#0000 55%),linear-gradient(#0000001f,#0000001f)}.yt-video[data-genre=hiphop] .yt-mood{background:linear-gradient(#ffa05a1f,#0000 50%)}.yt-video[data-genre=trot] .yt-mood{background:radial-gradient(circle at 90% 15%,#fff6b04d,#0000 30%),radial-gradient(circle,#ff8fd024 1px,#0000 1.5px) 0 0/6px 6px}.yt-video[data-genre=folk] .yt-mood{background:linear-gradient(#0d1b3d38,#0000 60%),radial-gradient(at 50% 110%,#ffb34733,#0000 50%)}.yt-wave{opacity:.9;pointer-events:none;background:#1717178c;border-radius:8px;width:26%;height:auto;position:absolute;top:10px;right:2.5%}.yt-mascot{aspect-ratio:9/16;z-index:2;opacity:0;pointer-events:none;border:2px solid #ffffffd9;border-radius:12px;width:13.26%;transition:opacity .5s,transform .5s;position:absolute;bottom:62px;right:2.5%;overflow:hidden;transform:translateY(12px)scale(.9);box-shadow:0 6px 18px #00000073}.yt-mascot svg{width:100%;height:100%;display:block}.yt-video.started .yt-mascot{opacity:1;transform:none}@media (max-width:639px){.yt-mascot{border-width:1px;border-radius:8px;bottom:54px}}.art .art-bob,.art .art-bounce{transform-box:fill-box;transform-origin:50% 100%;animation:art-bob var(--beat,.5s) ease-in-out infinite alternate}.art .art-bounce{animation-name:art-bounce}.art .art-arm-l{transform-box:fill-box;transform-origin:100% 0;animation:art-arm-l calc(var(--beat,.5s) * 2) ease-in-out infinite alternate}.art .art-arm-r{transform-box:fill-box;transform-origin:0 0;animation:art-arm-r calc(var(--beat,.5s) * 2) ease-in-out infinite alternate}.art .art-leg-l,.art .art-leg-r{transform-box:fill-box;transform-origin:50% 0;animation:art-leg calc(var(--beat,.5s) * 2) ease-in-out infinite alternate}.art .art-leg-r{animation-direction:alternate-reverse}.art .art-hair{transform-box:fill-box;transform-origin:100% 0;animation:art-hair var(--beat,.5s) ease-in-out infinite alternate}.art .art-spin{transform-box:fill-box;transform-origin:50%;animation:art-spin calc(var(--beat,.5s) * 8) linear infinite}.art .art-wave{transform-box:fill-box;transform-origin:100% 100%;animation:art-wave var(--beat,.5s) ease-in-out infinite alternate}.art .art-sway{transform-box:fill-box;transform-origin:50% 100%;animation:art-sway calc(var(--beat,.5s) * 2) ease-in-out infinite alternate}.art .art-sway-slow{transform-box:fill-box;transform-origin:50% 100%;animation:art-sway calc(var(--beat,.5s) * 4) ease-in-out infinite alternate}.art .art-mic{transform-box:fill-box;transform-origin:100% 100%;animation:art-mic calc(var(--beat,.5s) * 2) ease-in-out infinite alternate}.art .art-float{animation:art-float calc(var(--beat,.5s) * 4) ease-in-out infinite}.art .art-pulse{transform-box:fill-box;transform-origin:50%;animation:art-pulse calc(var(--beat,.5s) * 2) ease-in-out infinite alternate}.art .art-wink{transform-box:fill-box;transform-origin:50%;animation:art-pulse var(--beat,.5s) ease-in-out infinite alternate}.art .art-dress{transform-box:fill-box;transform-origin:0 0;animation:art-dress calc(var(--beat,.5s) * 2) ease-in-out infinite alternate}.art .art-twinkle{animation:2.4s ease-in-out infinite art-twinkle}@keyframes art-bob{to{transform:translateY(-3px)}}@keyframes art-bounce{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-5px)rotate(2deg)}}@keyframes art-arm-l{0%{transform:rotate(-14deg)}to{transform:rotate(22deg)}}@keyframes art-arm-r{0%{transform:rotate(18deg)}to{transform:rotate(-24deg)}}@keyframes art-leg{0%{transform:rotate(-6deg)}to{transform:rotate(7deg)}}@keyframes art-hair{0%{transform:rotate(-8deg)}to{transform:rotate(10deg)}}@keyframes art-spin{to{transform:rotate(360deg)}}@keyframes art-wave{0%{transform:rotate(-22deg)}to{transform:rotate(18deg)}}@keyframes art-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes art-mic{0%{transform:rotate(-4deg)}to{transform:rotate(3deg)}}@keyframes art-float{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:.5;transform:translateY(-8px)}}@keyframes art-pulse{0%{transform:scale(.94)}to{transform:scale(1.06)}}@keyframes art-dress{0%{transform:skew(-4deg)}to{transform:skew(5deg)}}@keyframes art-twinkle{0%,to{opacity:1}50%{opacity:.25}}.yt-video:not(.playing) .art *{animation-play-state:paused}.genre:not(:has(input:checked)) .art *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.art *{animation:none!important}.yt-mascot{transition:none}}.frame .scene-px{filter:blur(1.3px)saturate(1.12)brightness(.96)}.scene-hero{aspect-ratio:200/262;pointer-events:none;filter:drop-shadow(0 8px 14px #00000059);opacity:0;height:80%;transition:transform .8s cubic-bezier(.2,.9,.3,1.2),opacity .6s;position:absolute;bottom:0;left:1.5%;transform:translate(-14%)}.scene-hero svg{width:100%;height:100%;display:block;overflow:visible}.frame.on .scene-hero{opacity:1;transform:none}.yt-sub{left:30%}.yt-video.started .yt-sub{right:17%}.yt-video:not(.playing) .scene-hero .art *{animation-play-state:paused}@media (max-width:639px){.scene-hero{height:74%}.yt-sub{left:26%}}@media (prefers-reduced-motion:reduce){.scene-hero{transition:none;transform:none}}.jt-face{width:100px}.card.song-card .body{max-width:66%}.music-bar{background:#eaf5fd;border:1px solid #d8c8f5;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px;padding:10px 14px;display:flex}.music-bar .btn{margin-left:auto}.music-bar.busy{background:#fff7e0;border-color:#f0d58a}.music-bar.done{color:var(--ok);background:#eaf7ee;border-color:#b7dfc3;font-weight:700}.music-bar.failed{background:#fdecea;border-color:#f1b0a9}.export-row{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 12px;display:flex}.level-card .lv-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.lv-badge{color:#fff;background:radial-gradient(circle at 35% 30%,#a98bff,#1a5f92 70%);border-radius:50%;flex:none;place-items:center;width:92px;height:92px;font-size:1.5rem;font-weight:900;display:grid;box-shadow:0 6px #3b1580,0 12px 24px #3c14784d}.lv-badge.lv-4,.lv-badge.lv-5,.lv-badge.lv-6{background:radial-gradient(circle at 35% 30%,#5fd3c4,#0b6a84 70%);box-shadow:0 6px #064452,0 12px 24px #0a50644d}.lv-badge.lv-7,.lv-badge.lv-8,.lv-badge.lv-9{background:radial-gradient(circle at 35% 30%,#ffb37a,#b93f0c 70%);box-shadow:0 6px #6e2506,0 12px 24px #963c0a4d}.lv-badge.lv-10{color:#2a1d00;background:radial-gradient(circle at 35% 30%,#fff3b0,#b8860b 70%);box-shadow:0 6px #6b4e07,0 12px 24px #966e0a59}.lv-summary{flex:1;min-width:220px}.lv-meter{gap:5px;margin:0 0 8px;padding:0;list-style:none;display:flex}.lv-meter li{background:var(--line);border-radius:5px;flex:1;max-width:30px;height:10px}.lv-meter li.on{background:var(--primary)}.lv-daily{margin:0 0 4px;font-weight:800}.lv-next h3{margin:14px 0 8px}.lv-row{grid-template-columns:10rem 1fr auto;align-items:center;gap:10px;margin:6px 0;display:grid}.lv-row progress{width:100%;height:12px;accent-color:var(--primary)}.lv-num{font-variant-numeric:tabular-nums;font-weight:700}.lv-num.ok{color:var(--ok)}.lv-pending{margin-top:10px}.quota{background:#eaf5fd;border:1px solid #d8c8f5;border-radius:14px;margin:0 0 10px;padding:10px 14px;font-weight:700}.quota.none{color:var(--err);background:#fdecea;border-color:#f1b0a9}.lv-admin{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lv-admin select{width:auto;min-height:40px;margin:0}.lv-admin .btn{min-height:40px;padding:.3rem .8rem}tr.lv-due td{background:#fff7e0}.lv-table td,.lv-table th{text-align:center}.email-box{gap:4px;display:grid}.email-box .field{margin-bottom:8px}.role-pick{border:0;flex-wrap:wrap;gap:8px 18px;margin:4px 0 8px;padding:0;display:flex}.role-pick legend{margin-bottom:4px;font-weight:700}.role-pick label{align-items:center;gap:6px;min-height:44px;font-weight:700;display:inline-flex}.linkish{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;min-height:44px;padding:0;font-weight:700;text-decoration:underline}.st{border-radius:999px;padding:1px 10px;font-size:.88rem;font-weight:700;display:inline-block}.st-pending{color:#7a4a00;background:#fff7e0;border:1px solid #f0d58a}.st-approved{color:var(--ok);background:#eaf7ee;border:1px solid #b7dfc3}.st-rejected{color:var(--err);background:#fdecea;border:1px solid #f1b0a9}.pending-panel{border:2px solid #f0d58a}.temp-pw{-webkit-user-select:all;user-select:all;background:#fff7e0;border-radius:8px;padding:4px 8px;font-size:1.05rem}.tones{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px;padding:0;display:grid}.tones legend{margin-bottom:8px;font-size:1.05rem;font-weight:800}.tone{cursor:pointer;background:var(--surface);border:3px solid var(--line);min-height:76px;box-shadow:0 5px 0 var(--line);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.tone input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tone-emoji{flex:none;font-size:2rem;line-height:1}.tone-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tone-text .small{color:var(--muted)}.tone:has(input:checked){border-color:var(--primary);box-shadow:0 5px 0 var(--primary-edge);background:#eaf5fd}.tone-funny:has(input:checked){background:#fff4e0;border-color:#e07a00;box-shadow:0 5px #9a5200}.tone:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}@media (max-width:520px){.tones{grid-template-columns:1fr}}.tone-badge{color:#7a3d00;background:#fff4e0;border:1px solid #f0c27a;border-radius:999px;align-items:center;gap:4px;margin:0 0 6px;padding:2px 12px;font-weight:800;display:inline-flex}.login-start{background:#fdf0e3;border-radius:18px;margin:4px 0 6px;padding:18px 18px 14px}.login-start h2{margin:0 0 14px;font-size:1.15rem}.start-row{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.btn-google{cursor:pointer;color:#1f1933;min-height:56px;font:inherit;background:#ffc552;border:0;border-radius:999px;align-items:center;gap:12px;padding:8px 26px 8px 10px;font-size:1.12rem;font-weight:800;display:inline-flex;box-shadow:0 4px #d99a1e}.btn-google:hover{background:#ffbb38}.btn-google:active{transform:translateY(2px);box-shadow:0 2px #d99a1e}.btn-google:focus-visible{outline-offset:3px;outline:3px solid #1f1933}.g-icon{background:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.linkish.dark{color:#1f1933;font-weight:600}.browse-link{align-items:center;margin-top:6px;display:inline-flex}.lock-note{color:#544b6b;margin:10px 0 0}.emergency{background:#fff;border:2px solid #f0d9c2;border-radius:14px;margin-top:12px;padding:14px}.emergency h3{margin:0 0 4px;font-size:1rem}.demo-box{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.demo-box h3{color:var(--muted);margin:0 0 10px;font-size:1rem}@media (max-width:420px){.btn-google{justify-content:center;width:100%}}.browse-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.browse-head p{margin:0}.browse-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.browse-card{border:2px solid var(--line);background:var(--surface);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.browse-emoji{font-size:1.8rem;line-height:1}.browse-text{flex-direction:column;gap:3px;min-width:0;display:flex}.lock-line{color:#544b6b}.linkish.dark{text-align:left}.start-row .linkish{min-height:44px}.login .panel:has(.login-start){max-width:560px}.start-row .linkish{font-size:.95rem}.linkish .bi-ko,.linkish .bi-tr{text-underline-offset:3px;text-decoration:underline}.login.browse .panel{max-width:720px}@media (max-width:420px){.btn-google{white-space:nowrap;gap:10px;padding-left:8px;font-size:1rem}}.btn-google{padding-right:20px;font-size:1rem}.start-row{gap:10px 12px}.karaoke-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.karaoke-card{color:#fff;background:#1b1536;border:2px solid #3a2f6b;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:grid;box-shadow:0 4px #0d0a1f}.karaoke-card:focus-visible{outline-offset:3px;outline:3px solid #ffd84d}.kc-emoji{font-size:2rem}.kc-body{flex-direction:column;gap:3px;min-width:0;display:flex}.kc-title{font-size:1.05rem;font-weight:800}.kc-title .bi-tr,.kc-sub{color:#d9d2f0}.kc-best{color:#ffd84d;text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.kc-best b{font-size:1.6rem;line-height:1}.kc-best .small{color:#d9d2f0}.kc-best.none{color:#d9d2f0;font-size:.9rem}.k-tips{color:var(--muted);gap:4px;margin:0 0 12px;padding-left:0;list-style:none;display:grid}.k-opts{flex-wrap:wrap;align-items:flex-start;gap:10px 22px;margin:0 0 14px;display:flex}.k-opts fieldset{border:0;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;display:flex}.k-opts legend{margin-bottom:4px;font-weight:800}.k-opt{cursor:pointer;align-items:center;gap:6px;min-height:40px;display:inline-flex}.k-opt input{width:20px;height:20px;accent-color:var(--primary)}.k-opt:has(input:disabled){color:var(--muted);cursor:not-allowed}.k-stage{text-align:center;color:#fff;background:radial-gradient(120% 90% at 50% 0,#3b1f7a 0%,#1b1240 55%,#0e0a22 100%);border-radius:22px;flex-direction:column;justify-content:center;gap:8px;min-height:300px;padding:34px 22px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #3a2f6b,0 10px 24px #140a3259}.k-lights{pointer-events:none;position:absolute;inset:0}.k-lights i{filter:blur(30px);opacity:.28;transform-origin:top;border-radius:50%;width:120px;height:260px;position:absolute;top:-40px}.k-lights i:first-child{background:#ff4fa3;left:4%}.k-lights i:nth-child(2){background:#4fd1ff;left:24%}.k-lights i:nth-child(3){background:#ffd84d;left:44%}.k-lights i:nth-child(4){background:#7cff8a;left:64%}.k-lights i:nth-child(5){background:#b77bff;left:84%}.k-stage.on .k-lights i{animation:2.4s ease-in-out infinite alternate k-sway}.k-stage.on .k-lights i:nth-child(2n){animation-duration:3.1s;animation-direction:alternate-reverse}@keyframes k-sway{0%{opacity:.18;transform:rotate(-14deg)}to{opacity:.42;transform:rotate(14deg)}}.k-stage>p{margin:0;position:relative}.k-prev,.k-next{color:#c9c2e0;min-height:1.5em;font-size:1.05rem}.k-now{--f:0%;background:linear-gradient(90deg, #ffd84d var(--f), #fff var(--f));color:#0000;filter:drop-shadow(0 2px #000);-webkit-background-clip:text;background-clip:text;align-self:center;max-width:100%;min-height:1.4em;font-size:clamp(1.5rem,4.6vw,2.3rem);font-weight:900;line-height:1.35}.k-gloss{color:#e6e0f5;min-height:1.4em;font-size:1rem}.k-progress{background:#ffffff2e;border-radius:3px;height:6px;margin-top:10px;position:relative}.k-progress span{background:linear-gradient(90deg,#ff4fa3,#ffd84d);border-radius:3px;width:0;height:100%;display:block}.k-mic{color:#ffd84d;justify-content:center;align-items:center;gap:8px;min-height:1.4em;font-weight:700;display:flex}.k-dot{background:#ff4f6d;border-radius:50%;width:12px;height:12px;animation:1.2s infinite k-pulse;box-shadow:0 0 #ff4f6db3}@keyframes k-pulse{to{box-shadow:0 0 0 12px #ff4f6d00}}.k-live{color:#d9d2f0;overflow-wrap:anywhere;min-height:1.4em;font-size:.95rem}.k-count{color:#ffd84d;text-shadow:0 0 30px #ffd84db3;pointer-events:none;z-index:2;place-items:center;font-size:6rem;font-weight:900;display:grid;position:absolute;inset:0}.k-stage.counting>:not(.k-count):not(.k-lights){opacity:.25}.k-actions{flex-wrap:wrap;gap:12px;margin:16px 0 8px;display:flex}.k-result{background:var(--surface);border:2px solid var(--line);border-radius:20px;margin-top:18px;padding:20px}.k-result:focus{outline:none}.k-result h2{margin-top:0}.k-score-box{text-align:center;color:#fff;background:#1b1536;border-radius:18px;padding:18px 12px}.k-score{color:#ffd84d;font-variant-numeric:tabular-nums;font-size:4.2rem;line-height:1}.k-score-unit{color:#ffd84d;margin-left:4px;font-size:1.3rem}.k-rank{margin:10px 0 4px;font-size:1.2rem;font-weight:800}.k-rank .bi-tr{color:#e6e0f5}.k-newbest{color:#ffd84d;margin:4px 0 0;font-weight:800}.k-score-box .small{color:#d9d2f0;margin:4px 0 0}.k-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0;display:grid}.k-metrics div{background:#eaf5fd;border-radius:14px;padding:10px 12px}.k-metrics dt{color:var(--muted);font-size:.9rem}.k-metrics dd{color:var(--text);margin:2px 0 0;font-size:1.4rem;font-weight:900}.k-lines{gap:8px;margin:0;padding-left:1.6em;display:grid}.k-lines li{grid-template-columns:1fr minmax(80px,140px) auto;align-items:center;gap:10px;display:grid}.k-lines li.missed .k-line-text{color:var(--muted)}.k-bar{background:#ece6f7;border-radius:5px;height:10px;overflow:hidden}.k-bar span{background:linear-gradient(90deg,#8a52d6,#ff4fa3);border-radius:5px;height:100%;display:block}.k-line-pct{text-align:right;min-width:4.5em;color:var(--muted)}@media (max-width:520px){.k-lines li{grid-template-columns:1fr auto}.k-bar{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){.k-stage.on .k-lights i,.k-dot{animation:none}}.k-tips li{align-items:flex-start;gap:6px;display:flex}.k-lines li{grid-template-columns:minmax(0,1fr) minmax(70px,120px) minmax(4.5em,8.5em)}.k-line-pct{overflow-wrap:anywhere}@media (max-width:520px){.k-lines li{grid-template-columns:minmax(0,1fr) auto}}.pf-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pf-item{background:var(--surface);border:2px solid var(--line);border-radius:18px;gap:8px;padding:14px 16px;display:grid}.pf-board .pf-item.top{background:linear-gradient(#fffaf0,#fff);border-color:#f0c27a}.pf-board .pf-item.top-1{border-color:#e2b23a;box-shadow:0 4px #e9c766}.pf-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.pf-emoji{font-size:1.8rem}.pf-rank{text-align:center;min-width:2.2em;color:var(--text);font-size:1.6rem;font-weight:900}.pf-title{flex-direction:column;gap:2px;min-width:0;font-weight:800;display:flex}.pf-singer{color:var(--muted);font-weight:600}.pf-score{color:var(--text);text-align:right;font-size:.9rem}.pf-score b{margin-right:2px;font-size:1.4rem}.pf-score-vote{color:#b4234f;white-space:nowrap;font-size:1.3rem;font-weight:900}.pf-meta{color:var(--muted)}.pf-row{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.pf-listen{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.pf-line{color:var(--primary);font-weight:700}.pf-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.pf-vote[aria-pressed=true]{color:#fff;background:#b4234f;border-color:#b4234f}.pf-status{border:1px solid;border-radius:999px;align-items:center;padding:1px 10px;font-weight:800;display:inline-flex}.pf-status.st-private{color:#4a4160;background:#f1eef7;border-color:#d6cfe6}.pf-status.st-pending{color:#7a3d00;background:#fff4e0;border-color:#f0c27a}.pf-status.st-approved{color:#166534;background:#e6f4ea;border-color:#9fd3ae}.pf-status.st-rejected{color:#b42318;background:#fdecea;border-color:#f2b8b2}.pf-filter{border:0;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;display:flex}.pf-filter label{border:2px solid var(--line);cursor:pointer;background:var(--surface);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-weight:700;display:inline-flex}.pf-filter label:has(input:checked){border-color:var(--primary);background:#eaf5fd}.pf-filter input{accent-color:var(--primary)}.pf-mine{margin-top:18px}.k-record{flex-basis:100%}.k-record p{margin:0 0 0 28px}.k-rec{color:#ff6b81;letter-spacing:.05em;font-weight:900}.k-recbox{background:#fff7fb;border:2px solid #f4c4d6;border-radius:16px;margin:14px 0;padding:14px}.k-recbox h3{margin:0 0 6px}@media (max-width:520px){.pf-head{grid-template-columns:auto minmax(0,1fr)}.pf-score,.pf-score-vote{text-align:left;grid-column:2}}.topbar-row .topbar-spacer{display:none}.topbar .topbar-row>.visitors{background:#ffffffb3;border-radius:12px;order:-1;gap:0;margin-left:auto;padding:4px 12px;font-size:.8rem;line-height:1.3;display:grid;box-shadow:inset 0 0 0 1px #cfe6f6}.visitors .vc-row{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.visitors .vc-label .bi{flex-direction:row;align-items:baseline;gap:5px}.visitors .vc-label .bi-tr{font-size:.9em}.visitors .vc-num{color:#1d4ed8;text-align:right;min-width:2.5em;font-size:1.05em}@media (max-width:720px){.topbar .topbar-row>.visitors{display:none}}.topbar .topbar-row>.class-shortcut{color:#8a3a0c;background:radial-gradient(120% 140% at 50% 0,#fffaf3 0%,#ffe3c7 55%,#ffc48f 100%);border-radius:14px;order:-1;align-items:center;gap:4px;padding:8px 16px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:inset 0 -4px 8px #00000014,inset 0 2px 4px #ffffffb3,0 4px 10px #5a280038}.class-shortcut .bi{white-space:nowrap;flex-direction:row;align-items:baseline;gap:6px}.topbar .topbar-row>.class-shortcut{white-space:nowrap;flex:none}.class-shortcut .bi-tr{font-size:.8em;font-weight:700}.class-shortcut:hover,.class-shortcut:focus-visible{filter:brightness(1.04)saturate(1.15);outline:none}.tabs>.tab-acc-first{margin-left:auto}.tabs>.tab-acc+.tab-end,.tabs>.tab-acc+.tab-acc{margin-left:0}.tabs>.tab-acc{cursor:pointer;text-decoration:none}.tabs>a.tab{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.topbar .tabs>.tab-end:not([aria-selected=true]),.topbar .tabs>.tab-acc{color:#3d5468}.tabs>.tab-acc-first .bi-tr{text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}.topbar .medals{cursor:pointer}.account{background:#140a3c38;border-radius:999px;align-items:center;gap:10px;min-width:0;max-width:min(40vw,380px);padding:4px 4px 4px 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff47}.acct-who{align-items:center;gap:8px;min-width:0;display:flex}.acct-icon{flex:none;place-items:center;display:grid}.acct-icon svg{width:22px;height:22px}.acct-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.acct-name,.acct-id{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.acct-name{font-size:.92rem}.acct-id{color:#eaf5fd;font-size:.78rem}.acct-logout{color:#1a5f92;min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:.9rem;font-weight:800;display:inline-flex;box-shadow:0 2px #0000002e}.acct-logout svg{width:18px;height:18px}.acct-logout:hover{background:#eaf5fd}.acct-logout:active{box-shadow:none;transform:translateY(1px)}.acct-logout:focus-visible{outline-offset:2px;outline:3px solid #ffd84d}@media (max-width:720px){.topbar-row{flex-wrap:wrap;row-gap:6px}.account{border-radius:14px;flex-basis:100%;order:5;justify-content:space-between;max-width:none;margin-bottom:8px}.acct-who{flex:1}}.rank-btn{color:#1a5f92;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 3px #0003}.rank-btn:hover{background:#eaf5fd}.rank-btn[aria-current=page]{color:#2a1d00;background:#ffd84d}.rank-btn:focus-visible{outline-offset:2px;outline:3px solid #ffd84d}@media (max-width:420px){.rank-btn{padding:0 10px}.rank-btn-text{font-size:.85rem}}.rk-mine{background:#eaf5fd;border-radius:999px;padding:6px 14px;font-weight:800;display:inline-block}.rk-list{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.rk-item{background:var(--surface);border:2px solid var(--line);border-radius:16px;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px;display:grid}.rk-item.me{outline:3px solid var(--primary);outline-offset:1px}.rk-rank{text-align:center;color:var(--muted);font-size:1.15rem;font-weight:800}.rk-who{flex-direction:column;min-width:0;display:flex}.rk-name{overflow-wrap:anywhere;font-size:1rem;font-weight:500}.rk-sub{color:var(--muted)}.rk-pts{text-align:right;white-space:nowrap;color:var(--text)}.rk-pts b{font-size:1.15rem}.rk-item.top .rk-name{font-weight:900}.rk-item.top .rk-rank{font-size:1.6rem}.rk-item.top-1{background:linear-gradient(135deg,#fff6d6,#ffe9a3);border-color:#e2b23a;padding:18px;box-shadow:0 6px #e9c766}.rk-item.top-1 .rk-name{color:#7a4f00;letter-spacing:.01em;font-size:1.8rem}.rk-item.top-1 .rk-rank{font-size:2.2rem}.rk-item.top-1 .rk-pts b{color:#7a4f00;font-size:1.6rem}.rk-item.top-2{background:linear-gradient(135deg,#f8fafc,#e5e9ef);border-color:#b8c0cc;padding:15px 18px}.rk-item.top-2 .rk-name{color:#3d4856;font-size:1.5rem}.rk-item.top-2 .rk-pts b{color:#3d4856;font-size:1.4rem}.rk-item.top-3{background:linear-gradient(135deg,#fff4ea,#ffdcc2);border-color:#e2a374;padding:13px 18px}.rk-item.top-3 .rk-name{color:#87360f;font-size:1.32rem}.rk-item.top-3 .rk-pts b{color:#87360f;font-size:1.28rem}.rk-item.top-4{background:#eaf5fd;border-color:#c9b4f2}.rk-item.top-4 .rk-name{color:#1a5f92;font-size:1.18rem}.rk-item.top-4 .rk-rank{color:#1a5f92}.rk-item.top-5{background:#e7f7f4;border-color:#9fd8cd}.rk-item.top-5 .rk-name{color:#0f5f58;font-size:1.08rem}.rk-item.top-5 .rk-rank{color:#0f5f58}.rk-item.top-1 .rk-sub,.rk-item.top-2 .rk-sub,.rk-item.top-3 .rk-sub{color:#4a4160}@media (max-width:520px){.rk-item{grid-template-columns:2.4rem minmax(0,1fr) auto;padding:10px 12px}.rk-item.top-1 .rk-name{font-size:1.5rem}.rk-item.top-2 .rk-name{font-size:1.3rem}}.ver-row{flex-direction:column;align-items:center;gap:6px;margin-top:10px}.ver-btn{min-width:32px;height:34px;font:inherit;cursor:pointer;color:#6b4a00;background:linear-gradient(#fffaf0,#f7e2a6);border:1px solid #e3c477;border-radius:9px;padding:0 8px;font-size:.8rem;font-weight:900;line-height:1;box-shadow:inset 0 2px #ffffffe6,inset 0 -3px 5px #00000014,0 2px 4px #1428502e}.ver-btn:hover,.ver-btn:focus-visible{filter:brightness(1.04)saturate(1.15)}.ver-btn:focus-visible{outline-offset:2px;outline:3px solid #1f1933}.ver-info{text-align:center;color:#5a4a20;margin:0;line-height:1.5}.ver-info[hidden]{display:none}.prereg-panel .pr-form{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px 14px;margin:10px 0;display:grid}.prereg-panel .pr-field{gap:4px;min-width:0;display:grid}.prereg-panel .pr-field input,.prereg-panel .pr-field select{box-sizing:border-box;width:100%;min-width:0}.prereg-panel button[hidden]{display:none}.prereg-panel tr.pr-used{opacity:.7}.rejoin .rj-list{gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.levelup{text-align:center;width:min(440px,100vw - 32px);color:var(--text);background:linear-gradient(#fff,#f6f0ff);border:0;border-radius:26px;padding:30px 24px 22px;overflow:hidden;box-shadow:0 24px 60px #280a5a73}.levelup::backdrop{background:#140a328c}.levelup h2{margin:12px 0 6px;font-size:1.5rem}.levelup p{margin:6px 0}.lu-badge{color:#2a1d00;background:radial-gradient(circle at 35% 30%,#fff6c9,#f5c518 60%,#c98f00);border-radius:50%;place-content:center;width:112px;height:112px;margin:0 auto;line-height:1;display:grid;position:relative;box-shadow:0 6px #a87400,0 0 0 6px #fff3b0}.lu-badge span{font-size:1rem;font-weight:800}.lu-badge b{font-size:3rem;font-weight:900}.lu-by{color:var(--muted)}.lu-limit{color:#7a3d00;background:#fff4e0;border-radius:14px;padding:10px 12px;font-size:1.12rem;font-weight:800}.lu-from{color:var(--muted)}.lu-max{color:#7a4f00;font-weight:800}.lu-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.lu-confetti{pointer-events:none;position:absolute;inset:0}.lu-confetti i{top:-12px;left:var(--x);background:var(--c);width:9px;height:14px;transform:rotate(var(--r));animation:lu-fall 2.4s var(--d) ease-in forwards;border-radius:2px;position:absolute}@keyframes lu-fall{to{transform:translateY(560px) rotate(calc(var(--r) + 540deg));opacity:0}}.levelup[open] .lu-badge{animation:.6s cubic-bezier(.2,1.6,.4,1) lu-pop}@keyframes lu-pop{0%{transform:scale(.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.levelup[open] .lu-badge{animation:none}}.topbar-title{white-space:nowrap}@media (max-width:720px){.topbar-title{text-align:left}}.api-badge{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:1px 10px;font-weight:800;display:inline-flex}.api-ok{color:#166534;background:#e6f4ea;border-color:#9fd3ae}.api-off{color:#4a4160;background:#f1eef7;border-color:#d6cfe6}.api-warn{color:#7a3d00;background:#fff4e0;border-color:#f0c27a}.api-error{color:#b42318;background:#fdecea;border-color:#f2b8b2}.api-unchecked{color:#312e81;background:#eef2ff;border-color:#c7d2fe}.api-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.api-alert{text-align:left}.api-alert h2{text-align:center}.api-alert-icon{text-align:center;font-size:3rem;line-height:1}.api-changes{gap:10px;margin:12px 0;padding:0;list-style:none;display:grid}.api-changes li{border:2px solid var(--line);background:#fff;border-radius:14px;gap:4px;padding:10px 12px;display:grid}.api-change-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.make-progress{background:#fff;border:2px solid #c9b4f2;border-radius:18px;margin:0 0 12px;padding:14px 16px;box-shadow:0 4px #e3d6fb}.mp-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.mp-stage{color:var(--text);min-width:0;font-weight:800}.mp-pct{color:#1a5f92;font-variant-numeric:tabular-nums;text-align:right;min-width:3.2em;font-size:2rem;font-weight:900;line-height:1}.mp-bar-wrap{background:#e6f3fc;border-radius:8px;height:16px;overflow:hidden}.mp-fill{background:linear-gradient(90deg,#8a52d6,#ff4fa3,#ffb347) 0 0/200% 100%;border-radius:8px;width:0;height:100%;animation:1.6s linear infinite mp-flow;display:block}@keyframes mp-flow{0%{background-position:0 0}to{background-position:-200% 0}}.mp-note{margin:8px 0 0}@media (prefers-reduced-motion:reduce){.mp-fill{animation:none}}.stepper li.done{padding:0}.stepper li.done a{min-height:32px;color:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:.3rem .8rem;text-decoration:none;display:flex}.stepper li.done a:hover{background:#e6f4ea}.stepper li.done a:hover .bi-ko{text-underline-offset:3px;text-decoration:underline}.stepper li.done a:focus-visible{outline:3px solid var(--text);outline-offset:2px}.stepper li.todo{opacity:.85;cursor:not-allowed}.api-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px;margin:12px 0;display:grid}.api-card{border:2px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:12px 14px}.api-card-error{border-color:#f2b8b2}.api-card-warn{border-color:#f0c27a}.api-card-head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.api-card-head h3{margin:0;font-size:1.05rem}.api-when{flex-basis:100%}.api-summary{margin:6px 0 8px}.api-checks{width:100%;font-size:.92rem}.api-checks th[scope=row]{width:34%;font-weight:700}.api-checks td,.api-checks th{vertical-align:top;padding:7px 6px}.api-manual{color:#312e81;background:#eef2ff;border-color:#c7d2fe}.stepper li.step-tip-item{background:0 0;border:0;margin-left:10px;padding:0}.step-tip{color:#4a3200;background:#fff4c2;border:2px solid #f0c94a;border-radius:12px;max-width:100%;padding:5px 12px;font-size:.86rem;font-weight:700;line-height:1.35;animation:.5s ease-out both tip-in,2.4s ease-in-out .6s infinite tip-nudge;display:inline-block;position:relative;box-shadow:0 3px #e6b93a}.step-tip:before,.step-tip:after{content:"";border-style:solid;border-color:#0000;position:absolute;top:50%;transform:translateY(-50%)}.step-tip:before{border-width:7px 10px 7px 0;border-right-color:#f0c94a;left:-11px}.step-tip:after{border-width:5px 8px 5px 0;border-right-color:#fff4c2;left:-7px}@keyframes tip-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes tip-nudge{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}@media (prefers-reduced-motion:reduce){.step-tip{animation:none}}@media (max-width:720px){.medal-slot .m-pts{display:none}.medals{max-width:min(38vw,220px)}}.btn-email{cursor:pointer;color:#1a5f92;min-height:52px;font:inherit;background:#fff;border:2px solid #c9b4f2;border-radius:999px;align-items:center;gap:10px;margin-top:12px;padding:8px 22px;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 3px #ddd0f5}.btn-email:hover{background:#eaf5fd}.btn-email[aria-expanded=true]{border-color:var(--primary);background:#eaf5fd}.btn-email:focus-visible{outline-offset:3px;outline:3px solid #1f1933}@media (max-width:420px){.btn-email{justify-content:center;width:100%}}.cs-term{flex-wrap:wrap;align-items:flex-end;gap:6px 18px;display:flex}.cs-term .field{max-width:260px}.cs-weights{border:0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px 12px;margin:10px 0 12px;padding:0;display:grid}.cs-weights legend{margin-bottom:6px;font-weight:800}.cs-weights p{grid-column:1/-1;margin:0}.cs-weeks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cs-week{border:2px solid var(--line);background:var(--surface);border-radius:14px;gap:6px;padding:10px 14px;display:grid}.cs-week.now{border-color:var(--primary);box-shadow:0 3px #ddd0f5}.cs-week-head{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.cs-wno{font-size:1.05rem}.cs-now{background:var(--primary);color:#fff;border-radius:999px;padding:1px 10px;font-size:.85rem;font-weight:800}.cs-week-body p,.cs-week p{margin:0}.cs-week-actions{flex-wrap:wrap;gap:8px;display:flex}.cs-edit{gap:8px;display:grid}.cs-gram{flex-wrap:wrap;gap:6px 14px;display:flex}.cs-gram p{flex-basis:100%;margin:0}.cs-chk{cursor:pointer;align-items:center;gap:6px;min-height:40px;display:inline-flex}.cs-chk input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.cs-chk input[type=number]{width:5.5em}.cs-tasks{border:0;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;display:flex}.cs-tasks legend{font-weight:800}.cs-badge{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:1px 10px;font-weight:800;display:inline-flex}.cs-done{color:#166534;background:#e6f4ea;border-color:#9fd3ae}.cs-late{color:#7a3d00;background:#fff4e0;border-color:#f0c27a}.cs-pending{color:#312e81;background:#eef2ff;border-color:#c7d2fe}.cs-missed{color:#b42318;background:#fdecea;border-color:#f2b8b2}.cs-none{color:#4a4160;background:#f1eef7;border-color:#d6cfe6}.cs-matrix th.now{background:#eaf5fd}.cs-matrix td.cs-cell{text-align:center;border:0;border-bottom:1px solid var(--line);font-size:1.15rem}.cs-legend{flex-wrap:wrap;gap:6px;display:flex}.cs-wrong{gap:6px;margin:0;padding-left:1.4em;display:grid}.cs-card h2{margin-top:0}.cs-todo{gap:4px;margin:6px 0;padding:0;list-style:none;display:grid}.cs-todo li.ok{color:#166534;font-weight:700}.cs-actions{flex-wrap:wrap;gap:8px;margin:8px 0 0;display:flex}.cs-label{color:var(--text);margin-bottom:8px;font-size:1.75rem;font-weight:800;display:block}.cs-label .bi-tr{font-size:1rem;font-weight:600}.cs-term{align-items:flex-start}.cs-term .field.cs-start{max-width:none}.dp{max-width:100%;display:inline-block;position:relative}.dp-btn{cursor:pointer;min-height:68px;color:var(--text);font:inherit;background:#fff;border:3px solid #c9b4f2;border-radius:16px;align-items:center;gap:12px;padding:10px 20px;font-size:1.7rem;font-weight:800;display:inline-flex;box-shadow:0 4px #ddd0f5}.dp-btn:hover,.dp-btn[aria-expanded=true]{border-color:var(--primary)}.dp-btn:focus-visible{outline-offset:3px;outline:3px solid #1f1933}.dp-icon{font-size:2rem}.dp-cal{z-index:30;border:3px solid var(--primary);background:#fff;border-radius:20px;width:min(560px,100vw - 32px);padding:16px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 40px #280a5a4d}.dp-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.dp-title{font-size:1.6rem}.dp-nav{border:2px solid var(--line);color:#1a5f92;cursor:pointer;background:#eaf5fd;border-radius:14px;min-width:60px;min-height:60px;font-size:1.5rem}.dp-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.dp-week span{text-align:center;color:var(--muted);padding:4px 0;font-size:1.2rem;font-weight:800}.dp-week .sun{color:#b42318}.dp-week .sat{color:#1d4ed8}.dp-day{min-height:60px;color:var(--text);font:inherit;cursor:pointer;background:#f6fbff;border:2px solid #0000;border-radius:12px;font-size:1.5rem;font-weight:700}.dp-day:hover{border-color:#c9b4f2}.dp-day.today{border-color:#f0c94a}.dp-day.sel{background:var(--primary);color:#fff}.dp-day:focus-visible,.dp-nav:focus-visible{outline-offset:2px;outline:3px solid #1f1933}.dp-foot{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.dp-foot .btn{font-size:1.15rem}.cs-weights{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 20px}.cs-weights legend{font-size:1.3rem}.cs-weight-input{border:3px solid #c9b4f2;border-radius:14px;width:100%;max-width:8em;min-height:64px;padding:6px 14px;font-size:1.7rem;font-weight:800}.cs-weights p{font-size:1.1rem}@media (max-width:520px){.cs-label{font-size:1.4rem}.dp-btn{font-size:1.35rem}.dp-day{min-height:48px;font-size:1.2rem}.dp-title{font-size:1.3rem}}.cs-modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:10px 0 14px;display:grid}.cs-mode{cursor:pointer;text-align:left;font:inherit;color:var(--text);background:#fff;border:3px solid #c9b4f2;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 4px #ddd0f5}.cs-mode:hover{border-color:var(--primary)}.cs-mode:focus-visible{outline-offset:3px;outline:3px solid #1f1933}.cs-mode>span:last-child{flex-direction:column;gap:4px;display:flex}.cs-mode b{font-size:1.2rem}.cs-mode-icon{font-size:2.2rem;line-height:1}.cs-mode-box{background:#eaf5fd;border-radius:16px;gap:10px;margin-bottom:14px;padding:14px;display:grid}.cs-big-select{min-height:56px;font-size:1.3rem}.cs-delete{border-color:#f2b8b2}.cls-list{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.cls-card{background:var(--surface);border:2px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 16px;display:flex}.cls-card.st-member{border-color:#9fd3ae}.cls-card.st-pending{border-color:#f0c27a}.cls-main{flex-direction:column;gap:3px;min-width:0;display:flex}.cls-name{font-size:1.1rem}.cls-act{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cls-badge{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:2px 12px;font-weight:800;display:inline-flex}.cls-badge.member{color:#166534;background:#e6f4ea;border-color:#9fd3ae}.cls-badge.pending{color:#7a3d00;background:#fff4e0;border-color:#f0c27a}.cls-badge.rejected{color:#b42318;background:#fdecea;border-color:#f2b8b2}.cls-pick details summary{cursor:pointer;color:var(--primary);align-items:center;min-height:44px;font-weight:700;display:flex}.pform{text-align:left;overscroll-behavior:contain;width:min(680px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.pform .pf-actions{z-index:2;background:linear-gradient(#f6f0ff00,#f6f0ff 35%);margin:12px -24px -22px;padding:12px 24px 16px;position:sticky;bottom:-22px}.pform h2 .bi,.pform .pf-field>.bi,.pform .pf-field>:first-child .bi,.pform .pf-kind legend .bi,.pform .pf-kind-opt .bi,.pform-panel .pf-field>.bi,.pform-panel .pf-field>:first-child .bi,.pform-panel .pf-kind legend .bi,.pform-panel .pf-kind-opt .bi{flex-flow:wrap;align-items:baseline;gap:8px}.pform h2{text-align:left}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin-top:10px;display:grid}.pf-field.wide{grid-column:1/-1}.pf-field input,.pf-field select{border-radius:12px;width:100%;min-height:48px}.pf-actions{justify-content:flex-end}@media (max-width:560px){.pf-grid{grid-template-columns:1fr}}.cls-enter{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:6px 14px;margin:8px 0;display:grid}.cls-enter .field{grid-template-rows:28px 52px;gap:6px;margin:0;display:grid}.cls-enter .field>:first-child{white-space:nowrap;text-overflow:ellipsis;height:28px;line-height:28px;overflow:hidden}.cls-enter .field input{box-sizing:border-box;height:52px;min-height:52px;margin:0}.cls-enter>.btn{align-self:start;height:52px;min-height:52px;margin-top:34px;padding-inline:1.4rem}.cls-enter .result{grid-column:1/-1;margin:0}@media (max-width:640px){.cls-enter{grid-template-columns:1fr}.cls-enter>.btn{width:100%;margin-top:0}}.cls-create{flex-wrap:wrap;align-items:flex-end}.cls-settings{position:relative}.cls-settings>details>summary{margin-left:auto;list-style:none}.cls-settings>details>summary::-webkit-details-marker{display:none}.cls-bar-btn{box-sizing:border-box;color:#16365f;width:min(470px,50% - 8px);min-height:64px;font:inherit;cursor:pointer;text-align:left;background:linear-gradient(#f3f9ff,#d9ebff);border:0;border-radius:18px;align-items:center;gap:10px;padding:8px 16px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 4px #b9d4f5,0 8px 18px #1e5aa024}.cls-bar-btn .bi{flex-flow:wrap;align-items:baseline;column-gap:8px}.cls-bar-btn .bi-tr{font-size:.8em;font-weight:700}.cls-ov-btn{position:absolute;top:18px;left:18px}.cls-settings>details>summary:after{content:"▼";width:30px;height:30px;color:var(--primary);background:#c6defa;border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:.8rem;display:inline-grid}.cls-settings>details[open]>summary:after{content:"▲"}.cls-set-body{box-sizing:border-box;gap:12px;width:min(470px,50% - 8px);margin:14px 0 0 auto;display:grid}.cls-set-body .field{gap:6px;display:grid}.cls-set-body input{box-sizing:border-box;width:100%}.cls-set-body hr{margin:4px 0}.cls-set-end{justify-content:flex-end;display:flex}.cls-set-help{margin:0}.cls-set-body>.result:empty{display:none}.cls-set-help>.bi{display:block}.cls-set-help .bi-tr{margin-top:2px;display:block}.cls-set-body .field>b .bi,.cls-set-body .hint .bi{flex-flow:wrap;align-items:baseline;column-gap:8px}.cls-set-help>.bi+.bi{margin-top:8px}@media (max-width:720px){.cls-set-body,.cls-bar-btn{width:100%}.cls-ov-btn{margin-bottom:10px;position:static}}.cls-bar-btn:hover,.cls-bar-btn:focus-visible{filter:brightness(1.03)saturate(1.2)}.cls-bar-btn:focus-visible{outline-offset:2px;outline:3px solid #1f1933}.yr-has-down{position:relative}.yr-has-down>.yr-down+*,.yr-has-down>.yr-down+*+*{padding-right:96px}.yr-down{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:2px;width:84px;padding:0;display:grid;position:absolute;top:14px;right:14px}.yr-hand{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 4px #1e284647);width:52px;height:52px}.yr-down .yr-hand,.to-top .yr-hand{animation:1.4s ease-in-out infinite hand-blink}@keyframes hand-blink{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.yr-down .yr-hand,.to-top .yr-hand{animation:none}}.yr-down .yr-hand{content:url(/img/hand-green.png);transform:scale(-1)}.year>.panel:nth-of-type(2) .yr-down .yr-hand{content:url(/img/hand-purple.png)}.year>.panel:nth-of-type(3) .yr-down .yr-hand{content:url(/img/hand-blue.png)}.yr-down:hover,.yr-down:focus-visible{filter:brightness(1.08);translate:0 2px}.yr-down:focus-visible{outline-offset:3px;outline:3px solid #1f1933}.ov-hand-row{justify-content:flex-end;display:flex}.ov-hand-row.up{margin-top:8px}.ov-hand{cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:2px;width:84px;padding:0;display:grid}.ov-hand .yr-hand{animation:1.4s ease-in-out infinite hand-blink}.ov-hand.down .yr-hand{transform:scale(-1)}.ov-hand.down .hand-hint{text-align:right;order:-1;justify-self:end}.ov-hand.up .hand-hint{text-align:left;justify-self:start}.ov-hand:focus-visible{outline-offset:2px;outline:3px solid #1f1933}@media (prefers-reduced-motion:reduce){.ov-hand .yr-hand{animation:none}}.to-top{z-index:50;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:2px;width:84px;padding:0;display:grid;position:fixed;bottom:22px;right:22px}.hand-hint{color:#3d5468;text-align:center;overflow-wrap:anywhere;max-width:84px;font-size:.72rem;font-weight:700;line-height:1.15;display:block}.to-top .hand-hint{text-align:left;background:#ffffffd9;border-radius:6px;justify-self:start;padding:1px 4px}.yr-down .hand-hint{text-align:right;order:-1;justify-self:end}.to-top[hidden]{display:none}.to-top:hover,.to-top:focus-visible{filter:brightness(1.08);translate:0 -2px}.to-top:focus-visible{outline-offset:3px;outline:3px solid #1f1933}.linklike{font:inherit;color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.linklike:hover,.linklike:focus-visible{color:var(--primary-press,var(--primary));outline:none;text-decoration-thickness:2px}.note-dlg{text-align:left;width:min(560px,100vw - 32px)}.note-dlg textarea{box-sizing:border-box;width:100%}.note-dlg .lu-actions{justify-content:flex-end}.yr-ov-top h2 .bi,.yr-ov-tab .bi,.yr-ov-table thead .bi,.yr-ov-sem .bi{flex-direction:row;align-items:baseline;gap:8px}.yr-ov-dlg{text-align:left;flex-direction:column;width:min(1000px,100vw - 32px);max-height:86vh;padding:18px 20px 20px;display:none}.yr-ov-dlg[open]{display:flex}.yr-ov-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.yr-ov-top h2{margin:0}.yr-ov-tabs{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.yr-ov-tab{color:#4b2a96;font:inherit;cursor:pointer;background:#f6f1ff;border:2px solid #c9b8f5;border-radius:14px;padding:6px 14px;font-weight:800}.yr-ov-tab.on{color:#fff;background:#4b2a96;border-color:#4b2a96}.yr-ov-tab.on .bi-tr{color:#e9e0ff}.yr-ov-sem{color:#1d4ed8;margin:12px 0 4px}.yr-ov-body{flex:auto;min-height:0;margin-top:8px;overflow:auto}.yr-ov-table{border-collapse:collapse;width:100%;font-size:.92rem}.yr-ov-table th,.yr-ov-table td{vertical-align:top;text-align:left;border-bottom:1px solid #e3e8f2;padding:6px 8px}.yr-ov-table thead th{color:#1d3f8f;z-index:1;white-space:nowrap;background:#eef4ff;position:sticky;top:0}.yr-ov-table tbody th{white-space:nowrap;color:#1d3f8f}.yr-ov-date,.yr-ov-lesson{white-space:nowrap}.yr-ov-table tbody tr:nth-child(2n) td,.yr-ov-table tbody tr:nth-child(2n) th{background:#fafbff}.yr-ov-exam td,.yr-ov-exam th{font-weight:700;background:#fff6e8!important}.yr-ov-gram{margin:0;padding-left:1.3em}.yr-ov-gcell{min-width:13em}.yr-ov-words{color:#1d4ed8;min-width:26em;font-size:.9em;line-height:1.5}.yr-ov-table .yr-virtual{margin-left:6px}.note-dlg h2 .bi,.note-dlg .field>b .bi,.note-dlg-to b .bi{flex-direction:row;align-items:baseline;gap:8px}.cls-settings hr{border:0;border-top:1px solid var(--line);margin:14px 0}.mem-toggle{cursor:pointer;align-items:center;gap:8px;min-height:40px;font-weight:700;display:inline-flex}.mem-toggle input{width:22px;height:22px;accent-color:var(--primary)}.pf-field input,.pf-field select{font:inherit;border:2px solid var(--line);background:#f7fbff;padding:.55rem .8rem;font-size:1rem}.pf-kind{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 0;padding:0;display:grid}.pf-kind legend{margin-bottom:6px;padding:0;font-weight:800}.pf-kind-opt{border:2px solid var(--line);background:var(--surface);cursor:pointer;text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:8px 12px;font-weight:800;display:flex}.pf-kind-opt input{width:20px;height:20px;accent-color:var(--primary)}.pf-kind-opt:has(input:checked){border-color:var(--primary);background:#eaf5fd;box-shadow:0 3px #bfe3fb}.pf-kind-opt:has(input:focus-visible){outline:3px solid var(--primary);outline-offset:2px}.pf-kind-help{margin:8px 0 0}.pf-role-note{color:#5c4400;background:#fff7e0;border-radius:12px;margin:6px 0 0;padding:8px 12px}.pf-field[hidden],.pf-role-note[hidden]{display:none}.mem-kind{color:#0b4a7a;background:#eef7ff;border-radius:999px;padding:1px 8px;font-size:.85rem;font-weight:800;display:inline-block}.mem-kind.teacher{color:#1a5f92;background:#eaf5fd}.mem-mismatch{color:#7a4b00;font-weight:700}.cs-lesson{margin-top:6px}.cs-song-list{flex-wrap:wrap;gap:8px;margin:4px 0;display:flex}.cs-song{border:2px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-weight:700;text-decoration:none;display:inline-flex}.cs-song:hover,.cs-song:focus-visible{border-color:var(--primary)}.lesson-pick .cs-big-select{width:100%}.tabs.body-tabs{flex-wrap:wrap;gap:10px;max-width:none;margin:6px 0 16px;padding:0;overflow:visible}.body-tabs .tab{min-height:56px;color:var(--text);background:var(--surface);border:2px solid var(--line);border-radius:999px;padding:.65rem 1.5rem;font-size:1.15rem;font-weight:800;box-shadow:0 3px #d3e7f5}.body-tabs .tab:hover{border-color:var(--primary)}.body-tabs .tab[aria-selected=true]{color:#fff;background:var(--primary);border-color:var(--primary);font-size:1.2rem;box-shadow:0 3px #1a5f92}.body-tabs .tab[aria-selected=true]:after{display:none}.body-tabs .tab:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.cls-create.search-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:6px 14px;display:grid}.cls-create .field{grid-template-rows:28px 52px auto;gap:6px;margin:0;padding:0;display:grid}.cls-create .field>:first-child{white-space:nowrap;text-overflow:ellipsis;height:28px;margin:0;line-height:28px;overflow:hidden}.cls-create .field input{box-sizing:border-box;height:52px;min-height:52px;margin:0}.cls-create .field .hint{min-height:1.3em}.cls-create>.btn{align-self:start;height:52px;min-height:52px;margin-top:34px;padding-inline:1.4rem}@media (max-width:640px){.cls-create.search-row{grid-template-columns:1fr}.cls-create>.btn{width:100%;margin-top:0}}.karaoke-item{gap:6px;display:grid}.karaoke-practice{justify-self:end;min-height:44px}.term-req{flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:inline-flex}.use-tabs{margin:0 0 14px}.use-tabs .tab{align-items:center;text-decoration:none;display:inline-flex}.use-tabs .tab[aria-current=page]{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 3px #1a5f92}.coming-soon{text-align:center;padding:32px 16px}.coming-soon .cs-emoji{margin:0;font-size:3rem}.quota-row{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;display:flex}.quota-row>span:first-child{flex-basis:100%}.term-tip{flex:280px;max-width:520px;margin-left:12px}@media (max-width:640px){.term-tip{margin-left:0}.term-tip:before,.term-tip:after{display:none}}.pform-panel .pf-actions{justify-content:flex-start;margin-top:8px}.cards-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px 14px;display:grid}.cards-filters .field{gap:6px;margin:0;display:grid}.cards-opts{flex-wrap:wrap;grid-column:1/-1;gap:6px 18px;display:flex}.cards-opt{cursor:pointer;align-items:center;gap:6px;min-height:40px;font-weight:700;display:inline-flex}.cards-opt input{width:20px;height:20px;accent-color:var(--primary)}@media (max-width:640px){.cards-filters{grid-template-columns:1fr}}.fc-count{text-align:center;margin:14px 0 6px;font-weight:800}.flashcard{perspective:1200px;cursor:pointer;width:min(560px,100%);height:320px;font:inherit;color:inherit;background:0 0;border:0;margin:0 auto;padding:0;display:block}.flashcard:disabled{cursor:default}.flashcard:focus-visible{outline:3px solid var(--primary);outline-offset:6px;border-radius:24px}.fc-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.3,1);position:relative}.flashcard.flipped .fc-inner{transform:rotateY(180deg)}.fc-face{backface-visibility:hidden;text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0;box-shadow:0 6px #bfe3fb,0 12px 28px #3c1e781f}.fc-front{color:#15293d;background:linear-gradient(160deg,#bfe3fb,#e6f4fd);overflow:hidden}.fc-bg{object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.fc-bg.ready{opacity:1}.fc-plate{z-index:1;border-radius:22px;flex-direction:column;align-items:center;gap:4px;max-width:92%;padding:12px 28px;display:flex;position:relative}.fc-front.has-pic .fc-plate{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffdb;box-shadow:0 8px 24px #15293d2e}.fc-pic-wait{z-index:1;color:#15293d;background:#ffffffe0;border-radius:999px;padding:2px 10px;font-weight:700;position:absolute;bottom:12px;right:14px}.fc-back{background:var(--surface);color:var(--text);border:3px solid #bfe3fb;transform:rotateY(180deg)}.fc-tag{z-index:1;color:#15293d;background:#ffffffe0;border-radius:999px;padding:2px 10px;font-size:.9rem;font-weight:800;position:absolute;top:14px;left:18px}.fc-word{word-break:keep-all;font-size:clamp(2.4rem,8vw,4rem);font-weight:900;line-height:1.15}.fc-word.small-word{font-size:1.6rem}.fc-meaning{font-size:1.6rem;font-weight:800}.fc-pos{color:#1a5f92;background:#eaf5fd;border-radius:999px;padding:2px 12px;font-weight:700}.fc-guide{font-size:1.1rem}.fc-roman{opacity:.85;font-size:1rem}.fc-hint{opacity:.85}.fc-empty{font-size:1.2rem;font-weight:700}.fc-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 0;display:flex}.fc-actions .btn{min-width:120px;min-height:52px}.fc-known{text-align:center}@media (prefers-reduced-motion:reduce){.fc-inner,.fc-bg{transition:none}}.ord-board{gap:10px;display:grid}.ord-prompt .ord-tr{margin:0;font-size:1.2rem;font-weight:800}.ord-hint{margin:4px 0 0}.ord-label{margin:6px 0 0;font-size:1rem}.ord-answer,.ord-pool{border-radius:18px;flex-wrap:wrap;gap:10px;min-height:70px;margin:0;padding:12px;list-style:none;display:flex}.ord-answer{background:#eaf5fd;border:3px dashed #a9d3f0}.ord-pool{background:var(--surface);border:2px solid var(--line)}.ord-answer.over,.ord-pool.over{border-color:var(--primary)}.ord-empty{color:var(--muted);align-self:center;font-weight:600}.ord-chip{min-height:52px;font:inherit;color:var(--text);cursor:grab;background:#fff;border:2px solid #a9d3f0;border-radius:14px;padding:.5rem 1.1rem;font-size:1.3rem;font-weight:800;box-shadow:0 3px #d3e7f5}.ord-chip:hover,.ord-chip:focus-visible{border-color:var(--primary);outline:none}.ord-chip:focus-visible{box-shadow:0 0 0 3px var(--primary)}.ord-chip.in-answer{background:#fffdf2}.ord-chip.dragging{opacity:.5}.ord-chip.ok{background:#e9f8ef;border-color:#1f8a4c}.ord-chip.bad{background:#fdecea;border-color:#b42318}.ord-full{color:#146c3b;flex-basis:100%;grid-column:1/-1;font-size:1.1rem;font-weight:800}.ord-score{text-align:center}.ord-slots{grid-template-columns:repeat(var(--slots,4), minmax(0, 1fr));gap:8px;display:grid}@media (max-width:760px){.ord-slots{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}.ord-slot{background:#ffffffa6;border:2px dashed #a9d3f0;border-radius:14px;justify-content:center;align-items:center;min-height:72px;padding:16px 6px 6px;display:flex;position:relative}.ord-slot.filled{background:#fff;border-style:solid;border-color:#cfe6f7}.ord-slot.over{border-color:var(--primary);background:#dff0fc;box-shadow:0 0 0 3px #1f6fa840}.ord-no{color:var(--muted);font-size:.8rem;font-weight:800;position:absolute;top:3px;left:8px}.ord-hole{background:#cfe6f7;border-radius:4px;width:60%;height:4px;margin-top:18px}.ord-slot .ord-chip{word-break:keep-all;width:100%;padding:.4rem .5rem;font-size:1.15rem}.ord-slot-help{margin:0}.ord-pool.over{background:#f3f9fe}.tts-speaking{border-radius:6px;box-shadow:0 0 0 3px #f0c94a;background:#ffe58a!important}.tts-player{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;color:#fff;background:#2b1a5c;border-radius:999px;align-items:center;gap:8px;max-width:min(420px,100vw - 32px);padding:8px 10px 8px 14px;display:flex;position:fixed;box-shadow:0 8px 24px #1e0a5059}.tts-player[hidden]{display:none}.tts-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.tts-btn{color:#2b1a5c;cursor:pointer;background:#fff;border:0;border-radius:50%;width:40px;height:40px;font-size:1.1rem}.tts-btn:disabled{opacity:.5}.tts-btn:focus-visible{outline-offset:2px;outline:3px solid #ffd84d}.tts-eq{align-items:flex-end;gap:2px;height:18px;display:inline-flex}.tts-eq i{background:#ffd84d;border-radius:2px;width:3px;height:30%}.tts-player[data-state=playing] .tts-eq i{animation:.8s ease-in-out infinite tts-eq}.tts-player[data-state=playing] .tts-eq i:nth-child(2){animation-delay:.15s}.tts-player[data-state=playing] .tts-eq i:nth-child(3){animation-delay:.3s}.tts-player[data-state=playing] .tts-eq i:nth-child(4){animation-delay:.45s}.tts-player[data-state=loading] .tts-eq i{opacity:.4}@keyframes tts-eq{0%,to{height:25%}50%{height:100%}}@media (prefers-reduced-motion:reduce){.tts-player .tts-eq i{height:70%;animation:none!important}}.quiz-img{object-fit:cover;border:2px solid var(--line);border-radius:16px;width:220px;height:220px;margin:8px 0;display:block}.imgmaker{width:min(560px,100vw - 32px)}.imgmaker textarea{width:100%;min-height:96px;font:inherit;border:2px solid var(--line);box-sizing:border-box;border-radius:12px;padding:.6rem .8rem;font-size:1rem}.img-preview{place-items:center;min-height:120px;margin:10px 0;display:grid}.img-preview img{object-fit:cover;border:2px solid var(--line);border-radius:16px;width:256px;height:256px}:root{--bg:#eef7fd;--surface:#fff;--text:#15293d;--muted:#4a5d70;--line:#d6e8f5;--primary:#1f6fa8;--primary-press:#1a5f92;--primary-edge:#a9d3f0;--focus:#15293d;--focus-on-dark:#15293d;--head-a:#e3f3fd;--head-b:#cbe8fb;--radius:26px;--soft-shadow:0 14px 34px #5a8fbf29}body{background-color:#0000;background-image:radial-gradient(60px 34px at 12% 18%,#ffffffe6 98%,#0000 100%),radial-gradient(90px 46px at 16% 16%,#ffffffd9 98%,#0000 100%),radial-gradient(80px 40px at 86% 10%,#ffffffd9 98%,#0000 100%),radial-gradient(120px 56px at 92% 12%,#ffffffb3 98%,#0000 100%),radial-gradient(110px 50px at 78% 88%,#fff9 98%,#0000 100%),linear-gradient(#dff1fd 0%,#eef7fd 45%,#f6fbff 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box}a{color:var(--primary)}.topbar{color:var(--text);background:linear-gradient(120deg,#e8f5fe,#cbe8fb);box-shadow:0 10px 26px #5a8fbf2e}.topbar .topbar-title{color:var(--text);text-decoration:none}.topbar :focus-visible,.on-dark :focus-visible{outline-color:#15293d}.topbar .tab{color:#3d5468}.topbar .tab[aria-selected=true]{color:var(--text)}.topbar .tab[aria-selected=true]:after{background:var(--primary)}.icon-btn{color:var(--text);background:#ffffffbf;box-shadow:0 3px #b7d9f1}.account{background:#ffffffb3;box-shadow:inset 0 0 0 1px #cfe6f6}.acct-who{color:var(--text);border-radius:999px;text-decoration:none}.acct-who:hover .acct-name{text-decoration:underline}.acct-id{color:var(--muted)}.acct-logout,.rank-btn{color:#1a5f92;background:#fff;box-shadow:0 3px #b7d9f1}.acct-logout:hover,.rank-btn:hover{background:#f1f8fe}.acct-logout:focus-visible,.rank-btn:focus-visible{outline-color:#15293d}.medal-toggle{color:var(--text);background:#fffc}.medal-toggle:hover,.medal-slot.empty{background:#fff}.btn{color:#15406a;background:var(--bg-wave-soft,none) right 10px center / auto 64% no-repeat, linear-gradient(180deg, #e8f5fe 0%, #cfe9fb 100%);box-shadow:0 5px #a9d3f0,0 10px 20px #5a8fbf2e,inset 0 1px #ffffffe6}.btn:hover{background:var(--bg-wave-soft,none) right 10px center / auto 64% no-repeat, #ddf0fd}.btn:active{background:#cfe9fb;box-shadow:0 1px #a9d3f0,0 3px 8px #5a8fbf33}.btn .bi-tr{color:#3d5468}.btn.secondary{color:var(--text);background:linear-gradient(#fff,#f3f9fe);box-shadow:0 5px #d3e7f5,0 10px 18px #5a8fbf1f}.btn.secondary:hover{background:#f7fbff}.btn.secondary:active{background:#eaf4fc;box-shadow:0 1px #d3e7f5}.btn.danger{color:#9b1c12;background:linear-gradient(#fff1ef,#fde4e1);box-shadow:0 5px #f2b8b1,0 10px 18px #b43c321f}.btn.danger:hover{background:#fdeae7}.panel{box-shadow:var(--soft-shadow);background-color:#ffffffeb;border:1px solid #ffffffe6;border-radius:28px}.nav{background:#ffffffe6;border-color:#fffffff2;box-shadow:0 -8px 24px #5a8fbf24}@media (min-width:960px){.nav{box-shadow:var(--soft-shadow);border-radius:30px;gap:8px;padding:14px}}.nav a{color:var(--muted);border-radius:18px}.nav .nav-ico{border-radius:14px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 3px #0000000f}.nav .nav-ico svg{width:24px;height:24px}.nav a.nav-c-peach .nav-ico{color:#9a4a12;background:#ffe3cf}.nav a.nav-c-mint .nav-ico{color:#146c43;background:#d6f5e6}.nav a.nav-c-pink .nav-ico{color:#a2235a;background:#fde0ea}.nav a.nav-c-sky .nav-ico{color:#1a5f92;background:#d8eefc}.nav a.nav-c-lemon .nav-ico{color:#7a5a00;background:#fff1bf}.nav a.nav-c-lilac .nav-ico{color:#5b3aa6;background:#ece4fd}.nav a{position:relative}.nav-badge{color:#fff;text-align:center;background:#c2185b;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:.75rem;font-weight:800;line-height:20px;position:absolute;top:2px;left:34px}.nav a[aria-current=page]{color:var(--text);background:#e6f3fc;font-weight:800;box-shadow:inset 0 0 0 2px #cfe6f6}@media (max-width:959px){.nav .nav-ico{border-radius:12px;width:34px;height:34px}.nav .nav-ico svg{width:22px;height:22px}}.body-tabs .tab{box-shadow:0 3px #d3e7f5}.body-tabs .tab[aria-selected=true],.use-tabs .tab[aria-current=page]{color:var(--text);background:#bfe3fb;border-color:#a9d3f0;box-shadow:0 3px #a9d3f0}.stepper li[aria-current=step]{color:var(--text);background:#bfe3fb;border-color:#a9d3f0}.card:not(.song-card){color:#1d2b3a;box-shadow:0 6px #78a0c859,0 16px 30px #5a8fbf29}.card:not(.song-card):after{background:#ffffff59}.card:not(.song-card) .badge{color:#1d2b3a}.card:not(.song-card):focus-within{outline-color:#15293d}.card.grade-1:not(.song-card){background:linear-gradient(120deg,#e1f2fe,#b9dff9)}.card.grade-2:not(.song-card){background:linear-gradient(120deg,#fff0e3,#ffd2b0)}.card.grade-3:not(.song-card){background:linear-gradient(120deg,#feecf3,#f9c9db)}.card.grade-4:not(.song-card){background:linear-gradient(120deg,#f3eefe,#d9ccfa)}.card.grade-5:not(.song-card){background:linear-gradient(120deg,#e3f8ef,#b8ead2)}.card.grade-6:not(.song-card){background:linear-gradient(120deg,#fff8dc,#ffe59a)}.login{background:radial-gradient(90px 44px at 14% 16%,#fffffff2 98%,#0000 100%),radial-gradient(70px 36px at 20% 12%,#ffffffe6 98%,#0000 100%),radial-gradient(110px 50px at 86% 20%,#ffffffd9 98%,#0000 100%),radial-gradient(120px 56px at 80% 90%,#ffffffb3 98%,#0000 100%),linear-gradient(#cfeafc 0%,#e6f5fe 55%,#f6fbff 100%)}.brand{color:var(--text)}.brand .logo{background:linear-gradient(135deg,#bfe3fb,#8ccaf3);border-radius:26px;place-items:center;width:88px;height:88px;margin-bottom:10px;font-size:2.6rem;display:inline-grid;box-shadow:0 12px 26px #5a8fbf47,inset 0 2px #fff9}.brand p{color:var(--muted)}.login .panel{border-radius:32px}.login .linkish.dark{color:var(--primary)}.login-hero>:not(.login-sky){z-index:1;position:relative}.login-sky{z-index:0;pointer-events:none;background:#d7ebfb url(/img/login/login-bg.webp) 50%/cover no-repeat;position:fixed;inset:0;overflow:hidden}.login-plane{aspect-ratio:400/140;will-change:transform;width:clamp(140px,12vw,240px);animation:10s linear infinite login-fly;position:absolute;top:4vh;left:0}.login-plane img,.login-plane svg{filter:drop-shadow(0 8px 10px #0b1f4440);width:100%;height:100%;display:block}.login-plane svg path{transition:fill .3s}.login-plane:before{content:"";filter:blur(1px);background:linear-gradient(90deg,#fff0,#ffffffe6);border-radius:2px;width:55vw;height:4px;position:absolute;top:46%;right:88%}@keyframes login-fly{0%{transform:translate(-30vw,26vh)rotate(-5deg)}55%,to{transform:translate(175vw,-6vh)rotate(-5deg)}}@media (prefers-reduced-motion:reduce){.login-plane{display:none}}.main-hero{min-height:min(70vh,560px);box-shadow:var(--soft-shadow);background:#eaf6fe;border-radius:32px;position:relative;overflow:hidden}.main-hero-art{position:absolute;inset:0}.main-hero-art svg{width:100%;height:100%;display:block}.main-hero-text{z-index:1;background:#ffffffd1;border-radius:22px;margin:22px;padding:16px 22px;display:inline-block;position:relative;box-shadow:0 8px 20px #5a8fbf24}.main-hero-text h1{margin:0 0 4px}.main-hero-text p{color:var(--muted);margin:0}.hub-tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:12px;display:grid}.hub-tile{color:#1d2b3a;border-radius:26px;align-items:center;gap:14px;min-height:108px;padding:18px;text-decoration:none;transition:transform .1s;display:flex;box-shadow:0 6px #78a0c84d,0 14px 26px #5a8fbf24}.hub-tile:hover{transform:translateY(-2px)}.hub-tile:active{transform:translateY(3px)}.hub-tile:focus-visible{outline-offset:3px;outline:3px solid #15293d}.hub-ico{background:#ffffffd9;border-radius:20px;flex:none;place-items:center;width:60px;height:60px;font-size:1.8rem;display:grid;box-shadow:0 4px 10px #0000000f}.hub-txt{flex-direction:column;gap:2px;display:flex}.hub-txt b{font-size:1.12rem}.hub-txt .small{color:#3d5468}.hub-tile.c-sky{background:linear-gradient(135deg,#e1f2fe,#c4e5fb)}.hub-tile.c-mint{background:linear-gradient(135deg,#e3f8ef,#c2ecd8)}.hub-tile.c-pink{background:linear-gradient(135deg,#feecf3,#f9d2e1)}.hub-tile.c-peach{background:linear-gradient(135deg,#fff0e3,#ffdcc0)}.hub-tile.c-lemon{background:linear-gradient(135deg,#fff8dc,#ffeaa8)}.hub-tile.c-lilac{background:linear-gradient(135deg,#f3eefe,#e0d6fb)}.hub-filter{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.hub-filter input,.hub-filter select{border:2px solid var(--line);min-height:46px;font:inherit;background:#fff;border-radius:14px;padding:0 14px}.hub-filter input{flex:240px}.hub-logs{background:#f4faff}.hub-loglist{gap:4px;margin:0;padding-left:1.2rem;display:grid}.hero-neon.hero-sky{box-shadow:var(--soft-shadow);background:#eaf6fe;min-height:150px}.hero-sky .hero-art svg{object-fit:cover}.hero-sky .hero-text{color:var(--text)}.hero-sky .hero-title{text-shadow:none;background:#ffffffd1;border-radius:18px;padding:8px 16px;display:inline-block}.hero-sky .hero-title .bi-tr{color:var(--muted)}.karaoke-card{color:var(--text);background:#fff;border-color:#d6e8f5;box-shadow:0 4px #d3e7f5,0 10px 20px #5a8fbf1f}.karaoke-card:hover{border-color:#a9d3f0}.karaoke-card:focus-visible{outline-color:#15293d}.karaoke-card .kc-sub,.karaoke-card .small{color:var(--muted)}.tts-player{background:#1f4f78}.tts-btn{color:#1f4f78}.karaoke-card .kc-title .bi-tr,.karaoke-card .kc-sub,.karaoke-card .kc-best .small{color:var(--muted)}.karaoke-card .kc-best{color:#1a5f92}.hub-scores{min-width:170px}.hub-scores .sc-line{white-space:nowrap;font-size:.85rem;line-height:1.45;display:block}.notes-page .panel{margin-top:14px}.note-contacts{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.note-contact{width:100%;min-height:64px;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(135deg,#f7fbff,#e6f3fc);border:2px solid #d6e8f5;border-radius:18px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 4px #d3e7f5}.note-contact.r-admin{background:linear-gradient(135deg,#fffbea,#fff1bf);border-color:#f3e2a3;box-shadow:0 4px #efdc9b}.note-contact:hover,.note-contact:focus-visible{border-color:var(--primary);outline:none}.note-ava{font-size:1.6rem}.note-who{flex-direction:column;flex:1;min-width:0;display:flex}.note-who small{color:var(--muted);font-weight:700}.note-who b{text-overflow:ellipsis;font-size:1.1rem;overflow:hidden}.note-to{margin:0}.note-compose textarea{width:100%;min-height:120px}.note-items{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.note-item{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 14px}.note-item.unread{background:#f2f9fe;border-color:#a9d3f0}.note-head{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.note-dot{vertical-align:middle;background:#c2185b;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.note-body{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;margin:6px 0 0}.note-actions{margin-top:8px}.note-unread{color:#c2185b;font-weight:800}.globe-hero{min-height:min(78vh,720px);box-shadow:var(--soft-shadow);background:#ffffffeb;border-radius:28px;grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:stretch;gap:18px;padding:18px;display:grid}.globe-side{flex-direction:column;gap:10px;min-width:0;display:flex}.globe-side>p,.globe-field{margin:0}.globe-side>.btn{align-self:flex-start;min-height:52px;padding-inline:1.6rem}.globe-credit{color:var(--muted);font-size:.7rem;margin:auto 0 0!important}.globe-replay{margin-top:4px}.globe-col{flex-direction:column;gap:10px;min-width:0;display:flex}.globe-slot{flex:1;min-height:440px;position:relative}.globe-stage{background:radial-gradient(circle at 50% 42%,#fff,#e6f3fc 58%,#c5e2f7);border-radius:22px;position:absolute;inset:0;overflow:hidden}.globe-stage.full{z-index:1001;border-radius:24px;position:fixed;inset:auto;box-shadow:0 30px 80px #05142d73}.globe-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a192d8c;position:fixed;inset:0}.globe-pre{z-index:3;background:#e6f3fc59;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.globe-pre[hidden]{display:none}.gp-card{color:#10243d;text-align:center;background:#fffffff5;border-radius:24px;width:min(680px,100%);padding:22px 24px;box-shadow:0 18px 40px #0a1e3c40}.gp-card p{margin:0 0 8px}.gp-title{font-size:1.3rem;font-weight:900}.gp-route{font-size:1.1rem}.gp-km{color:var(--muted)}.gp-count{color:#1f6fa8;background:#e6f3fc;border-radius:50%;width:64px;height:64px;margin:6px auto 12px;font-size:2rem;font-weight:900;line-height:64px;display:block}.gp-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gp-actions .btn{min-width:130px;min-height:52px}html.globe-full,html.globe-full body{overflow:hidden}.globe-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.globe-ctrl{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.globe-skip,.globe-sound{color:#fff;min-height:32px;font:inherit;letter-spacing:.04em;cursor:pointer;background:#0a192d8c;border:1.5px solid #ffffffd9;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:800}.globe-sound{padding:4px 9px}.globe-skip:hover,.globe-skip:focus-visible,.globe-sound:hover,.globe-sound:focus-visible{color:#10243d;background:#fff;outline:none}.globe-skip[hidden]{display:none}.globe-stage.full .globe-ctrl{right:20px;bottom:calc(20px + env(safe-area-inset-bottom))}.globe-arrive{color:#10243d;text-align:center;background:#fff;border:1px solid #d6e8f5;border-radius:18px;align-self:center;max-width:100%;margin:0;padding:8px 18px;font-weight:800;box-shadow:0 6px 16px #5a8fbf29}.globe-arrive[hidden]{display:none}.globe-hud{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08162ab8;border-radius:16px;width:300px;max-width:calc(100% - 24px);padding:10px 16px;font-size:1.05rem;line-height:1.35;position:absolute;top:12px;left:12px}.globe-stage.full .globe-hud{width:320px;font-size:1.1rem;top:20px;left:20px}.globe-hud[hidden]{display:none}.globe-hud p{margin:0}.globe-hud .small{color:#d4e2f2}.gh-route{white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.gh-route b{text-overflow:ellipsis;overflow:hidden}.gh-arrow{opacity:.8}.gh-dot{background:0 0;border:3px solid #fff;border-radius:50%;flex:none;width:12px;height:12px}.gh-dot.end{background:#fff;border-radius:3px}.gh-bar{background:#ffffff38;border-radius:999px;height:8px;margin:8px 0 6px;overflow:hidden}.gh-bar span{border-radius:inherit;background:#fff;height:100%;display:block}.gh-meta{white-space:nowrap;justify-content:space-between;gap:12px;display:flex}@media (max-width:860px){.globe-hero{grid-template-columns:1fr;min-height:0;padding:14px}.globe-col{order:-1}.globe-slot{aspect-ratio:1;flex:none;min-height:0}}.arrive-menu{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.arrive-menu[hidden]{display:none}.am-btn{min-height:92px;color:var(--text);text-align:center;background:#fff;border:1px solid #d6e8f5;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 5px #d3e7f5,0 10px 18px #5a8fbf1f}.am-btn:hover,.am-btn:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 7px #c4dff2,0 14px 22px #5a8fbf2e}.am-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.am-ico{border-radius:16px;place-items:center;width:46px;height:46px;display:grid}.am-ico svg{width:26px;height:26px}.am-btn.nav-c-peach .am-ico{color:#9a4a12;background:#ffe3cf}.am-btn.nav-c-mint .am-ico{color:#146c43;background:#d6f5e6}.am-btn.nav-c-pink .am-ico{color:#a2235a;background:#fde0ea}.am-btn.nav-c-sky .am-ico{color:#1a5f92;background:#d8eefc}.am-btn.nav-c-lilac .am-ico{color:#5b3aa6;background:#ece4fd}.am-btn.nav-c-lemon .am-ico{color:#7a5a00;background:#fff1bf}.am-txt .bi-tr{font-weight:600}.arrive-menu.pop .am-btn{animation:.5s cubic-bezier(.3,1.5,.5,1) both am-pop;animation-delay:calc(var(--i) * 90ms)}@keyframes am-pop{0%{opacity:0;transform:translateY(18px)scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.arrive-menu.pop .am-btn{animation:none}}.home-btn{color:#1f6fa8;background:#fff;border-radius:16px;flex:none;place-items:center;width:46px;height:46px;display:inline-grid;box-shadow:0 4px #b7d9f1,0 8px 16px #5a8fbf2e}.home-btn svg{stroke-width:2.4px;width:26px;height:26px}.home-btn:hover{background:#eef7fe}.home-btn:active{transform:translateY(2px);box-shadow:0 2px #b7d9f1}.home-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.home-btn[aria-current=page]{background:#d8eefc}.globe-home .globe-stage.home{height:calc(100dvh - 170px);min-height:560px;box-shadow:var(--soft-shadow);border-radius:28px;position:relative;inset:auto}.globe-search{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:18px;width:min(340px,100% - 28px);padding:12px 14px;position:absolute;top:14px;left:14px;box-shadow:0 8px 22px #14325a29}.gs-label{margin-bottom:6px;font-weight:800;display:block}.gs-row{align-items:stretch;gap:8px;display:flex}.gs-row input{flex:1;min-width:0;min-height:46px;margin:0}.gs-row .btn{white-space:nowrap;min-height:46px;padding-inline:1rem}.globe-search .result{margin:6px 0 0}.globe-search .globe-replay{margin-top:6px}.globe-home .globe-hud{top:14px;left:auto;right:14px}.globe-home .globe-stage.flying .globe-search{opacity:.35;pointer-events:none}.globe-bottom{z-index:3;justify-items:center;gap:10px;width:min(820px,100% - 28px);display:grid;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.globe-home .globe-arrive{margin:0}.globe-home .arrive-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border-radius:24px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%;padding:10px}.globe-home .arrive-menu[hidden]{display:none}.globe-home .globe-credit{color:var(--muted);font-size:.68rem;margin:6px 4px 0!important}.am-btn{position:relative}.am-btn .nav-badge{top:6px;left:auto;right:10px}@media (max-width:860px){.globe-home .globe-stage.home{border-radius:22px;height:calc(100dvh - 160px);min-height:620px}.globe-home .globe-hud{width:min(240px,100% - 28px);font-size:.9rem;top:132px;left:14px;right:auto}.globe-home .arrive-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px}.globe-home .am-btn{min-height:78px;padding:8px 4px;font-size:.9rem}.globe-home .am-ico{width:38px;height:38px}.globe-bottom{bottom:50px}}.gp-title .bi-ko{font-size:2.6rem;line-height:1.15}.gp-title{font-size:1.3rem}.gp-route [lang=ko]{font-size:2.2rem}.gp-route{font-size:1.1rem;line-height:1.3}.gp-km{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;font-size:1rem;display:flex}.gp-km>b,.gp-km .bi-ko,.gp-actions .bi-ko{font-size:2rem}.gp-actions .btn{min-height:64px}@media (max-width:560px){.gp-title .bi-ko{font-size:2rem}.gp-route [lang=ko]{font-size:1.6rem}.gp-actions .bi-ko,.gp-km .bi-ko{font-size:1.5rem}}.globe-home .arrive-menu.compact{border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px;padding:6px}.globe-home .arrive-menu.compact .am-btn{border-radius:14px;gap:2px;min-height:62px;padding:6px 2px;font-size:.8rem}.globe-home .arrive-menu.compact .am-ico{border-radius:10px;width:30px;height:30px}.globe-home .arrive-menu.compact .am-ico svg{width:18px;height:18px}.globe-home .arrive-menu.compact .bi-tr{font-size:.66rem}.guide{z-index:4;pointer-events:none;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:150px;left:10px}.guide[hidden]{display:none}.gd-img{filter:drop-shadow(0 8px 14px #0a1e3c59);transform-origin:50% 100%;width:118px;height:auto;animation:1.2s ease-in-out 2 gd-hi}@keyframes gd-hi{0%,to{transform:rotate(0)}30%{transform:rotate(-4deg)}60%{transform:rotate(3deg)}}.gd-bubble{color:#10243d;pointer-events:auto;background:#fff;border-radius:18px;max-width:min(300px,100vw - 190px);margin-bottom:70px;padding:10px 14px;position:relative;box-shadow:0 10px 24px #0a1e3c40}.gd-bubble:before{content:"";border:9px solid #0000;border-left:0;border-right-color:#fff;position:absolute;bottom:16px;left:-9px}.gd-ko{word-break:keep-all;margin:0;font-size:1.15rem;font-weight:900;line-height:1.35}.gd-tr{color:#3d5468;margin:4px 0 0;font-size:.88rem}.places{z-index:3;pointer-events:none;position:absolute;inset:0}.places[hidden]{display:none}.place-lines{width:100%;height:100%;position:absolute;inset:0}.place-lines line{stroke:#ffffffe6;stroke-width:1.6px}.place-lines circle{fill:#fff;stroke:#1d3557;stroke-width:2px}.place-btn{width:var(--d,60px);height:var(--d,60px);color:#10243d;font:inherit;font-weight:900;font-size:var(--fs,15px);text-align:center;white-space:nowrap;cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 35% 30%,#fff,#e6f3fc 58%,#bfe3fb);border:2px solid #fff;border-radius:50%;place-items:center;padding:0;line-height:1.1;display:grid;position:absolute;box-shadow:0 4px #143c6e59,0 8px 16px #0a1e3c4d}.place-btn:hover,.place-btn:focus-visible{background:radial-gradient(circle at 35% 30%,#fff,#d8eefc 58%,#9fd1f5);outline:none;transform:scale(1.06)}.place-btn:focus-visible{box-shadow:0 0 0 3px #10243d,0 8px 16px #0a1e3c4d}.place-btn[aria-pressed=true]{color:#fff;background:#1f6fa8}.places.pop .place-btn{animation:.45s cubic-bezier(.3,1.5,.5,1) both am-pop;animation-delay:calc(var(--i) * 70ms)}@media (max-width:860px){.gd-img{width:92px}.gd-bubble{max-width:min(240px,100vw - 150px);margin-bottom:52px}.gd-ko{font-size:1rem}}@media (prefers-reduced-motion:reduce){.gd-img,.places.pop .place-btn{animation:none}}.gs-open{display:none}.globe-search.mini{width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0}.globe-search.mini>:not(.gs-open){display:none}.globe-search.mini .gs-open{min-height:44px;padding:0 14px;display:inline-flex}.guide{flex-direction:row-reverse;left:auto;right:10px}.gd-bubble:before{border-left:9px solid #fff;border-right:0;left:auto;right:-9px}.globe-home .arrive-menu.side{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border-radius:18px;flex-direction:column;grid-template-columns:none;justify-content:space-between;gap:6px;width:92px;padding:6px;display:flex;position:absolute;top:10px;bottom:58px;right:10px}.globe-home .arrive-menu.side[hidden]{display:none}.globe-home .arrive-menu.side .am-btn{border-radius:14px;flex:1 1 0;gap:2px;min-height:46px;max-height:78px;padding:4px 2px;font-size:.78rem;box-shadow:0 3px #d3e7f5,0 6px 12px #5a8fbf1f}.globe-home .arrive-menu.side .am-ico{border-radius:9px;width:26px;height:26px}.globe-home .arrive-menu.side .am-ico svg{width:16px;height:16px}.globe-home .arrive-menu.side .bi-tr{font-size:.62rem;line-height:1.1}.globe-home .globe-hud{right:112px}.globe-bottom{width:min(560px,100% - 140px);bottom:14px;transform:translate(calc(-50% - 50px))}@media (max-width:860px){.globe-home .globe-hud{right:auto}.guide{bottom:60px}}.gd-face{transform-origin:50% 100%;flex:none;animation:1.2s ease-in-out 2 gd-hi;position:relative}.gd-face .gd-img{animation:none;display:block}.gd-mouth{opacity:0;background:radial-gradient(at 50% 35%,#3b0d12 0 55%,#7a2a2e 70%);border-radius:50%;width:10%;height:5.5%;transition:opacity .15s;position:absolute;top:65.2%;left:49.6%;overflow:hidden;transform:translate(-50%,-50%)scaleY(.08);box-shadow:0 0 0 1.5px #c9756a}.gd-mouth i{background:#d9737a;border-radius:50% 50% 0 0;height:40%;position:absolute;bottom:0;left:22%;right:22%}.gd-face.talking .gd-mouth{opacity:1;animation:.5s step-end infinite gd-talk}.gd-face.talking{animation:1.6s ease-in-out infinite gd-nod}@keyframes gd-talk{0%{transform:translate(-50%,-50%)scaleY(.25)}18%{transform:translate(-50%,-50%)scaleY(.9)}34%{transform:translate(-50%,-50%)scaleY(.4)}52%{transform:translate(-50%,-50%)scaleY(1)}70%{transform:translate(-50%,-50%)scaleY(.2)}86%{transform:translate(-50%,-50%)scaleY(.7)}}@keyframes gd-nod{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-1.5deg)translateY(-2px)}}@media (prefers-reduced-motion:reduce){.gd-face,.gd-face.talking{animation:none}.gd-face.talking .gd-mouth{animation:none;transform:translate(-50%,-50%)scaleY(.6)}}.globe-caption{z-index:6;color:#fff;text-align:center;background:#08162ad1;border-radius:14px;margin:0;padding:8px 14px;font-weight:800;line-height:1.35;position:absolute;bottom:10px;left:12px;right:112px}.globe-caption[hidden]{display:none}.globe-caption .bi{flex-direction:column;gap:2px;display:flex}.globe-caption .bi-ko{font-size:1.05rem}.globe-caption .bi-tr{color:#d4e2f2;font-size:.9rem;font-weight:600}.globe-home .globe-bottom{bottom:70px}.globe-home .globe-ctrl{top:auto;bottom:12px;right:12px}.gd-bubble{aspect-ratio:600/506;width:280px;max-width:none;box-shadow:none;background:0 0;border-radius:0;margin:0 -18px 34px 0;padding:0;position:relative}.gd-bubble:before{content:"";background:url(/char/bubble-short.png) 50%/100% 100% no-repeat;border:0;position:absolute;inset:0;transform:scaleX(-1)}.gd-text{text-align:center;flex-direction:column;justify-content:center;height:62.8%;display:flex;position:absolute;top:13.3%;left:13%;right:12%;overflow:hidden}.gd-bubble .gd-ko{font-size:1.02rem;line-height:1.3}.gd-bubble .gd-tr{font-size:.8rem;line-height:1.25}@media (max-width:860px){.gd-bubble{width:220px;max-width:none;margin:0 -14px 26px 0}.gd-bubble .gd-ko{font-size:.88rem}.gd-bubble .gd-tr{font-size:.7rem}}.place-btn{color:#0d1f4d;text-shadow:0 1px #fffc;background:radial-gradient(circle at 34% 26%,#fff 0 18%,#eaf3ff 38%,#c9dcff 70%,#a9c2ff 100%);border:0;box-shadow:inset 0 0 0 2px #ff4fe9,inset 0 0 0 4px #2d4dff,inset 0 -6px 10px #283ca047,0 0 0 2px #22d3ff,0 0 10px 2px #22d3ffd9,0 0 22px 6px #466eff73,0 6px 10px #0a144673}.place-btn:hover,.place-btn:focus-visible{background:radial-gradient(circle at 34% 26%,#fff 0 18%,#f1f7ff 38%,#d6e4ff 70%,#b8ccff 100%);outline:none;transform:scale(1.08);box-shadow:inset 0 0 0 2px #ff6af0,inset 0 0 0 4px #3b5bff,inset 0 -6px 10px #283ca047,0 0 0 2px #5ae1ff,0 0 14px 4px #22d3fff2,0 0 28px 8px #ff4fe973,0 8px 12px #0a144673}.place-btn[aria-pressed=true]{color:#fff;text-shadow:0 1px 2px #00003c99;background:radial-gradient(circle at 34% 26%,#8fb2ff 0 14%,#3d5cff 45%,#2133b8 100%)}.guide{bottom:72px}@media (max-width:860px){.guide{bottom:72px}}.gp-hint{color:#1f6fa8;font-weight:800;margin:4px 0 12px!important}.gp-hint .bi-ko{font-size:1.3rem}.gp-hint .bi-tr{color:#3d5468;font-size:.85rem;font-weight:600}.places.zooming .place-btn{opacity:.15;pointer-events:none;transition:opacity .5s,transform .5s}.places.zooming .place-btn.grow{opacity:0;z-index:2;transition:transform 1.3s cubic-bezier(.5,0,.3,1),opacity 1.3s ease-in;transform:scale(9)}.region{z-index:5;background:#fffffff0;border-radius:22px;flex-direction:column;gap:8px;padding:10px;animation:.45s cubic-bezier(.3,1.3,.5,1) both am-pop;display:flex;position:absolute;inset:10px 10px 70px;box-shadow:0 16px 40px #0a1e3c4d}.region[hidden]{display:none}.region-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.region-head h2{margin:0;font-size:1.6rem}.region-back{min-height:44px}.region-map{background:#e6f3fc;border:0;border-radius:16px;flex:1;width:100%;min-height:240px}.region-credit{color:var(--muted);text-align:right;margin:0}@media (prefers-reduced-motion:reduce){.places.zooming .place-btn.grow{transition:none}.region{animation:none}}.region-body{flex:1;grid-template-columns:minmax(0,1fr) 260px;gap:10px;min-height:0;display:grid}.region-spots{flex-direction:column;min-height:0;display:flex}.region-spots h3{margin:0 0 6px;font-size:1.05rem}.spot-list{gap:8px;padding:2px;display:grid;overflow:auto}.spot{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:#fff;border:1px solid #d6e8f5;border-radius:14px;gap:2px;padding:10px 12px;display:grid;box-shadow:0 3px #d3e7f5}.spot b{font-size:1.05rem}.spot-about{color:#3d5468;font-size:.88rem}.spot-en{color:var(--muted);font-size:.8rem}.spot:hover,.spot:focus-visible{border-color:var(--primary);outline:none}.spot[aria-pressed=true]{background:#e6f3fc;border-color:#1f6fa8;box-shadow:0 3px #a9d3f0}@media (max-width:860px){.region-body{grid-template-rows:minmax(200px,1fr) auto;grid-template-columns:1fr}.spot-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:210px}}.region-body{grid-template-rows:minmax(0,1fr)}.region-map{height:100%;min-height:0}@media (max-width:860px){.region-body{grid-template-rows:minmax(240px,1fr) auto}}.globe-caption{justify-content:center;align-items:center;gap:12px;display:flex}.cap-skip{color:#fff;min-height:34px;font:inherit;cursor:pointer;background:#ffffff1f;border:1.5px solid #ffffffd9;border-radius:999px;flex:none;padding:4px 12px;font-size:.8rem;font-weight:800}.cap-skip:hover,.cap-skip:focus-visible{color:#10243d;background:#fff;outline:none}.region-mapwrap{background:#e6f3fc;border-radius:16px;height:100%;min-height:0;position:relative;overflow:hidden}.region-mapwrap .region-map{border-radius:0;height:100%;position:absolute;inset:0}.region-head h2{flex:none}.rm-actions{z-index:500;background:#ffffffeb;border-radius:18px;flex-wrap:wrap;justify-content:center;gap:10px;max-width:calc(100% - 24px);padding:10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0a1e3c40}.rm-actions[hidden]{display:none}.rm-actions .btn{min-height:52px}.rm-note{text-align:center;flex-basis:100%;margin:0}.rm-nav{z-index:500;color:#fff;background:#08162ad9;border-radius:16px;width:min(300px,100% - 70px);padding:10px 14px;position:absolute;top:12px;right:12px}.rm-nav[hidden]{display:none}.rm-nav p{margin:0}.rm-nav .bi-tr{color:#d4e2f2;font-size:.78rem}.rm-nav-meta{justify-content:space-between;gap:10px;font-weight:800;display:flex}.rm-pin span{text-align:center;filter:drop-shadow(0 3px 3px #00000059);font-size:30px;line-height:36px;display:block}.rm-car span{background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:24px;display:grid;box-shadow:0 0 0 3px #0b4f8a,0 6px 12px #00000059}.leaflet-tooltip.rm-label{color:#fff;box-shadow:none;background:#0a1e3ce0;border:0;border-radius:10px;padding:3px 8px;font-weight:800}.leaflet-tooltip.rm-label:before{border-top-color:#0a1e3ce0}.spot-cat{color:#1a5f92;background:#e6f3fc;border-radius:999px;justify-self:start;padding:1px 8px;font-size:.72rem;font-weight:800}.spot-cat .bi-tr{margin-left:4px;font-weight:600}.spot-cat.c-history,.spot-cat.c-oldfood{color:#8a4510;background:#ffe9d6}.spot-cat.c-fun,.spot-cat.c-hot{color:#9c1f55;background:#fde0ea}.spot-cat.c-market,.spot-cat.c-mall,.spot-cat.c-bakery{color:#6e5200;background:#fff1bf}.spot-cat.c-univ,.spot-cat.c-hospital,.spot-cat.c-pharmacy{color:#13623d;background:#d6f5e6}.spot-cat.c-karaoke,.spot-cat.c-pcbang,.spot-cat.c-gym,.spot-cat.c-hair,.spot-cat.c-conv{color:#4f2f99;background:#ece4fd}.brand-title{flex-direction:column;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.brand-big{letter-spacing:.06em;background:linear-gradient(90deg,#1f6fa8,#7b3fe4 55%,#e0407a);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #ffffffe6);-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:900}.brand-sub{letter-spacing:.02em;color:#3d5468;margin-top:3px;font-size:.72rem;font-weight:700}.topbar .topbar-title.brand-title{color:inherit}h1.brand-title{margin:0}h1.brand-title .brand-big{font-size:2.8rem}h1.brand-title .brand-sub{margin-top:6px;font-size:.95rem}@media (max-width:720px){.brand-title{align-items:flex-start}.brand-big{font-size:1.6rem}}.pick-name{margin:0;font-size:1.15rem;font-weight:900}.pick-name .bi-tr{color:var(--muted);font-size:.75rem;font-weight:600;display:block}.rm-photos{z-index:450;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08162a8c;border-radius:16px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;inset:10px 10px 86px}.rm-photos[hidden]{display:none}.rm-photos-wait{color:#fff;margin:auto;font-weight:800}.rm-photo-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid}.rm-photo{background:#10243d;border-radius:12px;margin:0;animation:.5s cubic-bezier(.3,1.4,.5,1) both am-pop;position:relative;overflow:hidden;box-shadow:0 6px 14px #00000059}.rm-photo img{object-fit:cover;width:100%;height:100%;display:block}.rm-photo figcaption{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#00000080;padding:2px 6px;font-size:.62rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.rm-photos-credit{color:#e6eef7;margin:0;font-size:.72rem}.rm-photos-credit .bi-tr{margin-left:6px}.rm-photos-close{color:#10243d;cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;width:30px;height:30px;font-weight:900;position:absolute;top:6px;right:6px}@media (max-width:860px){.rm-photo-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}.kara .kw{transition:color .15s,text-shadow .15s}.gd-bubble .kara .kw.on{color:#1f6fa8}.gd-bubble .kara .kw{color:#10243d}.rm-photo{cursor:zoom-in}.rm-photo:focus-visible{outline-offset:2px;outline:3px solid #ffd84d}.rm-lightbox{z-index:1100;background:#040c1ad1;border-radius:22px;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.rm-lightbox[hidden]{display:none}.rm-lightbox figure{flex-direction:column;gap:8px;max-width:100%;max-height:100%;margin:0;display:flex;position:relative}.rm-lightbox img{object-fit:contain;border-radius:12px;max-width:100%;min-height:0;max-height:calc(100vh - 360px);box-shadow:0 12px 30px #00000080}.rm-lightbox figcaption{color:#fff;text-align:center;flex-direction:column;gap:2px;display:flex}.rm-lightbox figcaption b{font-size:1rem;line-height:1.35}.rm-lightbox figcaption .small{color:#cfdbe8}.rm-car{background:0 0;border:0}.rm-carimg{filter:drop-shadow(0 6px 6px #00000059);transform-origin:50%;width:128px;height:auto;display:block}.leaflet-container .leaflet-marker-pane img.rm-carimg{width:120px!important;height:auto!important}@media (max-width:860px){.rm-nav{width:auto;inset:auto 10px 10px}}.guide{bottom:0;right:112px}.gd-face{pointer-events:auto;cursor:pointer}.gd-face:focus-visible{outline-offset:2px;border-radius:12px;outline:3px solid #ffd84d}.globe-home .globe-caption{right:250px}@media (max-width:860px){.guide{bottom:0}.globe-home .globe-caption{right:220px}}.globe-home .globe-bottom{flex-direction:column;align-items:center;gap:8px;width:auto;display:flex;bottom:10px;left:12px;right:250px;transform:none}.globe-home .globe-bottom .globe-caption{box-sizing:border-box;width:100%;position:static}.guide{flex-direction:column-reverse;align-items:flex-end;gap:0}.gd-bubble{margin:0 30px -6px 0}@media (max-width:860px){.globe-home .globe-bottom{right:220px}.gd-bubble{margin:0 20px -4px 0}}.go-pin{cursor:pointer;filter:drop-shadow(0 6px 8px #0a1e3c59);background:0 0;border:0;place-items:center;width:92px;height:96px;padding:0;animation:1.6s ease-in-out infinite go-bob;display:grid;position:relative}.go-pin img{width:92px;height:92px;display:block}.go-pin-label{color:#b5151a;text-align:center;white-space:nowrap;background:#fffffff0;border-radius:10px;padding:2px 8px;font-size:.95rem;font-weight:900;line-height:1.15;position:absolute;top:68%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0003}.go-pin-label .bi-tr{color:#3d5468;font-size:.62rem;font-weight:700;display:block}.go-pin:hover,.go-pin:focus-visible{outline:none;transform:scale(1.08)}.go-pin:focus-visible .go-pin-label{box-shadow:0 0 0 3px #1f6fa8}@keyframes go-bob{0%,to{translate:0}50%{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.go-pin{animation:none}}.gd-bubble[hidden]{display:none}.guide{z-index:7}.go-pin-label{padding:1px 8px;font-size:.9rem;top:92%}.globe-caption{flex-wrap:wrap;min-height:64px;max-height:42%;padding:10px 16px;line-height:1.45;overflow-y:auto}.globe-caption .bi{flex:260px;min-width:0}.globe-caption .bi-ko,.globe-caption .kara{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.globe-home .globe-bottom .globe-caption{max-height:190px}.rm-nav-skip{float:right;margin-top:8px}.go-pin-label{border-radius:12px;padding:2px 10px;font-size:1.8rem;top:96%}.go-pin{width:216px;height:224px;animation:none}.go-pin img{width:216px;height:216px;animation:1s ease-in-out infinite pin-blink}.go-pin-label{top:90%}@keyframes pin-blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:860px){.go-pin{width:168px;height:176px}.go-pin img{width:168px;height:168px}}@media (prefers-reduced-motion:reduce){.go-pin img{animation:none}}.spot-cat.c-transport{color:#1a5f92;background:#d8eefc}.rm-nav-btns{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.rm-nav-btns .rm-nav-skip{float:none;margin-top:0}.rm-nav-btns [aria-pressed=true]{color:#10243d;background:#ffd84d;border-color:#ffd84d}.go-pin{width:173px;height:180px}.go-pin img{width:173px;height:173px}.go-pin-label{font-size:1.45rem}.go-pin-label .bi-tr{font-size:.75rem}@media (max-width:860px){.go-pin{width:134px;height:141px}.go-pin img{width:134px;height:134px}.go-pin-label{font-size:1.2rem}}.spot-cat.c-park{color:#1d6b2c;background:#d6f2d9}.globe-caption{color:#0d2a4a;text-shadow:0 1px #fff9;background:0 0;border-style:solid;border-width:0;border-image:url(/char/caption-wave.png) 150 110 150 120 fill/45px 33px 45px 36px/30px 25px 37px 28px;border-radius:0;margin-bottom:30px;overflow:visible}.rm-actions.pin-only{box-shadow:none;background:0 0;padding:0;bottom:28px}.globe-caption .kara,.globe-caption .bi-ko{font-size:2.1rem;line-height:1.3}.globe-home .globe-bottom{z-index:60}.region{bottom:150px}.region-mapwrap{overflow:visible}.region-mapwrap .region-map{border-radius:16px;overflow:hidden}.rm-actions.pin-only{bottom:4px;left:auto;right:14px;transform:none}.rm-actions.pin-only .go-pin-label{border-radius:18px;padding:3px 24px;font-size:3rem;top:80%}.place-btn.go{animation:1.2s ease-in-out infinite go-beat}.place-go{line-height:1.05;display:block}.place-go .bi-ko{color:#fff;font-size:1.15em;font-weight:900;display:block}.place-go .bi-tr{color:#e3f0ff;font-size:.6em;font-weight:700;display:block}@keyframes go-beat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.place-btn.go{animation:none}}.rm-nav[data-at=tl]{inset:12px auto auto 56px}.rm-nav[data-at=br]{inset:auto 12px 12px auto}.rm-nav[data-at=bl]{inset:auto auto 30px 12px}.globe-home .globe-pre{padding-bottom:170px;overflow-y:auto}@media (min-width:861px){.globe-home .globe-pre{place-items:center end;padding-right:225px}.globe-home .gp-card{width:fit-content;max-width:100%;padding:18px 28px}}.globe-home .globe-stage.flying:has(.globe-pre:not([hidden])) .globe-search{opacity:1;pointer-events:auto}.spot-pick{color:#1a5f92;margin:0 0 6px;font-weight:700}.spot-pick .bi-tr{color:var(--muted);font-weight:600;display:block}@media (max-width:860px){.globe-caption .kara,.globe-caption .bi-ko{font-size:1.35rem}.globe-home .globe-bottom .globe-caption{max-height:150px;overflow-y:auto}}.globe-home .globe-stage:has(.places:not([hidden])) .guide{z-index:70}.globe-search .globe-replay{margin:0 0 16px}.globe-caption .kara .ks{white-space:nowrap}.globe-caption .kara.wrap .ks{white-space:normal}.gp-card .say{cursor:pointer;border-radius:10px;transition:background .15s}.gp-card .say:hover,.gp-card .say:focus-visible{background:#e6f3fc;outline:none}.gp-card .say:focus-visible{box-shadow:0 0 0 3px #1f6fa8}.globe-home .globe-stage:has(.region:not([hidden])) .globe-bottom{bottom:0}.globe-home .globe-stage:has(.region:not([hidden])) .globe-caption{min-height:0;margin-bottom:40px;padding:18px 28px 16px}.globe-home .region{bottom:158px}.spot-cat.c-kpop{color:#a3155f;background:#fde2f3}.leaflet-tooltip.rm-label.big{border-radius:21px;padding:6px 17px;font-size:25px;line-height:1.2}@media (max-width:860px){.region-head{flex-wrap:wrap}}.globe-search .gs-fold{z-index:1;color:#1f6fa8;cursor:pointer;background:#fff;border:1px solid #cfe3f3;border-radius:50%;width:30px;height:30px;padding:0;font-size:.8rem;line-height:1;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0a1e3c26}.globe-search .gs-fold:hover,.globe-search .gs-fold:focus-visible{border-color:#1f6fa8;outline:none}.globe-search.mini .gs-fold{display:none}.globe-search.folded:not(.mini){width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0}.globe-search.folded:not(.mini)>:not(.gs-row):not(.gs-fold),.globe-search.folded:not(.mini) .gs-row>:not(input){display:none}.globe-search.folded:not(.mini) .gs-row input{width:220px;padding-right:44px;box-shadow:0 6px 16px #14325a2e}.globe-search.folded:not(.mini) .gs-fold{top:50%;right:8px;transform:translateY(-50%)}.globe-home .globe-stage:has(.region:not([hidden])) .globe-search{display:none}.go-confirm h2{text-align:center;margin:0 0 14px;font-size:1.4rem}.go-confirm h2 .bi-tr{color:var(--muted);margin-top:4px;font-size:.95rem;font-weight:600;display:block}.go-confirm .lu-actions{justify-content:center}.rm-actions.pin-only{inset:0 auto auto 0;transform:none}.rm-actions.pin-only .go-pin{width:150px;height:144px}.rm-actions.pin-only .go-pin img{width:130px;height:130px}.rm-actions.pin-only .go-pin-label{border-radius:14px;padding:2px 16px;font-size:1.8rem}.rm-actions.pin-only .go-pin-label .bi-tr{font-size:1rem}.globe-caption .cap-listen{color:#fff;background:#1f6fa8;border-color:#1f6fa8}.globe-caption .cap-listen .bi-tr{display:none}.globe-caption .cap-listen:disabled{opacity:.55;cursor:default}.globe-stage.listening>:not(.globe-bottom),.globe-stage.listening .places{pointer-events:none}body:has(.globe-stage.listening) :is(.topbar,.arrive-menu){pointer-events:none}.globe-caption .cap-listen .bi-ko{font-size:inherit;line-height:inherit}.globe-caption .cap-listen{white-space:nowrap;color:#0d1f4d;text-shadow:0 1px #fffc;background:radial-gradient(circle at 34% 26%,#fff 0 18%,#eaf3ff 38%,#c9dcff 70%,#a9c2ff 100%);border:0;border-radius:50%;flex:none;align-content:center;align-self:center;place-items:center;width:64px;height:64px;min-height:0;padding:0;font-size:.95rem;font-weight:900;line-height:1.1;display:grid;box-shadow:inset 0 0 0 2px #ff4fe9,inset 0 0 0 4px #2d4dff,inset 0 -6px 10px #283ca047,0 0 0 2px #22d3ff,0 0 10px 2px #22d3ffd9,0 0 22px 6px #466eff73,0 6px 10px #0a144673}.globe-caption .cap-listen:hover:not(:disabled),.globe-caption .cap-listen:focus-visible{background:radial-gradient(circle at 34% 26%,#fff 0 18%,#f1f7ff 38%,#d6e4ff 70%,#b8ccff 100%);outline:none;transform:scale(1.08)}.globe-caption .cap-btns{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.globe-caption .cap-btns .cap-skip:not(.cap-listen){background:#0d1f4dbf;border-color:#ffffffe6;min-height:28px;padding:2px 12px}@media (max-width:860px){.globe-caption .cap-btns{flex-direction:row}.globe-caption .cap-listen{width:52px;height:52px;font-size:.8rem}}.globe-stage.listening>:not(.globe-bottom),.globe-stage.listening>:not(.globe-bottom) *,:is(body:has(.globe-stage.listening) .topbar,body:has(.globe-stage.listening) .topbar *){pointer-events:none!important}.globe-stage.listening .place-btn{opacity:.6}body:has(.globe-stage.listening) .topbar :is(a,button){opacity:.6}.globe-stage.speaking>:not(.globe-bottom),.globe-stage.speaking>:not(.globe-bottom) *,:is(body:has(.globe-stage.speaking) .topbar,body:has(.globe-stage.speaking) .topbar *){pointer-events:none!important}.globe-stage.speaking .rm-nav .rm-nav-btns button{pointer-events:auto!important}.globe-stage:is(.speaking,.listening) .globe-ctrl,.globe-stage:is(.speaking,.listening) .globe-ctrl *{opacity:1;pointer-events:auto!important}.rm-actions.learn-only{box-shadow:none;background:0 0;padding:0}.learn-btn{min-height:64px;padding-inline:28px;font-size:1.4rem}.learn-panel{z-index:1200;background:#fffffff7;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;animation:.4s cubic-bezier(.3,1.3,.5,1) both am-pop;display:flex;position:absolute;inset:0}.learn-panel h3{text-align:center;margin:0;font-size:1.6rem}.learn-panel h3 .bi-tr{color:var(--muted);font-size:.95rem;font-weight:600;display:block}.grade-grid{grid-template-columns:repeat(3,minmax(110px,1fr));gap:14px;display:grid}.grade-pick{cursor:pointer;min-height:96px;font:inherit;color:#0d1f4d;background:radial-gradient(circle at 34% 26%,#fff 0 18%,#eaf3ff 38%,#c9dcff 70%,#a9c2ff 100%);border:0;border-radius:22px;font-weight:900;box-shadow:inset 0 0 0 2px #ff4fe9,inset 0 0 0 4px #2d4dff,0 0 0 2px #22d3ff,0 0 12px 2px #22d3ffb3,0 6px 10px #0a14464d}.grade-pick .bi-ko{font-size:1.8rem;display:block}.grade-pick .bi-tr{color:#3d5468;font-size:.85rem;font-weight:700;display:block}.grade-pick:hover,.grade-pick:focus-visible{outline:none;transform:scale(1.06)}@media (max-width:860px){.grade-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}}.globe-caption .ks-listen{vertical-align:middle;cursor:pointer;background:radial-gradient(circle at 34% 26%,#fff 0 18%,#eaf3ff 38%,#c9dcff 70%,#a9c2ff 100%);border:0;border-radius:50%;place-items:center;width:1.25em;height:1.25em;margin-left:2px;padding:0;font-size:.6em;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1.5px #ff4fe9,inset 0 0 0 3px #2d4dff,0 0 0 1.5px #22d3ff,0 0 6px 1px #22d3ffcc}.globe-caption .ks-listen:disabled{opacity:.5;cursor:default}.globe-caption .ks-listen:hover:not(:disabled),.globe-caption .ks-listen:focus-visible{outline:none;transform:scale(1.12)}.globe-caption .ks.reading{background:#ffd84d59;border-radius:8px}.gloss-btn{--g1:#c86bff;--g2:#8a2be2;--g3:#5a118f;cursor:pointer;min-height:64px;font:inherit;color:#fff;text-shadow:0 1px 2px #00000073;background:radial-gradient(120% 140% at 50% 0%, var(--g1) 0%, var(--g2) 55%, var(--g3) 100%);border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:10px 30px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 0 0 3px #f4f6f8,0 0 0 5px #9aa3ad,0 0 0 6px #e3e7eb,inset 0 -8px 14px #00000047,inset 0 3px 6px #ffffff59,0 8px 14px #0a143259}.gloss-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffffd9,#ffffff1f);border-radius:14px 14px 40% 40%/14px 14px 100% 100%;height:42%;position:absolute;top:5px;left:8%;right:8%}.gloss-btn:after{content:"";opacity:.95;pointer-events:none;background:#fff;border-radius:50%;width:10px;height:6px;position:absolute;top:9px;left:13%}.gloss-btn>*{position:relative}.gloss-btn .bi-tr{color:#ffffffeb;font-size:.8rem;font-weight:700;display:block}.gloss-btn:hover,.gloss-btn:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-1px)}.gloss-btn:focus-visible{box-shadow:0 0 0 3px #f4f6f8,0 0 0 5px #1f6fa8,0 0 0 7px #e3e7eb,inset 0 -8px 14px #00000047,0 8px 14px #0a143259}.gloss-btn:active{filter:brightness(.96);transform:translateY(1px)}.gloss-btn.g-green{--g1:#8af06a;--g2:#2fb534;--g3:#137a1c}.gloss-btn.g-blue{--g1:#8fe6ff;--g2:#22a6e0;--g3:#0c6496}.gloss-btn.g-red{--g1:#ff8a9a;--g2:#e3304d;--g3:#9a1028}.learn-btn.gloss-btn{font-size:1.5rem}.gloss-btn{white-space:nowrap;flex:none}.line-listen{vertical-align:middle;cursor:pointer;background:radial-gradient(circle at 34% 26%,#fff 0 18%,#eaf3ff 38%,#c9dcff 70%,#a9c2ff 100%);border:0;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:8px;padding:0;font-size:15px;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1.5px #ff4fe9,inset 0 0 0 3px #2d4dff,0 0 0 1.5px #22d3ff,0 0 6px 1px #22d3ffcc}.line-listen:hover,.line-listen:focus-visible{outline:none;transform:scale(1.1)}.gp-route b .line-listen{width:28px;height:28px;margin-left:4px;font-size:12px}.gp-card .line-listen,.gp-route b .line-listen{vertical-align:middle;flex:none;align-self:center;width:30px;height:30px;margin:0 0 0 8px;line-height:1;position:relative;top:-2px;font-size:14px!important}.gp-card .line-listen{font-family:system-ui,sans-serif;font-weight:400}.globe-search .gs-go{margin-top:10px}.globe-search .gs-go[hidden]{display:none}.globe-search .gs-gonow{text-align:center;justify-content:center;width:100%;min-height:56px}.globe-search .gs-gonow .bi{flex-direction:column;align-items:center;width:100%;display:flex}.globe-search .gs-gonow .bi-ko{font-size:1.5rem}.rm-actions.learn-only{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.learn-btn.gloss-btn{text-align:center;justify-content:center;min-height:0;padding:18px 48px;font-size:3.75rem}@media (max-width:860px){.learn-btn.gloss-btn{padding:12px 30px;font-size:2.4rem}.learn-btn.gloss-btn .bi-tr{font-size:1.1rem}}.acct-me{text-decoration:none}.account{max-width:min(58vw,620px)}.gloss-btn.sm{border-radius:14px;min-height:46px;padding:6px 18px;font-size:1rem}.gloss-btn.sm:before{border-radius:10px 10px 40% 40%/10px 10px 100% 100%;top:3px}.gloss-btn.sm:after{width:8px;height:5px;top:6px}.gloss-btn.sm .bi-tr{font-size:.72rem}.gloss-btn .bi{flex-direction:column;align-items:center;line-height:1.15;display:flex}.gs-row .gloss-btn{min-height:46px}.globe-search .gs-gonow.gloss-btn{width:100%;min-height:60px}.globe-search .gs-gonow.gloss-btn .bi-ko{font-size:1.5rem}.go-confirm .gloss-btn{min-width:120px;font-size:1.15rem}.globe-search.mini .gs-open.gloss-btn{display:inline-flex}.globe-search:not(.mini) .gs-open{display:none}.gs-row .gloss-btn{flex:none;min-width:90px}.globe-home .globe-bottom .globe-caption{text-align:left;justify-content:flex-start;align-self:flex-start;width:fit-content;max-width:100%;padding-right:22px}.globe-caption .bi{text-align:left;flex:0 auto;align-items:flex-start}.globe-caption .kara,.globe-caption .bi-tr{text-align:left}.globe-home .globe-bottom .globe-caption{flex-wrap:nowrap}.gloss-btn{--ink:#4a1478;--g1:#fdf9ff;--g2:#efdfff;--g3:#d9bcfb;color:var(--ink);text-shadow:0 1px #ffffffe6}.gloss-btn .bi-tr{color:var(--ink);opacity:.85}.gloss-btn:before{background:linear-gradient(#fffffff2,#fff0);height:38%}.gloss-btn.g-green{--ink:#145a1d;--g1:#f6fff3;--g2:#dcf8d3;--g3:#b6eba7}.gloss-btn.g-blue{--ink:#0b4a74;--g1:#f4fcff;--g2:#d9f2fd;--g3:#aedff6}.gloss-btn.g-red{--ink:#7d1024;--g1:#fff6f7;--g2:#ffdde2;--g3:#f9b6c1}.gloss-btn{box-shadow:0 0 0 3px #f4f6f8,0 0 0 5px #9aa3ad,0 0 0 6px #e3e7eb,inset 0 -6px 12px #0000001a,inset 0 3px 6px #fff9,0 8px 14px #0a143240}.globe-home .globe-bottom{align-items:flex-end}.globe-home .globe-bottom .globe-caption{align-self:flex-end}.globe-caption,.globe-caption .kara{color:#15803d}.globe-caption .bi-tr{color:#222}.globe-caption .kara .kw.on{color:#111;text-shadow:0 0 6px #ffffffe6}.globe-caption .kara .kw{opacity:0;transition:opacity .12s,color .15s}.globe-caption .kara .kw.cur,.globe-caption .kara .kw.on{opacity:1}.globe-caption .kara .kw.cur{color:#15803d}.globe-search .gs-row{padding-right:6px}.globe-search .gs-go{margin-top:14px;padding:0 6px}.gs-gonow.blink{animation:1s ease-in-out infinite go-blink}@keyframes go-blink{0%,to{filter:none;transform:none}50%{filter:brightness(1.12)saturate(1.4);transform:scale(1.03);box-shadow:0 0 0 3px #f4f6f8,0 0 0 5px #22a6e0,0 0 18px 6px #22a6e0a6}}@media (prefers-reduced-motion:reduce){.gs-gonow.blink{animation:none}}.globe-home .globe-stage.flying:has(.globe-pre[hidden]) .globe-search{display:none}.rm-nav{box-sizing:border-box;max-width:calc(100% - 24px)}.vortex{z-index:99990;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#root{transform-origin:50vw 50vh}.leaflet-container .leaflet-marker-pane img.rm-trainimg{filter:drop-shadow(0 3px 4px #00000073);width:110px!important;height:auto!important}.rm-nav .nav-train{vertical-align:middle;width:54px;height:auto;margin-right:6px}@media (max-width:860px){.globe-home .globe-bottom .globe-caption{width:100%}}.region-head .region-back{flex:none}.region-head .spots-btn{flex:none;margin-left:14px;animation:1s ease-in-out infinite spots-blink}@keyframes spots-blink{0%,to{filter:none}50%{filter:brightness(1.12)saturate(1.5);box-shadow:0 0 0 3px #f4f6f8,0 0 0 5px #2fb534,0 0 16px 5px #2fb53499}}@media (prefers-reduced-motion:reduce){.region-head .spots-btn{animation:none}}.region-head{justify-content:flex-start}.region-head .spots-btn{margin-left:auto}.places.zooming .place-btn,.places.zooming .place-lines{display:none}@media (min-width:861px){.region-head .region-back{margin-left:auto}.region-head .spots-slot{flex:none;display:flex}.region-head .spots-btn{margin-left:0}}.rm-trail{filter:blur(1.5px)}.leaflet-container .leaflet-marker-pane img.rm-carimg{will-change:transform, filter;transition:none}.globe-search .gs-gonow:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.captain-wrap{z-index:60;border-radius:inherit;clip-path:circle(75%);background:#0b1a30;animation:.9s cubic-bezier(.45,0,.2,1) both iris-open;position:absolute;inset:0;overflow:hidden}.captain-video{object-fit:contain;background:0 0;width:100%;height:100%;position:absolute;inset:0}.captain-wrap .captain-skip{z-index:1;position:absolute;bottom:16px;right:16px;pointer-events:auto!important}@property --iris-hole{syntax:"<length>";inherits:false;initial-value:0}@keyframes iris-open{0%{clip-path:circle(0%)}to{clip-path:circle(75%)}}.captain-wrap.closing{pointer-events:none;-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--iris-hole), #000 calc(var(--iris-hole) + 1px));-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--iris-hole), #000 calc(var(--iris-hole) + 1px));mask:radial-gradient(circle at 50% 50%, transparent var(--iris-hole), #000 calc(var(--iris-hole) + 1px));animation:.9s cubic-bezier(.45,0,.2,1) forwards iris-close}.captain-wrap.closing .captain-skip{display:none}@keyframes iris-close{0%{--iris-hole:0px}to{--iris-hole:80vmax}}@media (prefers-reduced-motion:reduce){.captain-wrap,.captain-wrap.closing{animation:none}}.gs-row .gloss-btn{min-height:0;margin:6px 0 6px 4px;padding-block:2px;line-height:1.15}.globe-home .globe-bottom.cap-east{justify-content:flex-start;bottom:auto;right:auto;transform:none}.globe-home .globe-bottom.cap-east .globe-caption{box-sizing:border-box;flex-wrap:wrap;width:100%;max-width:100%;max-height:100%;margin-bottom:0;overflow:hidden}.globe-home .globe-bottom.cap-east .globe-caption .kara{width:100%;display:block}.globe-home .globe-bottom.cap-east .globe-caption .kara .ks{white-space:normal;word-break:keep-all;display:block}.globe-home .globe-bottom.cap-east .globe-caption .bi>.bi-tr{white-space:normal;display:block}.globe-home .globe-bottom.cap-east .globe-caption .bi{flex:100%}.globe-home .globe-bottom.cap-east .globe-caption .cap-btns{flex-direction:row;margin-left:auto}.globe-pre .gp-card{animation:.9s cubic-bezier(.45,0,.2,1) both wipe-from-left}@keyframes wipe-from-left{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (min-width:861px){.globe-home .globe-pre{place-items:start end;padding-top:14px}}@media (prefers-reduced-motion:reduce){.globe-pre .gp-card{animation:none}}.gs-row .gloss-btn.blink{animation:1s ease-in-out infinite enter-blink}@keyframes enter-blink{0%,to{filter:none;transform:none}50%{filter:brightness(1.12)saturate(1.5);transform:scale(1.04);box-shadow:0 0 0 3px #f4f6f8,0 0 0 5px #2fb534,0 0 16px 5px #2fb53499}}@media (prefers-reduced-motion:reduce){.gs-row .gloss-btn.blink{animation:none}}.leaflet-container .rm-car img.rm-carimg{will-change:transform, filter;transition:none;width:120px!important;height:auto!important}.region-head .spots-slot{margin-left:auto;display:flex}.region-head .spots-slot .spots-btn{box-sizing:border-box;margin-left:0}@media (min-width:861px){.region-head .spots-slot{margin-left:0}}.brand-logo{object-fit:contain;pointer-events:none;background:0 0;flex:none;display:block}.brand-logo.sm{width:46px;height:46px}.brand-logo.lg{width:120px;height:120px;margin:0 auto 12px}.topbar-title.brand-link{color:inherit;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}@media (max-width:720px){.topbar-title.brand-link{justify-content:flex-start}.brand-logo.sm{width:36px;height:36px}}.login .brand{text-align:left;justify-content:center;align-items:center;gap:18px;display:flex}.login .brand .brand-logo.lg{margin:0}.login .brand h1.brand-title{align-items:flex-start}.login-bgpart{z-index:2;pointer-events:none;display:block;position:absolute}.login-plane{z-index:1}.login-hangul,.login-travel{z-index:3;box-sizing:border-box;padding:calc(var(--u) * 30px) calc(var(--u) * 36px);border-radius:calc(var(--u) * 30px);box-shadow:0 calc(var(--u) * 10px) calc(var(--u) * 30px) #1428502e;color:#0d1b3a;gap:calc(var(--u) * 12px);background:#f8fafc;flex-direction:column;font-family:inherit;display:flex}.login-hangul .lh-title,.login-travel .lh-title{font-size:calc(var(--u) * 44px);margin:0;font-weight:900;line-height:1.1}.login-hangul .lh-row{gap:calc(var(--u) * 4px);display:flex}.login-hangul .lh-jamo{min-width:0;height:calc(var(--u) * 40px);border-radius:calc(var(--u) * 9px);font-size:calc(var(--u) * 24px);box-shadow:inset 0 calc(var(--u) * 2px) 0 #ffffffe6, inset 0 calc(var(--u) * -3px) calc(var(--u) * 5px) #00000014, 0 calc(var(--u) * 2px) calc(var(--u) * 4px) #1428502e;flex:1 1 0;place-items:center;font-weight:900;line-height:1;display:grid}.login-hangul .cons .lh-jamo{color:#0b3a63;background:linear-gradient(#f4faff,#cfe6f8);border:1px solid #a9cbe6}.login-hangul .vows .lh-jamo{color:#6b4a00;background:linear-gradient(#fffaf0,#f7e2a6);border:1px solid #e3c477}.login-hangul .lh-stats{gap:calc(var(--u) * 14px);grid-template-columns:1.1fr 1fr 1.25fr;margin-top:auto;display:grid}.login-hangul .lh-stats>div{gap:calc(var(--u) * 4px);padding:calc(var(--u) * 12px) calc(var(--u) * 16px);border-radius:calc(var(--u) * 16px);background:#e1e6eeb3;flex-direction:column;display:flex}.login-hangul .lh-stats b{font-size:calc(var(--u) * 38px);font-weight:900;line-height:1.05}.login-hangul .lh-stats span{font-size:calc(var(--u) * 22px);color:#0d1b3a;white-space:nowrap;font-weight:700}.login-trail-text{z-index:1;text-align:center;white-space:nowrap;letter-spacing:.04em;color:#fff6d8;-webkit-text-stroke:1px #78460080;text-shadow:0 2px #c7951f,0 4px #9a6f10,0 6px 10px #3c1e0059;margin:0;font-size:clamp(22px,2.25vw,39px);font-weight:900;animation:10s linear infinite trail-text;position:absolute;overflow:hidden}@keyframes trail-text{0%,40%{clip-path:inset(0 100% 0 0);opacity:1}50%{clip-path:inset(0);opacity:1}88%{clip-path:inset(0);opacity:1}96%,to{clip-path:inset(0);opacity:0}}.login-palm{z-index:3;pointer-events:none;position:absolute;inset:0}.login-palm .palm-ch,.login-palm .palm-word{font-size:var(--fs,36px);white-space:nowrap;color:#f7d774;-webkit-text-stroke:1px #78460080;text-shadow:0 2px #c7951f,0 4px #9a6f10,0 6px 10px #3c1e0059;font-weight:900;line-height:1;position:absolute}.login-palm .palm-ch{width:var(--fs,36px);text-align:center}.login-palm .palm-word{color:#fff6d8}@media (prefers-reduced-motion:reduce){.login-trail-text{clip-path:none;animation:none}}.globe-caption .bi-tr .tw{opacity:0;transition:opacity .12s}.globe-caption .bi-tr .tw.on{opacity:1}.login-travel .lt-en,.login-hangul .lt-en{margin-left:calc(var(--u) * 16px);font-size:calc(var(--u) * 30px);color:#c9a14a;font-weight:800}.login-travel .lt-places{gap:calc(var(--u) * 14px) calc(var(--u) * 24px);font-size:calc(var(--u) * 32px);color:#1c2a4a;grid-template-columns:1fr 1fr;font-weight:800;display:grid}.login-travel .lt-places span{align-items:center;gap:calc(var(--u) * 12px);white-space:nowrap;display:flex}.login-travel .lt-places i{width:calc(var(--u) * 24px);height:calc(var(--u) * 32px);flex:none;display:block}.login-travel .lt-places i svg,.login-travel .lt-plane svg{width:100%;height:100%;display:block}.login-travel .lt-go{align-items:center;gap:calc(var(--u) * 18px);padding-top:calc(var(--u) * 18px);border-top:calc(var(--u) * 2px) dashed #c8cfdb;margin-top:auto;display:flex}.login-travel .lt-go b{font-size:calc(var(--u) * 32px);color:#0d1b3a;white-space:nowrap;font-weight:900}.login-travel .lt-line{height:calc(var(--u) * 4px);background:linear-gradient(90deg,#e9c76a,#c9a14a);border-radius:2px;flex:1}.login-travel .lt-plane{width:calc(var(--u) * 90px);height:calc(var(--u) * 32px);--wing:#0b3a8c;flex:none;display:block}.login-trail-text{box-sizing:border-box;padding:4px 4px 14px}.login-trail-text.two span{line-height:1.2;display:block}.globe-search .gs-label{flex-wrap:wrap;align-items:flex-start;column-gap:8px;display:flex}.globe-search .gs-hint{color:#3d5468;font-size:.78em;font-weight:600}.login-bgpart[hidden]{display:none}.login-palm .palm-laptop{--ls:calc(var(--fs,36px) * .64);filter:drop-shadow(0 5px 8px #141e3c59);flex-direction:column;align-items:center;display:flex;position:absolute}.login-palm .pl-screen{box-sizing:border-box;width:calc(var(--ls) * 9.6);aspect-ratio:16/9;margin:0 calc(var(--ls) * .6);border:calc(var(--ls) * .24) solid #111;border-radius:calc(var(--ls) * .3) calc(var(--ls) * .3) 3px 3px;background:#fff;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.login-palm .pl-flag{opacity:.4;place-items:center;display:grid;position:absolute;inset:6%}.login-palm .pl-flag svg{width:100%;height:100%}.login-palm .pl-screen .palm-word{font-size:var(--ls);color:#fff6d8;-webkit-text-stroke:1px #78460080;text-shadow:0 2px #c7951f,0 4px #9a6f10,0 6px 10px #3c1e0059;position:relative;top:auto!important;left:auto!important}.login-palm .pl-base{width:100%;height:calc(var(--ls) * .42);border-radius:2px 2px calc(var(--ls) * .32) calc(var(--ls) * .32);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);background:linear-gradient(#e9ebef,#c3c7cd 60%,#9fa4ab);margin-top:-1px;position:relative}.login-palm .pl-base:after{content:"";background:#a9aeb5;border-radius:0 0 6px 6px;height:30%;position:absolute;top:0;left:42%;right:42%}.rm-pin.rm-startdot span{background:#0b4f8a;border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 0 0 3px #fff,0 2px 6px #00000059}.rm-nav .nav-dot{vertical-align:.05em;background:#5aa9e6;border-radius:50%;width:.7em;height:.7em;margin-right:.35em;display:inline-block;box-shadow:0 0 0 2px #fff}.globe-caption .ks:not(.done) .ks-listen,.globe-caption:not(.said) .cap-listen{visibility:hidden}.globe-caption .ks.done .ks-listen,.globe-caption.said .cap-listen{animation:.3s ease-out listen-in}@keyframes listen-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@media (max-width:860px){.globe-home .globe-bottom .globe-caption{flex-flow:column;align-items:stretch}.globe-home .globe-bottom .globe-caption .bi{flex:none;width:auto!important}.globe-home .globe-bottom .globe-caption .cap-btns{flex-direction:row;justify-content:flex-end}}.login-face{opacity:0;transition:opacity .25s}.login-face.on{opacity:1}.wait-pop{z-index:80;color:#0d1b3a;cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:12px;padding:16px 24px;font-weight:800;animation:.2s ease-out wait-pop-in;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #f4f6f8,0 0 0 5px #9aa3ad,0 14px 30px #0a1e3c4d;pointer-events:auto!important}.wait-pop>span[aria-hidden]{font-size:1.6rem}.wait-pop .bi{flex-direction:column;gap:2px;display:flex}.wait-pop .bi-ko{font-size:1.25rem}.wait-pop .bi-tr{color:#3d5468;font-size:.9rem;font-weight:600}@keyframes wait-pop-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.grade-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}.bgm-btn{z-index:5;color:#0d1b3a;cursor:pointer;background:#ffffffd9;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:800;display:inline-flex;position:fixed;top:14px;right:16px;box-shadow:0 4px 12px #14285033}.bgm-btn[aria-pressed=false]{opacity:.75}.bgm-btn:focus-visible{outline-offset:2px;outline:3px solid #1f6fa8}.login-hero>.bgm-btn{z-index:5;position:fixed}.login-bgpart{--u:.5}.login-bgpart:not(.placed){visibility:hidden}.spot-list::-webkit-scrollbar{width:22px}.spot-list::-webkit-scrollbar-track{background:#eef2f7;border-radius:11px}.spot-list::-webkit-scrollbar-thumb{background:#8a94a3;border:4px solid #eef2f7;border-radius:11px;min-height:48px}.spot-list::-webkit-scrollbar-thumb:hover{background:#5f6b7a}.spot-list::-webkit-scrollbar-button{display:none}@supports not selector(::-webkit-scrollbar){.spot-list{scrollbar-width:auto;scrollbar-color:#8a94a3 #eef2f7}}.region-head .region-back{margin-left:14px!important}.region-head .spots-slot{margin-left:auto!important}@media (min-width:861px){.region-head .spots-slot{justify-content:center;width:260px}}.spot{color:#145a1d;background:radial-gradient(120% 140% at 50% 0,#f6fff3 0%,#dcf8d3 55%,#b6eba7 100%);border:0;border-radius:18px;animation:2s ease-in-out infinite spot-blink;position:relative;box-shadow:inset 0 -6px 12px #00000014,inset 0 3px 6px #ffffffb3,0 4px 10px #0a32142e}.spot:before{content:"";pointer-events:none;background:linear-gradient(#ffffffe6,#fff0);border-radius:14px 14px 40% 40%/14px 14px 100% 100%;height:34%;position:absolute;top:4px;left:6%;right:6%}.spot>*{position:relative}.spot b{color:#145a1d}.spot .spot-about{color:#2c5a33}.spot:hover,.spot:focus-visible{filter:brightness(1.04)saturate(1.15);border:0;outline:none}.spot:focus-visible{box-shadow:0 0 0 3px #2fb534,inset 0 -6px 12px #00000014,0 4px 10px #0a32142e}.spot[aria-pressed=true]{background:radial-gradient(120% 140% at 50% 0,#e9ffe0 0%,#bff0ad 55%,#8fdc78 100%);border:0;box-shadow:0 0 0 3px #2fb534,inset 0 -6px 12px #00000014,0 4px 10px #0a321438}@keyframes spot-blink{0%,to{filter:none}50%{filter:brightness(1.07)saturate(1.35)}}.spot:nth-child(2n){animation-delay:-1s}@media (prefers-reduced-motion:reduce){.spot{animation:none}}.spot-list{grid-auto-rows:max-content;align-content:start}.gp-card .gp-title{position:relative}.listen-tip{z-index:5;color:#4a3500;text-align:left;cursor:pointer;background:#fff8d6;border-radius:14px;width:max-content;max-width:220px;padding:8px 12px;font-size:.9rem;font-weight:800;line-height:1.3;animation:.3s ease-out tip-in,1.6s ease-in-out .3s infinite tip-bob;position:absolute;top:-18px;left:calc(100% + 10px);box-shadow:0 6px 16px #3c280038}.listen-tip:before{content:"";border:8px solid #0000;border-left:0;border-right-color:#fff8d6;position:absolute;bottom:10px;left:-8px}.listen-tip .bi{flex-direction:column;display:flex}.listen-tip .bi-tr{color:#6b5300;font-size:.78rem;font-weight:600}@keyframes tip-bob{0%,to{transform:none}50%{transform:translateY(-3px)}}@media (max-width:860px){.listen-tip{top:calc(100% + 6px);left:auto;right:0}.listen-tip:before{border:8px solid #0000;border-top:0;border-bottom-color:#fff8d6;inset:-8px 18px auto auto}}@media (prefers-reduced-motion:reduce){.listen-tip{animation:none}}.listen-tip{align-items:center;gap:8px;display:inline-flex;top:-14px;left:calc(100% + 4px)}.listen-tip:before{display:none}.listen-tip .tip-arrow{filter:drop-shadow(0 2px 3px #783ca059);flex:none;width:38px;height:auto;animation:.9s ease-in-out infinite arrow-nudge;transform:scaleX(-1)}@keyframes arrow-nudge{0%,to{translate:0}50%{translate:-5px}}@media (max-width:860px){.listen-tip .tip-arrow{transform:rotate(-90deg)}@keyframes arrow-nudge{0%,to{translate:0}50%{translate:0 -5px}}}@media (prefers-reduced-motion:reduce){.listen-tip .tip-arrow{animation:none}}.listen-tip{left:calc(100% + 52px)}.listen-tip .tip-arrow{width:42px;margin-top:-16px;position:absolute;top:50%;left:-48px}@media (max-width:860px){.listen-tip{top:calc(100% + 50px);left:auto;right:0}.listen-tip .tip-arrow{margin-top:0;top:-46px;left:auto;right:14px}}.gp-card .listen-anchor{vertical-align:middle;display:inline-block;position:relative}.gp-card .listen-anchor .listen-tip{white-space:nowrap;max-width:none;animation:.3s ease-out tip-in;top:50%;left:calc(100% + 54px);transform:translateY(-50%)}.gp-card .listen-anchor .tip-arrow{left:-50px}@media (max-width:860px){.gp-card .listen-anchor .listen-tip{white-space:normal;width:max-content;max-width:240px;top:calc(100% + 48px);left:auto;right:-10px;transform:none}.gp-card .listen-anchor .tip-arrow{top:-46px;left:auto;right:4px}}.gp-card .listen-anchor .listen-tip{white-space:normal;width:max-content;max-width:250px;transform:translateY(-50%)}@media (max-width:860px){.gp-card .listen-anchor .listen-tip{translate:none}}.gp-card .listen-tip .bi-ko{font-size:.95rem;line-height:1.3}.gp-card .listen-tip .bi-tr{font-size:.8rem}.login-palm .pl-screen .palm-word{font-family:"Jua", var(--font,sans-serif);letter-spacing:.02em;color:#dff3ff;-webkit-text-stroke:calc(var(--ls) * .045) #1e4fa3;background:radial-gradient(circle at 20% 30%,#fff 0 1.2px,#0000 2px) 0 0/9px 9px,radial-gradient(circle at 70% 60%,#fff 0 1px,#0000 1.8px) 3px 4px/11px 11px,linear-gradient(#fff 0%,#f1e8ff 35%,#bfe6ff 75%,#8fd3f7 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 #1e4fa3)drop-shadow(1.5px 1.5px #fff)drop-shadow(-1.5px -1.5px #fff)drop-shadow(1.5px -1.5px #fff)drop-shadow(-1.5px 1.5px #fff)drop-shadow(0 3px 4px #1e4fa373);text-shadow:none;-webkit-background-clip:text;background-clip:text;font-weight:400}.region-head .spots-btn{animation-name:spots-blink-plain;box-shadow:inset 0 -6px 12px #00000014,inset 0 3px 6px #ffffffb3,0 4px 10px #0a32142e}@keyframes spots-blink-plain{0%,to{filter:none}50%{filter:brightness(1.07)saturate(1.35)}}@media (min-width:861px){.region-head .spots-slot{justify-content:flex-start}}.globe-pre .gp-card{z-index:1;position:relative}.gp-card .listen-anchor,.gp-card .listen-anchor .listen-tip{z-index:50}.gp-card .listen-anchor~*,.gp-card .gp-title~*{z-index:0;position:relative}.gp-card .gp-title{z-index:2}.spot:nth-child(2n){color:#0b4a74;background:radial-gradient(120% 140% at 50% 0,#f4fcff 0%,#d9f2fd 55%,#aedff6 100%);box-shadow:inset 0 -6px 12px #00000014,inset 0 3px 6px #ffffffb3,0 4px 10px #0a28462e}.spot:nth-child(2n) b{color:#0b4a74}.spot:nth-child(2n) .spot-about{color:#24507a}.spot:nth-child(2n)[aria-pressed=true]{background:radial-gradient(120% 140% at 50% 0,#e6f6ff 0%,#b5e3fb 55%,#7fcaf0 100%);box-shadow:0 0 0 3px #1f8fd6,inset 0 -6px 12px #00000014,0 4px 10px #0a284638}.spot:nth-child(2n):focus-visible{box-shadow:0 0 0 3px #1f8fd6,inset 0 -6px 12px #00000014,0 4px 10px #0a28462e}.region .fade-away{opacity:0;pointer-events:none;transition:opacity .35s}.region .grade-chip{z-index:1300;box-sizing:border-box;opacity:1;cursor:default;min-height:0;margin:0;position:absolute}@media (prefers-reduced-motion:reduce){.region .fade-away{transition:none}}.region.study-bg{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none'%3E%3Cpath d='M-20 420 C 220 300 420 470 620 300 S 900 120 1040 160' fill='none' stroke='%23ffffff' stroke-width='4' stroke-dasharray='14 12' opacity='.9'/%3E%3Cg transform='translate(905 168) rotate(-18)'%3E%3Cpath d='M-26 0 Q-26 -7 -16 -7 L22 -7 Q34 -5 38 0 Q34 5 22 7 L-16 7 Q-26 7 -26 0Z' fill='%23fff'/%3E%3Cpath d='M-4 -6 L-16 -26 L-8 -26 L10 -6Z M-4 6 L-16 26 L-8 26 L10 6Z M-24 -5 L-30 -16 L-24 -16 L-16 -5Z' fill='%230b3a8c'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='200'%3E%3Cg font-family='sans-serif' font-weight='900' fill='%231f6fa8' opacity='.09'%3E%3Ctext x='20' y='50' font-size='46'%3E%E3%84%B1%3C/text%3E%3Ctext x='150' y='80' font-size='34'%3E%E3%85%8F%3C/text%3E%3Ctext x='80' y='160' font-size='40'%3E%E3%84%B4%3C/text%3E%3Ctext x='210' y='180' font-size='30'%3E%E3%85%97%3C/text%3E%3C/g%3E%3C/svg%3E") 0 0/260px 200px,radial-gradient(30% 14% at 18% 22%,#fffffff2,#0000 70%),radial-gradient(26% 12% at 72% 70%,#ffffffe6,#0000 70%),radial-gradient(20% 10% at 88% 18%,#ffffffd9,#0000 70%),linear-gradient(#bfe3fb,#e9f6ff 60%,#fff7e8);transition:background .6s}.study-stamp{z-index:1250;color:#c23b3b;background:#ffffff8c;border:4px double #c23b3b;border-radius:50%/38%;justify-items:center;gap:2px;padding:14px 22px;font-weight:900;animation:.5s cubic-bezier(.3,1.6,.5,1) .9s both stamp-in;display:grid;position:absolute;bottom:32px;right:36px;transform:rotate(-9deg)}.study-stamp b{letter-spacing:.06em;font-size:1.5rem}.study-stamp span{font-size:.95rem}.study-stamp i{border-top:2px solid;padding:0 10px;font-size:1.1rem;font-style:normal}@keyframes stamp-in{0%{opacity:0;transform:rotate(-9deg)scale(1.8)}to{opacity:.9;transform:rotate(-9deg)scale(1)}}@media (prefers-reduced-motion:reduce){.study-stamp{opacity:.9;animation:none}}.spot-pick-title{color:#145a1d;margin:0 0 2px;font-size:1.05rem;font-weight:800;line-height:1.3}.spot-pick-title .bi-tr{color:#2c5a33;font-size:.8rem;font-weight:600;display:block}.learn-panel .grade-grid,.learn-panel>.gloss-btn{box-sizing:border-box;width:min(340px,92%)}.spot-pick-title{align-items:flex-start;gap:4px;display:flex}.spot-pick-title .bi{flex-direction:column;display:flex}.region .fade-away{opacity:0!important;animation:none!important}.region .gone{display:none!important}.lesson-stage{z-index:1240;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.5s ease-out both lesson-in;display:flex;position:absolute;inset:86px 28px 22px}.lesson-frame{aspect-ratio:16/9;background:#0d1b2e;border-radius:18px;width:auto;height:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 4px #ffffffd9,0 14px 34px #0a1e3c4d}.lesson-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.lesson-soon{color:#fff;text-align:center;background:radial-gradient(circle at 50% 40%,#2b5f9e,#0d1b2e 75%);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex;position:absolute;inset:0}.lesson-soon[hidden]{display:none}.lesson-soon-icon{font-size:3rem;animation:1.6s ease-in-out infinite tip-bob}.lesson-soon .bi{flex-direction:column;gap:4px;display:flex}.lesson-soon .bi-ko{font-size:1.4rem}.lesson-soon .bi-tr{color:#cfe3ff;font-size:.95rem;font-weight:600}.lesson-place{color:#145a1d;margin:0;font-weight:800}@keyframes lesson-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lesson-stage,.lesson-soon-icon{animation:none}}.lesson-frame{width:auto;max-width:100%;height:calc(100% - 34px)}.curriculum{gap:14px;display:grid}.cur-tabs{flex-wrap:wrap;gap:8px;display:flex}.cur-tab{min-height:var(--tap);border:2px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:0 18px;font-weight:700}.cur-tab[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:#fff}.cur-table{border-collapse:collapse;background:var(--surface);border-radius:12px;width:100%;max-width:640px;overflow:hidden}.cur-table th,.cur-table td{border-bottom:1px solid var(--line);text-align:left;padding:8px 10px}.cur-table td:nth-child(n+2),.cur-table th:nth-child(n+2){text-align:right}.cur-src{border-radius:999px;padding:1px 8px;font-size:.82em;font-weight:700;display:inline-block}.cur-src.cur-snu{color:#8a3410;background:#fde3d6}.cur-src.cur-yonsei{color:#0f5e43;background:#d4f3e6}.cur-src.cur-kt{color:#7a4f00;background:#fdedc4}.cur-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:860px){.cur-cols{grid-template-columns:1fr}}.cur-group h3{margin:12px 0 6px}.cur-lessons{gap:6px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.cur-lesson{text-align:left;border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:12px;padding:8px 12px}.cur-lesson small{color:var(--muted)}.cur-lesson[aria-expanded=true]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary) inset}.cur-detail{background:var(--surface);border:1px solid var(--line);border-radius:16px;max-height:80vh;padding:12px 16px;position:sticky;top:12px;overflow:auto}.cur-glist{padding-left:1.2em}.cur-kt{color:var(--muted);font-size:.85em}.cur-chips{flex-wrap:wrap;gap:6px;display:flex}.cur-chip{border:1px solid var(--line);background:#eef4fb;border-radius:999px;padding:3px 10px}.cur-chip sup{color:var(--muted);margin-left:2px}.cur-check{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:10px;padding:14px 16px;display:grid}.cur-check textarea{border:1px solid var(--line);box-sizing:border-box;border-radius:12px;width:100%;padding:10px;font-size:1.05rem}.cur-check select{max-width:100%;min-height:40px}.cur-marked{font-size:1.15rem;line-height:1.9}.cur-marked mark.cur-unlearned{color:var(--err);border-bottom:2px solid var(--err);background:#fde0dc;padding:0 2px}.cur-marked mark.cur-unknown{color:#6b4a00;background:#fff1c2;border-bottom:2px dashed #b07d00;padding:0 2px}.globe-stage .learn-panel.grade-first{z-index:1300;width:min(720px,100% - 48px);height:fit-content;min-height:0;margin:auto;padding:28px 24px;inset:0;box-shadow:0 18px 40px #0a1e4647}.grade-grid.grade-grid-4{grid-template-columns:repeat(2,minmax(150px,1fr));gap:16px 18px}@media (min-width:760px){.grade-grid.grade-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}}.conductor-wrap{z-index:60;border-radius:inherit;animation:bright-in var(--fade,1.5s) ease both;background:#000;position:absolute;inset:0;overflow:hidden}.conductor-wrap.fading-out{pointer-events:none;animation:bright-out var(--fade,1.5s) ease forwards}.conductor-wrap.fading-out .captain-skip{display:none}.conductor-wrap .captain-skip{z-index:1;position:absolute;bottom:16px;right:16px;pointer-events:auto!important}@keyframes bright-in{0%{opacity:0;filter:brightness(0)}to{opacity:1;filter:brightness()}}@keyframes bright-out{0%{opacity:1;filter:brightness()}to{opacity:0;filter:brightness(0)}}@media (prefers-reduced-motion:reduce){.conductor-wrap,.conductor-wrap.fading-out{animation:none}}.globe-caption.has-lead .cap-lead{visibility:visible;order:-1;margin-right:6px}.globe-caption .cap-ok{cursor:pointer;min-height:52px;font:inherit;color:#fff;background:linear-gradient(#2ec46b,#138a46);border:0;border-radius:999px;flex:none;align-self:center;margin-left:8px;padding:6px 22px;font-weight:900;box-shadow:inset 0 0 0 2px #ff4fe9,inset 0 0 0 4px #2d4dff,0 0 0 2px #22d3ff,0 0 14px 3px #22d3ffbf,0 6px 10px #0a14464d;pointer-events:auto!important}.globe-caption .cap-ok .bi-ko{font-size:1.35rem;line-height:1.1;display:block}.globe-caption .cap-ok .bi-tr{color:#e7fff0;font-size:.78rem;font-weight:700;display:block}.globe-caption .cap-ok.ready{animation:1s ease-in-out infinite ok-blink}.globe-caption .cap-ok:hover,.globe-caption .cap-ok:focus-visible{outline:none;transform:scale(1.07)}.globe-caption .cap-ok:disabled{opacity:.6;cursor:default;animation:none}@keyframes ok-blink{50%{filter:brightness(1.25);box-shadow:inset 0 0 0 2px #ff4fe9,inset 0 0 0 4px #2d4dff,0 0 0 3px #7cffb0,0 0 22px 6px #7cffb0e6,0 6px 10px #0a14464d}}@media (prefers-reduced-motion:reduce){.globe-caption .cap-ok.ready{animation:none}}.gloss-btn:before,.gloss-btn:after{z-index:0}.gloss-btn>*{z-index:1}.gloss-btn .bi{line-height:1.28}.gloss-btn.sm{min-height:52px;padding-block:8px}.gs-row .gloss-btn{padding-block:5px;line-height:1.28}.region{padding-top:16px}.year .yr-level select,.year .yr-opts select{min-width:10em}.year .yr-opts{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-block:8px;display:flex}.yr-table td,.yr-table th{vertical-align:top}.yr-unit{gap:4px;display:grid}.yr-unit-no{font-size:1.05rem}.yr-gram{margin:0;padding-left:1.2em}.yr-span{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:1.95rem 0;display:flex}.yr-span-terms{gap:10px;display:grid}.yr-span-btn{cursor:pointer;min-height:56px;font:inherit;color:#8a3a0c;background:radial-gradient(120% 140% at 50% 0,#fffaf3 0%,#ffe3c7 55%,#ffc48f 100%);border:0;border-radius:18px;justify-content:center;align-items:center;padding:8px 24px;font-size:1.15rem;font-weight:900;animation:2s ease-in-out infinite spot-blink;display:inline-flex;position:relative;box-shadow:inset 0 -6px 12px #00000014,inset 0 3px 6px #ffffffb3,0 6px 14px #5a280040}.yr-span-btn:nth-child(2){color:#4b2a96;background:radial-gradient(120% 140% at 50% 0,#fcf9ff 0%,#ece2ff 55%,#d2bdfb 100%);animation-delay:-1s;box-shadow:inset 0 -6px 12px #00000014,inset 0 3px 6px #ffffffb3,0 6px 14px #32146e40}.yr-span-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffffe6,#fff0);border-radius:14px 14px 40% 40%/14px 14px 100% 100%;height:34%;position:absolute;top:4px;left:6%;right:6%}.yr-span-btn>*{position:relative}.yr-span-btn .bi{flex-direction:row;align-items:baseline;gap:8px}.yr-span-btn .bi-tr{opacity:.85;font-size:.8em;font-weight:700}.yr-span-btn.on{outline-offset:2px;outline:4px solid #1d4ed8}.yr-span-btn.on:after{content:"✓";color:#fff;background:#1d4ed8;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.85rem;display:grid;position:absolute;top:-10px;right:-8px}.yr-span-btn:hover,.yr-span-btn:focus-visible{filter:brightness(1.04)saturate(1.15)}.yr-span-btn:focus-visible{outline-offset:3px;outline:3px solid #1f1933}.yr-span-btn:active{translate:0 2px}@media (prefers-reduced-motion:reduce){.yr-span-btn{animation:none}}.yr-sem-title{margin-top:1.6em}.yr-mid-reset{white-space:nowrap;min-height:0;padding:6px 14px}.yr-mid-reset .bi{flex-direction:row;align-items:baseline;gap:6px}.year .yr-opts>.field:first-child select{background-color:#e6fbf1;border-color:#7fd8b0;box-shadow:0 4px #bfeedb}.year .yr-opts>.field:nth-child(2) select{background-color:#e7f4ff;border-color:#86c3f7;box-shadow:0 4px #c6e3fb}.year .yr-opts>.field:nth-child(4) select{background-color:#fff1e6;border-color:#f7b98a;box-shadow:0 4px #fbdcc4}.yr-gram-box{margin-top:4px;display:block}.yr-gram-box>summary{align-items:flex-start}.yr-gram-box[open]>.yr-gram{margin-top:6px}.yr-gram-box .yr-gram{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 28px;padding-left:1.4em;list-style:decimal;display:grid}@media (max-width:720px){.yr-gram-box .yr-gram{grid-template-columns:1fr}}.yr-gram-tr{color:#000;font-size:.85em;font-weight:900;display:block}.yr-gram-box .yr-gram li>span[lang=ko]{text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.5em;font-weight:800;line-height:1.35}.yr-gram-box .yr-gram li:nth-child(odd)>span[lang=ko]{color:#4a148c}.yr-gram-box .yr-gram li:nth-child(2n)>span[lang=ko]{color:#0d2c8f}.yr-gseg{white-space:nowrap}.yr-vocab summary .bi-tr,.yr-gram-title .bi-tr{color:#000;font-weight:900}.yr-gram-box+.yr-vocab{margin-top:1.6em}.yr-gram-title .bi-ko,.yr-vocab summary .bi-ko,.yr-place-name{color:#1d4ed8;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.32rem;font-weight:800}.yr-vocab summary,.yr-gram-box>summary{cursor:pointer;color:var(--primary);align-items:flex-start;gap:10px;font-weight:700;list-style:none;display:flex}.yr-vocab summary::-webkit-details-marker{display:none}.yr-gram-box>summary::-webkit-details-marker{display:none}.yr-vocab summary:before,.yr-gram-box>summary:before{content:"+";color:#1d4ed8;background:radial-gradient(circle at 35% 30%,#fffbe0,#ffe066 70%,#f7c948);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-family:Arial,sans-serif;font-size:1.9rem;font-weight:900;line-height:1;animation:1.4s ease-in-out infinite yr-peek;display:inline-grid;box-shadow:0 0 0 3px #fff,0 0 14px #ffd600d9}.yr-vocab[open] summary:before,.yr-gram-box[open]>summary:before{content:"−";color:#fff;background:radial-gradient(circle at 35% 30%,#6d9bf5,#1d4ed8 75%);animation:none;box-shadow:0 0 0 3px #fff,0 0 10px #1d4ed873}.yr-vocab summary:hover:before,.yr-vocab summary:focus-visible:before,.yr-gram-box>summary:hover:before,.yr-gram-box>summary:focus-visible:before{filter:brightness(1.05)saturate(1.3)}@keyframes yr-peek{0%,to{translate:0}50%{translate:0 4px}}@media (prefers-reduced-motion:reduce){.yr-vocab summary:before,.yr-gram-box>summary:before{animation:none}}.yr-vocab p{margin:4px 0 0;line-height:1.6}.yr-vocab-list p{margin:2px 0 0}.yr-badge{white-space:nowrap;background:var(--surface-2,#eef2f7);border-radius:999px;padding:2px 10px;font-size:.9em;display:inline-block}.yr-b-midterm,.yr-b-final{color:#7a3b00;background:#ffe2c6;font-weight:700}.yr-midterm,.yr-final{background:#ffc48c1f}.yr-exam{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.yr-exam>.yr-move{justify-self:end}.yr-mid-acts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.yr-mid-del{color:#9b1c1c;background:#fff0f0;border-color:#f5b9b9}.yr-mid-add{margin:4px 0 10px}.yr-mid-add .bi{flex-direction:row;align-items:baseline;gap:6px}@media (max-width:720px){.yr-exam{grid-template-columns:1fr}.yr-exam>.yr-move,.yr-exam>.yr-mid-acts{justify-content:flex-start;justify-self:start}}.yr-move{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.yr-move-label{color:var(--primary-press,var(--primary));font-weight:800;line-height:1.2}.yr-move-label .bi-tr{color:var(--muted);font-size:.8em;font-weight:600;display:block}.yr-move .btn{min-width:40px;padding-inline:8px}.yr-move .btn+.btn{margin-left:0}.yr-save{flex-wrap:wrap;align-items:center;gap:12px;margin-block:12px 24px;display:flex}.btn-email{box-sizing:border-box;gap:12px;min-height:56px;padding:6px 20px 6px 8px;font-size:1rem;box-shadow:0 4px #ddd0f5}.btn-email .e-icon{background:#f1ebfd;font-size:1.2rem}@media (max-width:420px){.btn-email{white-space:nowrap;gap:10px;padding-left:8px}}.year .yr-level select,.year .yr-opts select{width:auto;max-width:16em}.year .yr-opts .field{flex-direction:column;align-items:flex-start;gap:6px;margin:0;display:flex}.login-start{text-align:center}.login-start .start-row{flex-direction:column;justify-content:center;align-items:center;gap:10px}.login-start .start-row .linkish{text-align:center;min-height:36px}.login-start .browse-link{text-align:center;width:fit-content;margin:18px auto 0;display:flex}.login-start .lock-note{margin-top:14px}.login-start .emergency,.login-start .signup-box{text-align:left}.cls-scene{z-index:70;border-radius:inherit;animation:bright-in var(--fade,1.5s) ease both;background:#f3ead9;position:absolute;inset:0;overflow:hidden;container-type:size}.cls-scene.fading-out{pointer-events:none;animation:bright-out var(--fade,1.5s) ease forwards}.cls-frame{aspect-ratio:16/9;transform-origin:50% 42%;width:max(100cqw,177.78cqh);animation:24s ease-in-out infinite alternate cls-drift;position:absolute;top:50%;left:50%;translate:-50% -50%;container-type:inline-size}.cls-bg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes cls-drift{0%{transform:scale(1)}to{transform:scale(1.07)}}.cls-bubble{color:#1f1933;text-align:center;opacity:0;transform-origin:50% 100%;pointer-events:none;background:#fff;border-radius:22px;width:max-content;max-width:min(30cqw,86vw);padding:.7em 1.1em;font-size:clamp(15px,1.45cqw,30px);line-height:1.45;transition:opacity .35s,scale .45s cubic-bezier(.2,1.5,.4,1);position:absolute;translate:-50% -100%;scale:.6;box-shadow:0 6px 18px #281e0a40}.cls-bubble:after{content:"";border:14px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-14px;left:50%;translate:-50%}.cls-bubble.left{translate:-62% -100%}.cls-bubble.on{opacity:1;scale:1}.cls-bubble p{margin:0}.cls-ko{font-weight:800}.cls-tr{color:#5b5470;font-size:.72em;margin-top:.3em!important}.cls-skip{z-index:2;position:absolute;bottom:16px;right:16px;pointer-events:auto!important}.cls-scene.fading-out .cls-skip{display:none}@media (prefers-reduced-motion:reduce){.cls-scene,.cls-scene.fading-out,.cls-frame{animation:none}.cls-bubble{transition:opacity .2s;scale:1}}.cls-btns{z-index:3;flex-wrap:wrap;justify-content:center;gap:14px 20px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:max(28px,7cqh);left:50%;translate:-50%}.cls-btn{cursor:pointer;min-width:190px;min-height:64px;font:inherit;color:#8a3a0c;background:radial-gradient(120% 140% at 50% 0,#fffaf3 0%,#ffe3c7 55%,#ffc48f 100%);border:0;border-radius:18px;justify-content:center;align-items:center;gap:4px;padding:10px 26px;font-size:1.25rem;font-weight:900;animation:2s ease-in-out infinite spot-blink;display:inline-flex;position:relative;box-shadow:inset 0 -6px 12px #00000014,inset 0 3px 6px #ffffffb3,0 6px 14px #5a280040}.cls-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffffe6,#fff0);border-radius:14px 14px 40% 40%/14px 14px 100% 100%;height:34%;position:absolute;top:4px;left:6%;right:6%}.cls-btn>*{position:relative}.cls-btn .bi-tr{opacity:.85;font-size:.7em;font-weight:700;display:block}.cls-btn.find{color:#4b2a96;background:radial-gradient(120% 140% at 50% 0,#fcf9ff 0%,#ece2ff 55%,#d2bdfb 100%);animation-delay:-1s;box-shadow:inset 0 -6px 12px #00000014,inset 0 3px 6px #ffffffb3,0 6px 14px #32146e40}.cls-btn:hover,.cls-btn:focus-visible{filter:brightness(1.04)saturate(1.15);outline:none}.cls-btn.mine:focus-visible{box-shadow:0 0 0 3px #f08a2c,inset 0 -6px 12px #00000014,0 6px 14px #5a280040}.cls-btn.find:focus-visible{box-shadow:0 0 0 3px #8a5cf0,inset 0 -6px 12px #00000014,0 6px 14px #32146e40}.cls-btn:active{translate:0 2px}@media (prefers-reduced-motion:reduce){.cls-btn{animation:none}}.cls-scene.fading-out .cls-btns{display:none}.cls-find{z-index:4;border-radius:18px;width:min(560px,100% - 32px);max-height:calc(100% - 40px);position:absolute;top:50%;left:50%;overflow:auto;translate:-50% -50%;box-shadow:0 12px 40px #140a2859}.cls-find .panel{margin:0}.cls-find-x{z-index:1;color:#3b2a6b;cursor:pointer;background:#f1ecfb;border:0;border-radius:50%;width:40px;height:40px;font-size:1.1rem;position:absolute;top:10px;right:10px}.cls-find .panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.cls-bubble{max-width:min(30cqw,100vw - 72px);margin-left:var(--shift,0px);transition:opacity .35s,scale .45s cubic-bezier(.2,1.5,.4,1)}.cls-scene{z-index:1400}.cls-bubble{text-align:left;align-items:center;gap:.6em;display:flex}.cls-bubble.on{pointer-events:auto}.cls-say{min-width:0}.cls-listen{cursor:pointer;color:#0d1f4d;width:2.9em;height:2.9em;font:inherit;text-shadow:0 1px #fffc;background:radial-gradient(circle at 34% 26%,#fff 0 18%,#eaf3ff 38%,#c9dcff 70%,#a9c2ff 100%);border:0;border-radius:50%;flex:none;align-content:center;place-items:center;padding:0;font-size:.62em;font-weight:900;line-height:1.05;display:grid;box-shadow:inset 0 0 0 2px #ff4fe9,inset 0 0 0 4px #2d4dff,inset 0 -6px 10px #283ca047,0 0 0 2px #22d3ff,0 0 10px 2px #22d3ffd9,0 4px 8px #0a144659}.cls-listen>span[aria-hidden]{font-size:1.1em}.cls-listen-t{font-size:.85em}.cls-listen:hover,.cls-listen:focus-visible{outline:none;transform:scale(1.08)}.cls-scene.listening .cls-listen{opacity:.55;cursor:default}.cls-btn.find{cursor:default;flex-direction:column;gap:6px;max-width:min(460px,100vw - 48px);padding:8px 18px 10px}.cls-find-head{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.cls-names{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cls-name{font:inherit;color:#4b2a96;cursor:pointer;background:#ffffffd9;border:0;border-radius:999px;padding:3px 12px;font-size:.72rem;font-weight:800;box-shadow:0 1px 3px #32146e33}.cls-name:hover,.cls-name:focus-visible{background:#fff;outline:2px solid #8a5cf0}.cls-name-more,.cls-name-none{opacity:.8;align-self:center;font-size:.72rem;font-weight:700}.cls-modal{z-index:5;background:#140e2859;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.cls-modal[hidden]{display:none}.cls-pop{background:#fff;border-radius:20px;width:min(460px,100%);max-height:100%;padding:22px 22px 16px;position:relative;overflow:auto;box-shadow:0 16px 40px #140a2866}.cls-pop h2{margin:0 0 6px;font-size:1.25rem}.cls-pop-now{color:#5b5470;margin:0 0 12px}.cls-pop-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cls-pop-list .field{gap:4px;margin:0;display:grid}.cls-pop-btns{flex-wrap:wrap;gap:10px;display:flex}.cls-pop-btns .btn{flex:160px}.cls-pop .btn.locked{opacity:.6}.cls-pop-x{color:#3b2a6b;cursor:pointer;background:#f1ecfb;border:0;border-radius:50%;width:40px;height:40px;font-size:1.1rem;position:absolute;top:12px;right:12px}.cls-alert{z-index:8;background:#140e2873;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.cls-alert-card{text-align:center;background:#fff;border-radius:18px;width:min(360px,100%);padding:22px;box-shadow:0 16px 40px #140a2873}.cls-alert-msg{color:#8a1c1c;margin:0 0 16px;font-size:1.1rem;font-weight:800}.cls-bubble.left{margin-top:calc(-1 * var(--lift,0px));translate:-80% -100%}.cls-bubble.left:after{left:calc(80% - var(--shift,0px))}.cls-bubble.right{translate:-20% -100%}.cls-bubble.right:after{left:calc(20% - var(--shift,0px))}.cls-bubble{max-width:min(27cqw,100vw - 72px);box-shadow:none;color:#0d2a4a;text-shadow:0 1px #fff9;filter:drop-shadow(0 6px 10px #0a285040);background:0 0;border-style:solid;border-width:0;border-image:url(/char/caption-wave.png) 150 110 150 120 fill/45px 33px 45px 36px/22px 18px 26px 20px;border-radius:0;padding:.55em 1em}.cls-bubble .cls-ko{text-align:left;word-break:keep-all;font-size:1.15em;font-weight:900;line-height:1.3}.cls-bubble .cls-tr{color:#222;text-align:left;font-weight:600}.cls-bubble:after{filter:drop-shadow(0 2px #fffc);border-width:16px 12px 0;border-top-color:#bfe6fb;bottom:-20px}.cls-alert-msg .bi-tr,.cls-pop-now .bi-tr{color:#5b5470;font-size:.85em;font-weight:600;display:block}.cls-bubble{max-width:min(40cqw,100vw - 72px);padding:.6em 1.3em}.cls-bubble .cls-ko{font-size:1.2em}.cls-bubble .kara .kw{opacity:0;color:#111;transition:opacity .12s,color .15s}.cls-bubble .kara .kw.cur,.cls-bubble .kara .kw.on{opacity:1}.cls-bubble .kara .kw.cur{color:#15803d}.cls-bubble .kara .kw.on{text-shadow:0 0 6px #ffffffe6}.cls-bubble .cls-tr{margin-top:.3em;font-size:.72em;display:block}.cls-bubble .cls-tr .tw{opacity:0;transition:opacity .12s}.cls-bubble .cls-tr .tw.on{opacity:1}.cls-btn.find .cls-find-head{font-size:1.25rem}.cls-btn,.cls-btn.find .cls-find-head{font-family:inherit;font-size:1.05rem;font-weight:700}.cls-name{font-size:.88rem;font-weight:400}.cls-btn,.cls-btn.find .cls-find-head{font-size:2.1rem}.cls-btn{min-height:84px;padding:10px 34px}.cls-btn .bi-tr{font-size:.45em}.cls-btn.find .cls-name{font-size:.88rem}@media (max-width:600px){.cls-btn,.cls-btn.find .cls-find-head{font-size:1.6rem}.cls-btn{min-width:0;padding-inline:22px}}.cls-bubble{font-size:1rem}.cls-bubble .cls-ko{font-size:2.1rem;line-height:1.3}.cls-bubble .cls-tr{font-size:.9rem;font-weight:600}.cls-bubble .cls-listen{width:64px;height:64px;font-size:.95rem}@media (max-width:860px){.cls-bubble .cls-ko{font-size:1.35rem}.cls-bubble .cls-listen{width:52px;height:52px;font-size:.8rem}}.cls-pop-btns .cls-enter-btn{color:#fff;background:linear-gradient(#2ec46b,#138a46);border-color:#138a46;flex:100%}.cls-pop-btns .cls-enter-btn .bi-tr{color:#e7fff0}.cls-find-head{align-items:center;gap:4px;display:inline-flex}.cls-find-head .bi-tr{opacity:.85;font-size:.45em;font-weight:700;display:block}.cls-bubble{white-space:nowrap;max-width:none}.cls-bubble .cls-ko,.cls-bubble .cls-tr{white-space:nowrap}@media (max-width:600px){.cls-bubble{white-space:normal;max-width:calc(100vw - 72px)}.cls-bubble .cls-ko,.cls-bubble .cls-tr{white-space:normal}}.cls-pop .result.bad .bi-tr{font-size:.85em;display:block}.cls-talk{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:26px;display:flex;position:absolute;top:3%;left:3%;right:3%}.cls-talk .cls-bubble{white-space:normal;max-width:100%;margin:0;position:relative;top:auto;left:auto;translate:none}.cls-talk .cls-bubble.right{margin-left:6%}.cls-talk .cls-bubble .cls-ko,.cls-talk .cls-bubble .cls-tr{white-space:normal;word-break:keep-all}.cls-talk .cls-bubble:after,.cls-talk .cls-bubble.left:after,.cls-talk .cls-bubble.right:after{left:var(--tail,50%);translate:-50%}.cls-btn.find{cursor:pointer;flex-direction:row;gap:4px;padding:10px 34px}.cls-exist{background:#f4effe;border-radius:14px;margin:0 0 14px;padding:12px}.cls-exist h3{color:#4b2a96;margin:0 0 8px;font-size:1rem}.cls-exist h3 .bi-tr{font-size:.8em;font-weight:600;display:block}.cls-exist-list{flex-wrap:wrap;gap:8px;max-height:160px;display:flex;overflow-y:auto}.cls-exist-item{color:#3b2a6b;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d2bdfb;border-radius:999px;padding:6px 16px;font-weight:800}.cls-exist-item:hover,.cls-exist-item:focus-visible{border-color:#8a5cf0;outline:none}.cls-exist-item[aria-pressed=true]{color:#fff;background:#8a5cf0;border-color:#8a5cf0}.cls-talk .cls-bubble.right{align-self:flex-end;margin-left:0}.cls-scene.talking .cls-btn,.cls-scene.listening .cls-btn{opacity:.55;filter:grayscale(.45);cursor:not-allowed;animation:none}.cls-scene .wait-pop{z-index:9}.cls-start{text-align:center}.cls-start-name{color:#8a3a0c;margin:10px 0 4px;font-size:1.8rem;font-weight:900}.cls-start-q{margin:0 0 16px;font-size:1.15rem;font-weight:800}.cls-start-q .bi-tr{color:#5b5470;font-size:.8em;font-weight:600;display:block}.cls-pop-btns.cls-yesno .btn,.cls-pop-btns.cls-yesno .cls-enter-btn{flex:140px}.cls-start-label{color:#3b2a6b;margin:6px 0 0;font-size:1.1rem;font-weight:800}.cls-start-label .bi-tr{color:#5b5470;font-size:.8em;font-weight:600;display:block}.cls-start .cls-start-name{margin-top:4px}.cls-yesno .btn{animation:1s ease-in-out infinite cls-yn-blink}@keyframes cls-yn-blink{0%,to{filter:none;box-shadow:0 0 #fff0}50%{filter:brightness(1.15)saturate(1.3);box-shadow:0 0 0 4px #ffd250bf}}@media (prefers-reduced-motion:reduce){.cls-yesno .btn{animation:none}}.cls-pw-box{gap:12px;margin-top:4px;display:grid}.cls-pw-box[hidden]{display:none}.cls-pw-box .field{gap:4px;margin:0;display:grid}.cls-pw-box .cls-enter-btn{color:#fff;background:linear-gradient(#2ec46b,#138a46);border-color:#138a46}.cls-pw-box .cls-enter-btn .bi-tr{color:#e7fff0}body.cls-open .topbar .account,body.cls-open .topbar .home-btn,body.cls-open .topbar .medals,body.cls-open .topbar .rank-btn{visibility:hidden;pointer-events:none}.cls-tologin{z-index:3;color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#0d1f4dc7;border:2px solid #ffffffe6;border-radius:999px;align-items:center;gap:4px;padding:6px 18px;font-weight:800;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 10px #0a14324d}.cls-tologin .bi-tr{opacity:.9;font-size:.78em;font-weight:600;display:block}.cls-tologin:hover,.cls-tologin:focus-visible{background:#0d1f4deb;outline:none}.cls-scene.fading-out .cls-tologin{display:none}.cls-talk{gap:10px;top:1.2%}.cls-talk .cls-bubble .cls-ko{line-height:1.2}.cls-talk .cls-bubble .cls-tr{margin-top:.15em}.cls-talk .cls-bubble:after,.cls-talk .cls-bubble.left:after,.cls-talk .cls-bubble.right:after{border-width:12px 9px 0;bottom:-12px}.cls-talk .cls-bubble{padding:24px 1.2em 16px}@media (max-width:860px){.cls-talk .cls-bubble{padding:20px 1em 14px}}.learn-btn.gloss-btn{border-radius:12px;padding:9px 24px;font-size:1.875rem}.learn-btn.gloss-btn .bi-tr{font-size:.8rem}.learn-btn.gloss-btn:before{border-radius:8px 8px 40% 40%/8px 8px 100% 100%}@media (max-width:860px){.learn-btn.gloss-btn{padding:6px 15px;font-size:1.2rem}.learn-btn.gloss-btn .bi-tr{font-size:.55rem}}.cls-talk-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;width:100%;display:flex}.cls-talk-row .cls-bubble.right{margin-left:auto}.btn-email{justify-content:center;padding-left:56px;padding-right:56px;position:relative}.btn-email .e-icon{position:absolute;top:50%;left:8px;translate:0 -50%}.btn-email .bi{text-align:center}.cls-btns{pointer-events:none;width:auto;max-width:none;display:block;position:absolute;inset:0 0 auto;translate:none}.cls-btns>.cls-btn{pointer-events:auto;white-space:nowrap;position:absolute;top:0;left:0}.cls-scene .cls-caption{z-index:4;bottom:12px;left:12px;right:150px}.cls-scene .cls-caption[hidden]{display:none}@media (max-width:860px){.cls-scene .cls-caption{bottom:70px;right:12px}}.cls-scene .cls-caption{min-height:0;padding-block:2px}.cls-scene .cls-caption .cap-ok{min-height:44px;padding:4px 18px}.cls-scene .cls-caption .cap-ok .bi-ko{font-size:1.15rem}.cls-scene .cls-caption .kara,.cls-scene .cls-caption .bi-ko{font-size:2.1rem;line-height:1.3}.cls-scene .cls-caption .bi-tr{font-size:.9rem}.cls-scene .cls-caption .cap-listen{width:64px;height:64px;font-size:.95rem}@media (max-width:860px){.cls-scene .cls-caption .kara,.cls-scene .cls-caption .bi-ko{font-size:1.35rem}.cls-scene .cls-caption .cap-listen{width:52px;height:52px;font-size:.8rem}}.cls-btns>.cls-btn{box-sizing:border-box;justify-content:center}.cls-scene .cls-caption{right:12px}.cls-scene .cls-caption .cap-listen .bi-ko{font-size:inherit;line-height:1.1}.cls-scene .cls-caption .cap-ok .bi-ko{font-size:1.15rem;line-height:1.1}.cls-scene.talking .cls-tologin,.cls-scene.listening .cls-tologin{opacity:.55;filter:grayscale(.45);cursor:not-allowed}.cls-scene .cls-caption .cls-ok{white-space:nowrap;text-align:center;opacity:1;filter:none;cursor:pointer;flex:none;justify-content:center;align-self:center;width:auto;min-width:0;height:52px;min-height:52px;margin-left:8px;padding:4px 20px;font-size:1.15rem;animation:2s ease-in-out infinite spot-blink;position:relative}.cls-scene .cls-caption .cls-ok .bi{flex-direction:row;justify-content:center;align-items:baseline;gap:8px;display:inline-flex}.cls-scene .cls-caption .cls-ok .bi-ko{font-size:1.15rem;line-height:1.1}.cls-scene .cls-caption .cls-ok .bi-tr{color:inherit;opacity:.85;font-size:.8rem;font-weight:700;display:inline}@media (prefers-reduced-motion:reduce){.cls-scene .cls-caption .cls-ok{animation:none}}@keyframes next-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.conductor-wrap .cond-say{z-index:2;width:max-content;max-width:calc(100% - 300px);margin-bottom:0;bottom:16px;left:auto;pointer-events:auto!important}.conductor-wrap .cond-say[hidden],.conductor-wrap.fading-out .cond-say{display:none}.conductor-wrap .cond-say .cap-skip{pointer-events:auto!important}@media (max-width:860px){.conductor-wrap .cond-say{max-width:calc(100% - 24px);bottom:90px;right:12px!important}}.cls-scene .cls-caption{text-align:left;filter:drop-shadow(0 6px 10px #0a285040);border-image:url(/char/caption-wave.png) 150 110 150 120 fill/45px 33px 45px 36px/22px 18px 26px 20px;flex-wrap:nowrap;align-items:center;gap:.6em;width:max-content;max-width:calc(100% - 64px);min-height:0;max-height:none;margin:0;padding:24px 1.2em 16px;display:flex;left:50%;right:auto;overflow:visible;translate:-50%}.cls-scene .cls-caption>.bi{flex-direction:column;flex:0 auto;display:flex}.cls-scene .cls-caption .kara,.cls-scene .cls-caption>.bi>.bi-ko{white-space:normal;word-break:keep-all}@media (max-width:860px){.cls-scene .cls-caption{max-width:calc(100% - 48px);padding:20px 1em 14px}}.cls-scene .cls-caption>.bi{flex:none}.cls-scene .cls-caption .kara,.cls-scene .cls-caption>.bi>.bi-ko{white-space:nowrap}@media (max-width:860px){.cls-scene .cls-caption>.bi{flex:0 auto}.cls-scene .cls-caption .kara,.cls-scene .cls-caption>.bi>.bi-ko{white-space:normal}}.cls-scene .cls-caption .cls-ok{align-items:center;padding-block:0;display:inline-flex}.cls-scene .cls-caption .cls-ok .bi{align-items:center}.cls-scene .cls-caption .cls-ok .bi-ko,.cls-scene .cls-caption .cls-ok .bi-tr{line-height:1}.conductor-wrap .cond-say{filter:drop-shadow(0 6px 10px #0a285040);border-image:url(/char/caption-wave.png) 150 110 150 120 fill/45px 33px 45px 36px/22px 18px 26px 20px;align-items:center;gap:.6em;padding:24px 1.2em 16px;display:flex}.conductor-wrap .cond-say>.bi{text-align:left;flex-direction:column;flex:none;display:flex}.conductor-wrap .cond-say .cls-listen{width:64px;height:64px;font-size:.95rem;pointer-events:auto!important}@media (max-width:860px){.conductor-wrap .cond-say .cls-listen{width:52px;height:52px;font-size:.8rem}}.cls-scene .cls-caption .cls-ok{align-self:flex-start}.conductor-wrap .cond-replay{z-index:2;background:#ffffffe6;border-radius:14px;max-width:min(420px,100% - 32px);padding:10px 14px;position:absolute;top:16px;left:16px;box-shadow:0 4px 14px #0a143240;pointer-events:auto!important}.conductor-wrap .cond-replay .globe-replay{margin:0}.conductor-wrap .cond-replay *{pointer-events:auto!important}.conductor-wrap.fading-out .cond-replay{display:none}body.cls-open .topbar .topbar-title{top:50%;left:50%;left:var(--cls-title-left,50%);position:absolute;translate:0 -50%}body.cond-open .topbar .account,body.cond-open .topbar .home-btn{visibility:hidden;pointer-events:none}body.cond-open .topbar .topbar-title{left:var(--cls-title-left,16px);position:absolute;top:50%;translate:0 -50%}.globe-search.waiting{visibility:hidden}.conductor-wrap .cond-replay[hidden]{display:none}.cond-replay .globe-replay{align-items:center;gap:10px;display:flex}.cond-replay .globe-replay .bi{flex-direction:column;gap:2px;display:flex}.cond-replay .globe-replay .bi-ko{white-space:pre-line;font-weight:800;line-height:1.3}.cond-replay .globe-replay .bi-tr{font-size:.85em;display:block}.topbar .topbar-title.brand-link{text-align:left;flex:none;order:-1;justify-content:flex-start}.topbar .topbar-row>.account{margin-left:auto}body.cls-open .topbar .topbar-title,body.cond-open .topbar .topbar-title{position:static;top:auto;left:auto;translate:none}.topbar .topbar-row>.account,.topbar .topbar-row>.home-btn,.topbar .topbar-row>.rank-btn{flex:none}.topbar .topbar-row>.medals{flex:0 auto;min-width:0;overflow:hidden}.topbar .topbar-row{flex-wrap:wrap;row-gap:6px}.topbar .topbar-row{flex-wrap:nowrap}.topbar .topbar-row>.medals{min-width:0;margin-left:0}.topbar .topbar-row>.account{flex:none;min-width:0;overflow:visible}@media (max-width:1279px){.topbar .account .acct-who{display:none}}.cond-replay .globe-replay .bi-tr{white-space:pre-line;line-height:1.3}.globe-search .gs-replay-slot{display:none}.globe-search.mini .gs-replay-slot{background:#ffffffe6;border-radius:14px;width:max-content;max-width:260px;margin-top:8px;padding:8px 12px;display:block;box-shadow:0 4px 14px #0a143233}.globe-search .gs-replay-slot .globe-replay{align-items:center;gap:10px;margin:0;display:flex}.globe-search .gs-replay-slot .globe-replay .bi{flex-direction:column;gap:2px;display:flex}.globe-search .gs-replay-slot .globe-replay .bi-ko{white-space:pre-line;font-weight:800;line-height:1.3}.globe-search .gs-replay-slot .globe-replay .bi-tr{white-space:pre-line;font-size:.85em;line-height:1.3;display:block}.login-hangul .lh-stats span,.login-travel .lt-places span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn-email,.btn-email .bi,.btn-email .bi-ko,.btn-email .bi-tr{white-space:nowrap}.rm-lightbox figure{position:relative}.rm-lb-nav{z-index:2;cursor:pointer;color:#1f3d6b;background:#ffffffeb;border:0;border-radius:50%;width:52px;height:52px;font-size:1.3rem;position:absolute;top:50%;translate:0 -50%;box-shadow:0 4px 12px #0a143259}.rm-lb-nav.prev{left:10px}.rm-lb-nav.next{right:10px}.rm-lb-nav:hover,.rm-lb-nav:focus-visible{background:#fff;outline:none;transform:scale(1.08)}.rm-lb-count{opacity:.8;margin-left:8px}.rm-lb-pic{align-self:center;width:fit-content;max-width:100%;min-height:0;display:flex;position:relative}.rm-lb-pic img{display:block}.globe-stage>.cap-parked{z-index:61}.login-hangul.tr,.login-travel.tr{font-family:Times New Roman,Times,TrKo,serif}.login-hangul.tr .lh-title>[lang=ko],.login-travel.tr .lh-title>[lang=ko]{font-family:inherit}.login-hangul.tr .lh-title,.login-travel.tr .lh-title{font-family:HUFS,Pretendard,Noto Sans KR,sans-serif}.login-hangul.tr .lt-en,.login-travel.tr .lt-en{font-family:Times New Roman,Times,TrKo,serif}.login-hangul.tr .lh-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.login-hangul.tr .lh-stats>div{min-width:0;overflow:hidden}.login-hangul.tr .lh-stats b,.login-hangul.tr .lh-stats span,.login-travel.tr .lt-places span,.login-travel.tr .lt-go b{white-space:nowrap;text-overflow:clip;display:block}.login-travel.tr .lt-places span{min-width:0;display:flex;overflow:hidden}.login-travel.tr .lt-places{grid-template-columns:repeat(2,minmax(0,1fr))}.globe-stage>.cap-parked .cap-listen{visibility:visible;pointer-events:auto}.globe-stage>.cap-parked .kara .kw{opacity:1}.login-hangul.tr .lh-stats span{white-space:normal;text-overflow:clip;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:visible}.cls-scene .cls-caption .cls-ok[hidden]{display:none}.cls-talk .cls-talk-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;width:100%;display:flex}.cls-talk .cls-talk-row.top{justify-content:flex-end}.cls-talk .cls-talk-row .cls-bubble.right{align-self:auto;margin-left:auto}.globe-stage.speaking .gs-gonow.go-free,.globe-stage.listening .gs-gonow.go-free{pointer-events:auto!important}.rm-photo-grid{flex:none;grid-auto-rows:auto;align-content:start;grid-template-rows:none!important}.rm-photo{aspect-ratio:16/9;height:auto!important}.rm-photos-credit,.rm-photos-credit .bi-ko{font-size:.36rem!important}.rm-photos-credit .bi-tr{font-size:.5rem!important}.rm-photos-credit .bi,.rm-photos-credit{white-space:nowrap;flex-flow:row;align-items:baseline;gap:6px;display:flex}.rm-photos-credit .bi-tr{margin-left:0;display:inline}.globe-stage.speaking .gp-card.go-free .say,.globe-stage.speaking .gp-card.go-free .line-listen,.globe-stage.listening .gp-card.go-free .say,.globe-stage.listening .gp-card.go-free .line-listen{pointer-events:auto!important}.lang-ask{z-index:3000;background:#140e2873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lang-ask-card{text-align:center;background:#fff;border-radius:20px;width:min(420px,100%);padding:24px 22px 20px;box-shadow:0 16px 40px #140a2866}.lang-ask-q{color:#1f1933;margin:0 0 18px;font-size:1.25rem;font-weight:800}.lang-ask-q p{margin:0}.lang-ask-q .bi-tr{color:#5b5470;margin-top:4px;font-size:.8em;font-weight:600;display:block}.lang-ask-btns{gap:12px;display:flex}.lang-ask-btns .btn{flex:1;min-height:52px;animation:1s ease-in-out infinite cls-yn-blink}.lang-ask-btns .lang-yes{color:#fff;background:linear-gradient(#2ec46b,#138a46);border-color:#138a46}.lang-ask-btns .lang-yes .bi-tr{color:#e7fff0}.langs.lang-flash{outline-offset:6px;border-radius:14px;outline:3px solid #f08a2c;transition:outline-color .3s}@media (prefers-reduced-motion:reduce){.lang-ask-btns .btn{animation:none}}.lang-ask-btns .btn{justify-content:center;align-items:center;min-height:76px;padding:6px 10px;display:flex;overflow:hidden}.lang-ask-btns .btn .bi{flex-direction:column;align-items:center;gap:2px;line-height:1;display:flex}.lang-ask-btns .btn .bi-ko{white-space:nowrap;font-size:2rem;font-weight:900;line-height:1.05}.lang-ask-btns .btn .bi-tr{font-size:.85rem;font-weight:700;line-height:1.1}@media (max-width:420px){.lang-ask-btns .btn .bi-ko{font-size:1.6rem}}.globe-stage:has(.region.study-bg:not([hidden])) :is(.arrive-menu,.globe-ctrl){display:none!important}.region>.lesson-back{z-index:1250;position:absolute;top:16px;left:16px}.leaflet-container .rm-car img.rm-carimg.rm-boatimg{width:144px!important}.region.study-bg.station-bg{background:#8fd0f5 url(/img/lesson/station.webp) 50%/cover no-repeat}.lesson-sub{color:#fff;text-align:center;pointer-events:none;background:#0000009e;border-radius:10px;max-width:88%;margin:0;padding:6px 16px;font-family:Times New Roman,TrKo,serif;font-size:1.35rem;font-weight:700;line-height:1.35;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.lesson-sub[hidden]{display:none}@media (max-width:860px){.lesson-sub{font-size:1rem;bottom:44px}}.region>.vocab-btn{z-index:1250;animation:.5s ease-out both lesson-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lesson-frame{container-type:inline-size}.lesson-sub{padding:.3em .8em;font-size:clamp(.7rem,2.6cqw,1.5rem);bottom:13%}@media (max-width:860px){.lesson-sub{font-size:clamp(.7rem,2.6cqw,1.5rem);bottom:13%}}.lesson-stage.full{z-index:3000;background:#000;gap:0;padding:0;animation:.4s ease-out both lesson-in;position:fixed;inset:0}.lesson-stage.full .lesson-frame{width:100%;max-width:none;height:100%;box-shadow:none;aspect-ratio:auto;border-radius:0}.lesson-stage.full .lesson-video{object-fit:contain}.lesson-stage.full .lesson-place{display:none}.lesson-stage.full .lesson-sub{font-size:clamp(1rem,2.2cqw,2rem);bottom:11%}.region>.lesson-back.over-video{z-index:3001;position:fixed;top:20px;left:20px}.region.study-bg{animation:none;transform:none}body:has(.region.station-bg:not([hidden])) .topbar :is(.account,.home-btn,.medals,.rank-btn){display:none!important}.globe-stage:has(.region.station-bg:not([hidden])) .guide{display:none!important}:is(body:has(.lesson-stage.full) .topbar,body:has(.lesson-stage.full) .globe-credit){visibility:hidden}.region:has(.lesson-stage.full){z-index:3000}.rm-lightbox:not([hidden]){justify-content:center;align-items:center;gap:28px;display:flex}.rm-lightbox figure{flex:0 auto;max-width:calc(100% - 330px)}.rm-lightbox .lb-say{color:#111;text-align:left;z-index:3;filter:drop-shadow(0 6px 10px #0a285040);background:0 0;border-image:url(/char/caption-wave.png) 150 110 150 120 fill/45px 33px 45px 36px/22px 18px 26px 20px;border-radius:0;flex:none;align-items:center;gap:.6em;width:max-content;max-width:290px;margin:0;padding:38px 1.2em 16px;display:flex;position:static}.rm-lightbox .lb-say>.bi{flex-direction:column;flex:0 auto;display:flex}.rm-lightbox .lb-say .kara{white-space:normal;word-break:keep-all;font-size:1.6rem;font-weight:800;line-height:1.3}.rm-lightbox .lb-say .bi-tr{color:#333;font-size:.9rem;font-weight:600}.rm-lightbox .lb-say .bi-tr .tw{opacity:0;transition:opacity .12s}.rm-lightbox .lb-say .bi-tr .tw.on{opacity:1}.rm-lightbox .lb-say .kara .kw{opacity:0;color:#111;transition:opacity .12s,color .15s}.rm-lightbox .lb-say .kara .kw.cur,.rm-lightbox .lb-say .kara .kw.on{opacity:1}.rm-lightbox .lb-say .kara .kw.cur{color:#15803d}.rm-lightbox .lb-say .kara .kw.on{color:#111;text-shadow:none}.rm-lightbox .lb-say .cls-listen{flex:none;width:64px;height:64px;font-size:.95rem}@media (max-width:860px){.rm-lightbox:not([hidden]){gap:14px}.rm-lightbox figure{max-width:calc(100% - 230px)}.rm-lightbox .lb-say{max-width:210px}.rm-lightbox .lb-say .kara{font-size:1.2rem}.rm-lightbox .lb-say .cls-listen{width:52px;height:52px;font-size:.8rem}}.gs-gonow.go-locked,.gs-gonow.go-locked:disabled{opacity:.45;filter:grayscale(.7);cursor:not-allowed;animation:none;pointer-events:none!important}.yn-alert{z-index:1000;background:#140e2880;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.yn-card{text-align:center;background:#fff;border:3px solid #f2b8b5;border-radius:20px;width:min(440px,100%);padding:24px 22px 20px;box-shadow:0 18px 44px #140a2873}.yn-icon{margin:0 0 6px;font-size:2.4rem;line-height:1}.yn-msg{color:#8a1c1c;margin:0 0 18px;font-size:1.15rem;font-weight:800;line-height:1.5}.yn-msg .bi-tr{color:#6b3a3a;margin-top:4px;font-size:.82em;font-weight:600;display:block}.yn-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.yn-btns .btn{min-width:120px}.learn-starts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px;display:grid}.learn-start{cursor:pointer;font:inherit;text-align:center;background:radial-gradient(120% 140% at 50% 0,#fff 0%,#eef6ff 60%,#dbeafe 100%);border:2px solid #cfe0f5;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:18px 16px;display:flex;box-shadow:0 6px 14px #1e3c6e26}.learn-start b{font-size:1.35rem}.learn-start-icon{font-size:2.4rem;line-height:1}.learn-start:hover,.learn-start:focus-visible{border-color:var(--primary);filter:brightness(1.03);outline:none}.cls-headline{text-align:center;font-size:1.5rem;line-height:1.4}.yr-help{white-space:pre-line;margin:0;font-size:1.32rem;font-weight:800;line-height:1.95}.yr-help .bi-tr{color:var(--muted);margin-top:6px;font-weight:700;line-height:1.85;display:block}.yr-help-gap{margin-top:1.55em}.sel-tr{color:var(--muted);margin-top:4px;display:block}.dp-value .bi{flex-direction:column;align-items:flex-start;line-height:1.2;display:inline-flex}.dp-value .bi-tr{color:var(--muted);font-size:.6em;font-weight:600}.yr-vocab summary .bi,.yr-gram-title .bi{vertical-align:top;flex-direction:column;display:inline-flex}.year .yr-opts{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start;gap:12px 16px;display:grid}.year .yr-opts .field{width:100%}.year .yr-opts .field>b{text-align:center;align-self:stretch}.year .yr-opts .field>b .bi{align-items:center}.year .yr-summary .bi{flex-flow:wrap;align-items:baseline;column-gap:12px}.year .yr-summary .bi>*{margin-top:0!important}.year .yr-opts select,.year .yr-opts .dp-btn{box-sizing:border-box;width:100%;min-width:0;max-width:none;height:76px;min-height:76px;font:inherit;color:var(--text);background-color:#fff;border:3px solid #c9b4f2;border-radius:16px;padding:8px 16px;font-size:1.5rem;font-weight:800;box-shadow:0 4px #ddd0f5}.year .yr-opts .dp{width:100%}.year .yr-opts .dp-btn{justify-content:center}.year .yr-opts select{text-align:center;text-align-last:center;padding-inline:30px}.year .yr-opts select option{text-align:left}.year .yr-opts .dp-btn .dp-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.2rem;overflow:hidden}.year .yr-opts select{text-overflow:ellipsis;padding:8px 30px 8px 12px;font-size:1.2rem}.yr-help .bi-ko{line-height:1.95;display:block}.yr-help-lines>.bi{display:block}.yr-help-lines>.bi+.bi{margin-top:1.55em}.cls-create .field>:first-child .bi{flex-direction:row;align-items:baseline;gap:8px;line-height:28px}.cls-create .field>:first-child .bi-tr{font-size:.85em}.yr-vocab-row{flex-wrap:wrap;gap:6px 14px;margin-top:8px;display:flex}.yr-word{flex-direction:column;align-items:center;line-height:1.25;display:inline-flex}.yr-word b{text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.5em;font-weight:800}.yr-word.odd b{color:#4a148c;text-shadow:0 0 11px #39ff14f2,0 0 4px #39ff14e6}.yr-word.even b{color:#0d2c8f}.yr-word small{color:#000;text-align:center;max-width:9em;font-size:.78rem;font-weight:900}.year .yr-opts .field{grid-template-rows:auto 76px;align-content:start;gap:6px;display:grid}.year .yr-opts .field>select,.year .yr-opts .field>.dp{align-self:start;margin:0}.year .yr-opts .dp-btn{margin:0}.yr-help .bi-ko{color:#0d2c8f;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6}.cls-create .field .hint .bi{flex-flow:wrap;align-items:baseline;gap:8px}.tabs .tab-end{color:inherit;margin-left:auto;text-decoration:none}.bi-tr,.bi-tr *,.tr,.cls-tr,.cls-tr *,.tw,.sel-tr,.yr-word small,.lc-tr,.tr-line,.year [lang]:not([lang=ko]),.yr-ov-dlg [lang]:not([lang=ko]),.cls-settings [lang]:not([lang=ko]),.hand-hint:not([lang=ko]),.lang-ask [lang]:not([lang=ko]),.year:not([data-ui-lang=ko]) .yr-opts select,.year:not([data-ui-lang=ko]) .yr-opts .dp-value{font-family:Times New Roman,Times,TrKo,serif!important}.glow-text{font-size:1.32rem;font-weight:800;line-height:1.6}.glow-text .bi-ko{color:#0d2c8f;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-weight:800;display:block}.glow-text .bi-tr{color:var(--muted);text-shadow:none;margin-top:4px;font-size:.78em;font-weight:700;display:block}.yr-place{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:2px 0 4px;display:flex}.yr-place-name{font-weight:800}.yr-virtual{color:#7a4b00;background:#fff2cc;border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:800;display:inline-block}.yr-virtual .bi{flex-direction:row;gap:4px}.yr-place-sel{max-width:min(100%,34em);padding:2px 6px;font-size:.9rem}.yr-place-pick{flex-basis:100%;gap:4px;margin-top:4px;display:grid}.yr-place-pick-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.yr-place-pick-head>b{color:#0f766e}.yr-place-pick-head .bi{flex-flow:wrap;align-items:baseline;column-gap:6px}.yr-place-sel{cursor:pointer;background:#f0fdfa;border:2px solid #5eead4;border-radius:10px}.places.week-focus .place-btn{opacity:.35;filter:grayscale(.6);pointer-events:none}.places.week-focus .place-btn.review{opacity:.7;filter:grayscale(.2);pointer-events:auto}.places.week-focus .place-btn.this-week{opacity:1;filter:none;pointer-events:auto;animation:1.6s ease-in-out infinite spot-blink;box-shadow:0 0 0 4px #ffe14d,0 0 22px 8px #ffe14dd9}.spot .spot-virtual{color:#7a4b00;background:#fff2cc;border-radius:999px;margin-left:6px;padding:0 6px;font-size:.75rem;font-weight:800}.rm-lightbox figure{flex:0 auto;min-width:0;max-width:none}.rm-lightbox .lb-say{flex-wrap:nowrap;flex:none;align-items:center;gap:.7em;max-width:none;padding:34px 1.3em 20px}.rm-lightbox .lb-say>.bi{flex:none}.rm-lightbox .lb-say .kara{white-space:nowrap;font-size:1.6rem}.rm-lightbox .lb-say .bi-tr{white-space:nowrap;margin-top:4px}@media (max-width:860px){.rm-lightbox .lb-say{max-width:none;padding:28px 1em 16px}.rm-lightbox .lb-say .kara{font-size:1.15rem}.rm-lightbox figure{max-width:none}}.yr-exam{grid-template-columns:auto minmax(0,1fr) auto}.yr-mid-acts{flex-wrap:nowrap;min-width:0}.yr-mid-acts .yr-mid-reset{white-space:normal;flex:1 1 0;min-width:0}.yr-mid-acts .yr-mid-reset .bi{flex-wrap:wrap;justify-content:center;row-gap:0}.yr-mid-acts .yr-mid-reset .bi>*{white-space:nowrap}.yr-mid-addbtn{color:#1d6b3a;background:#effbf3;border-color:#b9e5c8}td>.yr-mid-acts{margin-top:10px}.lp,.lp>select{width:100%}.lp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0;display:grid}.lp-day{min-height:56px;padding:4px;font-size:1.2rem}.lp-day .bi{flex-direction:column;align-items:center;line-height:1.2;display:flex}.lp-day .bi-tr{font-size:.7em;font-weight:600}.lp-day.sel .bi-tr,.lp-day.sel .bi-ko{color:#fff}.lp-again{margin-top:8px}@media (max-width:520px){.lp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.year .yr-weights{margin-top:14px}.year .yr-weights-title{margin-bottom:4px;font-size:1.2rem;display:block}.year .yr-weight-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.year .yr-weight-row input{box-sizing:border-box;width:100%;height:76px;font:inherit;text-align:center;color:var(--text);background:#fff;border:3px solid #c9b4f2;border-radius:16px;padding:8px 12px;font-size:1.2rem;font-weight:800;box-shadow:0 4px #ddd0f5}.year .yr-weight-sum{margin-top:6px}@font-face{font-family:TrCJK;src:local(SimSun),local(NSimSun),local(Songti SC),local(STSong),local(MS Mincho),local(Noto Serif CJK SC);unicode-range:U+3000-303F,U+3040-30FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}.year:not([data-ui-lang=ko]) select,.year:not([data-ui-lang=ko]) select option{font-family:Times New Roman,Times,TrKo,TrCJK,HUFS,Pretendard,Noto Sans KR,Malgun Gothic,serif}.gem-btn.gem-btn{--g1:#e6f1ff;--g2:#cfe3ff;--rim:#a9cbf5;--edge:#7fa9e0;--ink:#1d3b6a;isolation:isolate;cursor:pointer;min-height:52px;font:inherit;color:var(--ink);background:linear-gradient(180deg, var(--g1) 0%, var(--g1) 50%, var(--g2) 50%, var(--g2) 100%);box-shadow:inset 0 0 0 3px var(--rim), inset 0 -5px 0 var(--edge), 0 0 0 3px #fff, 0 0 0 4.5px #2d2a36, 0 5px 0 4.5px #2d2a362e;filter:none;border:0;border-radius:18px;justify-content:center;align-items:center;gap:4px;margin:4px;padding:8px 18px;font-weight:800;transition:transform 80ms,filter .15s;display:inline-flex;position:relative}.gem-btn.gem-btn:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffffd9,#ffffff40);border-radius:13px 13px 10px 10px;height:42%;position:absolute;top:5px;left:7px;right:7px}.gem-btn.gem-btn:after{content:"";pointer-events:none;background:radial-gradient(circle at 4px 4px,#fff 0 3px,#0000 3.5px),radial-gradient(circle at 11px 6px,#fff 0 1.6px,#0000 2px);width:14px;height:8px;position:absolute;top:7px;left:10px}.gem-btn.gem-btn:hover:not(:disabled),.gem-btn.gem-btn:focus-visible{filter:brightness(1.04)saturate(1.15);outline:none}.gem-btn.gem-btn:focus-visible{box-shadow:inset 0 0 0 3px var(--rim), inset 0 -5px 0 var(--edge), 0 0 0 3px #fff, 0 0 0 4.5px #2d2a36, 0 0 0 8px #7a5cf059}.gem-btn.gem-btn:active:not(:disabled){transform:translateY(2px)}.gem-btn.gem-btn:disabled{opacity:.55;cursor:not-allowed}.gem-btn.gem-btn .bi-tr{color:var(--ink);opacity:.8}.gem-orange.gem-orange{--g1:#fff1d9;--g2:#ffe0ad;--rim:#f7c98a;--edge:#e2a256;--ink:#7a3e06}.gem-blue.gem-blue{--g1:#e6f1ff;--g2:#cfe3ff;--rim:#a9cbf5;--edge:#7fa9e0;--ink:#1d3b6a}.gem-purple.gem-purple{--g1:#f8e8ff;--g2:#eed2ff;--rim:#dcb2f6;--edge:#b986e0;--ink:#5b1f86}.gem-gray.gem-gray{--g1:#f5f6f9;--g2:#e6e9ef;--rim:#cdd3dd;--edge:#a7b0be;--ink:#3a4352}.gem-btn.gem-btn.sel{--g1:#fff1d9;--g2:#ffd9a0;--rim:#f2b66a;--edge:#d98b33;--ink:#6a3300}.gem-btn.gem-btn.sel:before{background:linear-gradient(#ffffffe6,#ffffff4d)}.lp-cal .lp-grid{gap:12px;padding:4px}.lp-cal .lp-day.gem-btn{min-height:60px;margin:0;padding:6px 4px;font-size:1.2rem}.lp-cal .lp-day.gem-btn.sel .bi-ko,.lp-cal .lp-day.gem-btn.sel .bi-tr{color:var(--ink)}.lp-cal .dp-foot{flex-wrap:wrap;gap:10px;display:flex}.lp-cal .dp-foot .gem-btn{margin:4px 2px}.lp{flex-direction:column;align-items:stretch;display:flex}.lp .lp-again.gem-btn{align-self:center;margin-top:12px}.lp-cal .dp-foot{justify-content:center}.year .yr-opts .field:has(.lp-again){grid-template-rows:auto auto}.year .yr-opts .lp>select{height:76px;min-height:76px;margin:0}.year .yr-opts .dp{min-width:0;max-width:100%}.year .yr-opts .dp-btn{max-width:100%}.glass-btn{--c1:#d9eeff;--c2:#a9d5f8;--ink:#123a63;cursor:pointer;min-height:56px;font:inherit;color:var(--ink);background-clip:padding-box;background-image:radial-gradient(140% 70% at 25% 115%, #ffffff6b 0 58%, transparent 59%), linear-gradient(135deg, var(--c1), var(--c2));border:7px solid #c4d2e473;border-radius:22px 8px;justify-content:center;align-items:center;gap:6px;margin:6px;padding:10px 28px;font-size:1.15rem;font-weight:800;transition:transform 80ms,filter .15s;display:inline-flex;position:relative;box-shadow:0 0 0 1.5px #fffffff2,0 0 0 2.5px #78849659,0 8px 18px #1e283c2e,inset 0 1px #ffffffb3}.glass-btn:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 0,#fffffff2 0 1.5px,#ffffff59 3px,#0000 9px),radial-gradient(circle at 0 55%,#ffffffe6 0 1.5px,#ffffff4d 3px,#0000 8px);position:absolute;inset:-12px}.glass-btn .bi-tr{color:var(--ink);opacity:.8}.glass-btn:hover:not(:disabled),.glass-btn:focus-visible{filter:brightness(1.04)saturate(1.12);outline:none}.glass-btn:focus-visible{box-shadow:0 0 0 1.5px #fff,0 0 0 5px #7a5cf073,0 8px 18px #1e283c2e}.glass-btn:active:not(:disabled){transform:translateY(2px)}.glass-btn:disabled{opacity:.55;cursor:not-allowed}.glass-blue{--c1:#d9eeff;--c2:#a9d5f8;--ink:#123a63}.glass-gray{--c1:#eef3f7;--c2:#cbd7e0;--ink:#34414f}.glass-teal{--c1:#d6f6f8;--c2:#9fe0e6;--ink:#0f4f57}.glass-orange{--c1:#ffe6cf;--c2:#ffc49a;--ink:#7a3410}.glass-purple{--c1:#e7e1ff;--c2:#c5b8f7;--ink:#3f2a8a}.glass-pink{--c1:#ffdde9;--c2:#f6aecb;--ink:#7d1440}.login :not(:lang(ko)){font-family:Times New Roman,Times,TrKo,TrCJK,serif!important}.login [lang=ko],.login [lang=ko] *{font-family:HUFS,Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif!important}.year .yr-main{gap:14px;display:grid}.yr-steps{counter-reset:none;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.yr-step{flex:120px}.yr-step-btn{cursor:pointer;width:100%;font:inherit;color:#4a5568;background:#f7f9fc;border:2px solid #dfe6f0;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:flex}.yr-step-mark{color:#4a5568;background:#e2e8f0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:inline-grid}.yr-step.done .yr-step-btn{color:#1d6b3a;background:#effbf3;border-color:#b9e5c8}.yr-step.done .yr-step-mark{color:#fff;background:#7fd3a0}.yr-step.now .yr-step-btn{color:#7a3e06;background:#fff6e8;border-color:#f7c98a}.yr-step.now .yr-step-mark{color:#fff;background:#f3a94f}.yr-step-count{opacity:.8;margin-left:auto;font-weight:600}.yr-sumline{background:#fbfdff;border:2px solid #e3e9f2;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.yr-sumline-text{color:#2d3748;font-weight:700}.yr-md{grid-template-columns:minmax(0,250px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.yr-wl{background:#fbfdff;border:2px solid #e3e9f2;border-radius:14px;gap:6px;max-height:calc(100vh - 220px);padding:6px;display:grid;position:sticky;top:120px;overflow:auto}.yr-wl-tabs{gap:4px;display:flex}.yr-wl-tab{font:inherit;cursor:pointer;background:#eef2f7;border:0;border-radius:10px;flex:1;padding:6px 8px;font-weight:700}.yr-wl-tab.on{color:#1d4ed8;background:#dbeafe}.yr-wl-select{display:none}.yr-wl-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.yr-wl-row{cursor:pointer;width:100%;font:inherit;text-align:left;color:#2d3748;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:7px 8px;display:flex}.yr-wl-row:hover{background:#f1f5fb}.yr-wl-row.on{color:#1e3a8a;background:#dbeafe;font-weight:800}.yr-wl-week{min-width:3.2em;font-weight:700}.yr-wl-city{color:#4a5568;margin-left:auto;font-size:.92em}.yr-wl-midterm,.yr-wl-final{background:#fff8ee}.yr-dt{background:#fff;border:2px solid #e3e9f2;border-radius:14px;gap:10px;min-width:0;padding:12px 14px;display:grid}.yr-dt-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.yr-dt-title{font-size:1.25rem}.yr-dt-tabs{border-bottom:2px solid #eef2f7;flex-wrap:wrap;gap:4px;padding-bottom:6px;display:flex}.yr-dt-tab{font:inherit;color:#4a5568;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:6px 14px;font-weight:700}.yr-dt-tab.on{color:#1d4ed8;background:#dbeafe}.yr-dt-body{min-height:120px}.yr-dt-nav{justify-content:space-between;display:flex}.yr-text-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.yr-text-card{border:2px solid #e3e9f2;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.yr-text-st{color:#8a94a6;font-size:.9em}.yr-soon{margin-top:8px}.yr-save-sticky{z-index:5;background:#ffffffeb;border:2px solid #e3e9f2;border-radius:14px;justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;padding:8px 12px;display:flex;position:sticky;bottom:0}.yr-save-sticky.changed{background:#fff8ecf5;border-color:#f7c98a}.yr-set-dlg{width:min(1100px,100vw - 32px);max-height:calc(100vh - 40px)}.yr-set-body{gap:14px;max-height:calc(100vh - 160px);padding:4px;display:grid;overflow:auto}.yr-set-sem{border:2px solid #eef2f7;border-radius:14px;gap:8px;padding:10px;display:grid}.yr-help-more summary{cursor:pointer;font-weight:700}@media (max-width:760px){.yr-md{grid-template-columns:1fr}.yr-wl{max-height:none;position:static;overflow:visible}.yr-wl-list{display:none}.yr-wl-select{width:100%;min-height:48px;font-size:1.1rem;display:block}}.yr-dt-nav .glass-btn{white-space:nowrap;min-height:48px;padding:8px 16px}@media (max-width:760px){.yr-dt .yr-exam{grid-template-columns:minmax(0,1fr)}.yr-dt .yr-exam>.yr-mid-acts{flex-wrap:wrap;justify-content:flex-start}.yr-dt .yr-exam>.yr-mid-acts .yr-mid-reset{flex:140px}.yr-dt .yr-exam>.yr-move{justify-self:start}}.year .yr-weight-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.year .yr-weight-row .field{min-width:0}.year .yr-weight-row .field>b{white-space:normal;text-align:center;font-size:clamp(.8rem,1.3vw,1.05rem);line-height:1.2}.year .yr-weight-row input{-moz-appearance:textfield;min-width:0;height:64px;padding:4px 2px;font-size:clamp(1.2rem,2.6vw,2rem);font-weight:800}.year .yr-weight-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.year .yr-weight-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.year .yr-weight-row .field{grid-template-rows:2.6em auto}.year .yr-weight-row .field>b{align-self:end}@media (max-width:560px){.year .yr-weight-row{grid-template-columns:repeat(4,minmax(0,1fr))}.year .yr-weight-row input{font-size:1.3rem}}.yr-gram-box .yr-gram li>span[lang=ko],.yr-vocab .yr-word b{font-size:1.32rem}.yr-saved-pop .yn-card{border-color:#b9e5c8}.yr-saved-pop .yn-msg{color:#1d6b3a}.yr-dt-tabs .yr-dt-tab.gem-btn{min-height:64px;margin:4px;padding:10px 22px;font-size:2rem}@media (max-width:760px){.yr-dt-tabs .yr-dt-tab.gem-btn{min-height:52px;padding:8px 14px;font-size:1.4rem}}.yr-sumline .yr-open-set{margin-left:0}.yr-sumline .yr-sumline-text{text-align:right;margin-left:auto}.neu-btn{--neu-bg:#eceff6;background:var(--neu-bg);cursor:pointer;min-height:60px;font:inherit;border:0;border-radius:22px;justify-content:center;align-items:center;padding:12px 22px;font-size:24px;font-weight:800;transition:box-shadow .15s,transform 80ms;display:inline-flex;box-shadow:-6px -6px 14px #fffffff2,6px 6px 14px #a3b1c68c}.neu-btn>span{background:linear-gradient(135deg,#4a7cf6,#7a5af0);color:#0000;-webkit-background-clip:text;background-clip:text}.neu-btn:hover{box-shadow:-7px -7px 16px #fff,7px 7px 16px #a3b1c6a6}.neu-btn:focus-visible{outline-offset:3px;outline:3px solid #7a5cf073}.neu-btn:active{transform:translateY(1px)}.neu-btn.on{box-shadow:inset 5px 5px 12px #a3b1c699,inset -5px -5px 12px #fffffff2}.neu-btn.on>span{background-image:linear-gradient(135deg,#ff5f8f,#ff9a4d)}.yr-dt-tabs{background:#eceff6;border-bottom:0;border-radius:22px;gap:14px;padding:14px}.yr-dt-tabs .yr-dt-tab.neu-btn{margin:0;font-size:24px}@media (max-width:760px){.yr-dt-tabs .yr-dt-tab.neu-btn{min-height:52px;padding:8px 14px;font-size:20px}}.yr-sumline .yr-open-set{font-size:24px;animation:2s ease-in-out infinite set-blink}@keyframes set-blink{0%,to{filter:none}50%{filter:brightness(1.12)saturate(1.4)drop-shadow(0 0 10px #5096ffbf)}}@media (prefers-reduced-motion:reduce){.yr-sumline .yr-open-set{animation:none}}.yr-dt-tabs{flex-wrap:nowrap;overflow:hidden}.yr-dt-tabs .neu-btn{white-space:nowrap;padding:10px calc(var(--tab-fs,24px) * .7);flex:0 auto;min-height:56px;font-size:var(--tab-fs,24px)!important}.yr-dt-tabs .yr-open-set{animation:2s ease-in-out infinite set-blink}@media (prefers-reduced-motion:reduce){.yr-dt-tabs .yr-open-set{animation:none}}.yr-dt-tabs{gap:8px;padding:8px}.yr-dt-tabs .neu-btn{padding:8px calc(var(--tab-fs,24px) * .45);border-radius:18px}.yr-sumline{justify-content:flex-start}.yr-sumline .yr-sumline-text{text-align:left;color:#1d4ed8;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;margin-left:0;font-size:1.32rem;font-weight:800}.yr-dt-tabs .neu-btn{background:var(--tint,var(--neu-bg))}.yr-dt-tabs .neu-btn>span,.yr-dt-tabs .neu-btn.on>span{background-image:linear-gradient(135deg, var(--g1,#4a7cf6), var(--g2,#7a5af0))}.yr-dt-tabs .neu-btn:nth-child(6){--g1:#8b5cf6;--g2:#e0479c;--tint:#f4efff;--tint-on:#e7dcff}.yr-dt-tabs .neu-btn.on{background:var(--tint-on,var(--tint))}.yr-sumline{flex-direction:column;align-items:flex-start}.yr-sumline .yr-open-set{--g1:#ff9a4d;--g2:#ff4f6d;background:#fff3ea;margin:0;font-size:24px;animation:2s ease-in-out infinite set-blink}.yr-sumline .yr-open-set>span{background-image:linear-gradient(135deg, var(--g1), var(--g2))}@media (prefers-reduced-motion:reduce){.yr-sumline .yr-open-set{animation:none}}.yr-dt-tabs .neu-btn:first-child{--g1:#4a7cf6;--g2:#7a5af0;--tint:#eef1ff;--tint-on:#dde4ff}.yr-dt-tabs .neu-btn:nth-child(2){--g1:#12bcd8;--g2:#2b6ff2;--tint:#e9f8fc;--tint-on:#d2f0f8}.yr-dt-tabs .neu-btn:nth-child(3){--g1:#ff5f8f;--g2:#c04cf0;--tint:#fdeef6;--tint-on:#f9dbec}.yr-dt-tabs .neu-btn:nth-child(4){--g1:#22b86a;--g2:#0f9aa8;--tint:#eaf9f1;--tint-on:#d3f2e2}.yr-dt-tabs .neu-btn:nth-child(5){--g1:#8b5cf6;--g2:#e0479c;--tint:#f4efff;--tint-on:#e7dcff}.yr-dt-tabs .neu-btn:nth-child(6){--g1:initial}.yr-dt-tabs{justify-content:stretch}.yr-dt-tabs .neu-btn{flex:auto}.year .yr-w-box{width:100%;position:relative}.year .yr-w-box input{width:100%;padding-right:30px!important}.yr-w-steps{flex-direction:column;gap:2px;display:flex;position:absolute;top:6px;bottom:10px;right:6px}.yr-w-step{color:#6b4fd8;cursor:pointer;background:#efe9fd;border:0;border-radius:8px;flex:1;width:24px;padding:0;font-size:12px;line-height:1}.yr-w-step:hover{background:#e2d8fb}.yr-w-step:focus-visible{outline-offset:1px;outline:2px solid #7a5cf0}.yr-sumline .yr-open-set{--g1:#22b86a;--g2:#0f9a6a;background:#eafaf1}.yr-dt-title-ko{color:#1d4ed8;font-weight:700}.yr-gram-title>span,.yr-vocab-title>span{color:#1d4ed8;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.32rem;font-weight:800}.yr-dt-title-ko{color:inherit;font-size:1.25rem;font-weight:800}.yr-steps-box{gap:8px;display:grid}.yr-steps-title{color:#4a5568;margin:0;font-size:.95rem;font-weight:700}.yr-steps-title .bi{flex-direction:row;align-items:baseline;gap:8px}.fx-split{animation:1s cubic-bezier(.4,0,.2,1) both fx-split}@keyframes fx-split{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}.yr-help-more>summary{font-size:20pt}.yr-sumline{flex-flow:row;align-items:center;gap:18px}.yr-sumline .yr-open-set{flex:none}.yr-sumline .yr-sumline-text{flex:auto;min-width:0;margin:0}.cls-settings{flex-wrap:wrap;gap:12px;display:flex}.cls-settings>.cls-bar-btn{flex:220px;width:auto;margin:0;position:static}.page-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.page-head h1{margin:0}.page-head .page-back{min-height:48px;margin:6px 0;padding:6px 20px;font-size:1.05rem}.yr-help-more>summary{align-items:center;gap:10px;list-style:none;display:inline-flex}.yr-help-more>summary::-webkit-details-marker{display:none}.yr-help-more>summary:before{content:"▶";color:#fff;background:linear-gradient(135deg,#ff9a4d,#ff4f6d);border-radius:50%;place-items:center;width:1.5em;height:1.5em;font-size:.8em;transition:transform .2s;display:inline-grid;box-shadow:0 0 0 3px #ffffffe6,0 4px 12px #ff4f6d73}.yr-help-more:not([open])>summary:before{animation:1.4s ease-in-out infinite help-blink}.yr-help-more[open]>summary:before{transform:rotate(90deg)}@keyframes help-blink{0%,to{opacity:1;box-shadow:0 0 0 3px #ffffffe6,0 0 #ff4f6d99}50%{opacity:.55;box-shadow:0 0 0 3px #ffffffe6,0 0 0 10px #ff4f6d00}}@media (prefers-reduced-motion:reduce){.yr-help-more:not([open])>summary:before{animation:none}}.yr-dt{container-type:inline-size}@container (width<=700px){.yr-exam{grid-template-columns:minmax(0,1fr)}.yr-exam>.yr-mid-acts{flex-wrap:wrap;justify-content:flex-start}.yr-exam>.yr-mid-acts .yr-mid-reset{flex:140px}.yr-exam>.yr-move{justify-self:start}}.yr-off{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.yr-off.on .yr-off-btn{color:#9a3d00;background:#fff3ea;border-color:#ffb27a}.yr-off-note{color:#9a3d00;font-weight:700}.yr-off-badge{font-size:.9em}.yr-tset-help{margin:4px 0 10px}.yr-tset-len{color:var(--muted);margin-top:4px;display:block}.yr-tset-kinds-field{margin-top:10px}.yr-tset-kinds,.yr-wt-yn{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.yr-wt,.yr-rv{border:2px solid var(--line);background:#fff;border-radius:16px;min-width:0;margin:0 0 14px;padding:14px 16px}.yr-wt-title,.yr-rv-title{margin:0 0 10px;font-size:1.1rem}.yr-wt-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:10px 16px;display:grid}.yr-wt-grid .field{flex-direction:column;gap:6px;min-width:0;display:flex}.yr-wt-place{font-weight:700}.yr-wt-must{margin:12px 0 6px}.yr-wt-defaults{background:#f6f9fd;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;display:flex}.yr-wt-make{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;display:flex}.yr-wt-make .yr-wt-soon{flex-basis:100%;margin:0}.yr-rv-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.yr-rv-head .yr-rv-title{margin:0}.yr-rv-badge{color:var(--muted);background:#eef1f6;border-radius:999px;padding:2px 10px;font-size:.88rem;font-weight:700}.yr-rv-draft{color:#7a5200;background:#fff4d6}.yr-rv-done{color:#17663a;background:#dcf5e3}.yr-rv-stale{color:#a12020;background:#ffe1e1}.yr-rv-empty{margin:4px 0 0}.yr-rv-steps{flex-wrap:wrap;gap:6px 18px;margin:0 0 12px;padding:0;list-style:none;display:flex}.yr-rv-steps li{color:var(--muted)}.yr-rv-steps li.done{color:#17663a;font-weight:700}.yr-rv-mark{width:1.2em;display:inline-block}.yr-rv-card{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.yr-rv-lines{gap:8px;margin:8px 0 0;padding-left:1.6em;display:grid}.yr-rv-line{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;display:grid}.yr-rv-line>.yr-rv-input:first-child{grid-column:1/-1}.yr-rv-who{white-space:nowrap}.yr-rv-input{width:100%;min-width:0;font:inherit;border:2px solid var(--line);border-radius:10px;padding:6px 10px}.yr-rv-input.bad{background:#fff6f6;border-color:#e06666}.yr-rv-bad{color:#a12020;grid-column:1/-1}.yr-rv-acts{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;display:flex}.yr-b-task{color:#145a2e;background:#dff5e6;font-weight:700}.yr-wl-task{background:#f1fbf4}.login-start .start-row>.linkish.dark{margin-top:6.75px}.login-start .btn-email{margin-top:0}.yr-kt-tag{color:#7a5200;vertical-align:middle;background:#fff1d6;border:1px solid #f0d08a;border-radius:8px;margin:0 4px;padding:0 6px;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-block}.yr-dt .yr-exam{grid-template-columns:minmax(0,1fr) auto}.yr-dt .yr-exam>.yr-exam-scope{grid-column:1/-1;margin:0}.yr-exam-scope .bi-ko{color:#1d4ed8;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.32rem;font-weight:800}@media (max-width:760px){.yr-dt .yr-exam{grid-template-columns:minmax(0,1fr)}}.yr-wt-title .bi-ko,.yr-wt-grid .field>b{color:#1d4ed8;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.32rem;font-weight:800}.yr-wt-title:not(:has(.bi-ko)){color:#1d4ed8;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.32rem;font-weight:800}.yr-wt-grid .yr-wt-extra{grid-column:1/-1}.yr-wt-yn{align-items:center;gap:8px 18px}.yr-wt-yn-btns{gap:8px;display:flex}.yr-wt-yn .yr-wt-must{margin:0}.yr-wt-must .bi-ko{color:#15803d;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.32rem;font-weight:800}.yr-wt-must:not(:has(.bi-ko)){color:#15803d;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.32rem;font-weight:800}@media (min-width:700px){.yr-tset .yr-tset-lenfield{grid-column:span 2}}.yr-tset-lenfield>.field{width:100%}.yr-wt-place{align-items:center;min-height:48px;margin-top:6px;font-size:1.3rem;font-weight:800;display:flex}.yr-wt-extra-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.yr-wt-extra-words{color:#6d28d9;font-size:1.1rem;font-weight:700}.yr-wt-extra-help{color:var(--muted);white-space:pre-line;margin:2px 0 4px}.yr-wt-extra-head>b{color:#1d4ed8;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.32rem;font-weight:800}.yr-set-sem-1,.yr-set-sem-2{border-width:3px;padding:0 12px 14px;overflow:hidden}.yr-set-sem-1{background:#f5f9ff;border-color:#93c5fd}.yr-set-sem-2{background:#fffaf3;border-color:#fdba74;margin-top:28px}.yr-sem-band{text-align:center;color:#fff;text-shadow:0 1px 2px #00000059;letter-spacing:.02em;margin:0 -12px 6px;padding:10px 16px}.yr-set-sem-1 .yr-sem-band{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.yr-set-sem-2 .yr-sem-band{background:linear-gradient(90deg,#f97316,#fb923c)}.yr-set-sem-text{background:#f4fdf7;border-width:3px;border-color:#86efac;margin-top:28px;padding:0 12px 14px;overflow:hidden}.yr-set-sem-text .yr-sem-band{background:linear-gradient(90deg,#16a34a,#4ade80)}.yr-dt-head{text-align:center;justify-content:center}.yr-dt-title,.yr-dt-title-ko{color:#1d4ed8;text-shadow:0 0 11px #eaff00f2,0 0 4px #eaff00e6;font-size:1.32rem;font-weight:800}.yr-wt-extra-arrow{font-size:1.2rem}.yr-wt-grid .yr-wt-extra{gap:1.2em;margin-top:1.6em}.yr-wt-extra>p{margin:0}.yr-dt-body>*+*,.yr-wt>*+*,.yr-rv>*+*{margin-top:1.2em}.yr-wt-grid{row-gap:1.2em}.yr-dt .yr-unit{gap:1.2em}.yr-dt .yr-place-pick{margin-top:1.2em}.yr-wt-extra-ask{font-size:1.15rem;font-weight:800}.yr-wt-yn-btns .neu-btn{--neu-bg:#eef1ff;background:#eef1ff;min-height:56px;padding:10px 26px;font-size:1.2rem;font-weight:800}.yr-wt-yn-btns .neu-btn>span{background-image:linear-gradient(135deg,#4a7cf6,#7a5af0)}.yr-wt-yn-btns .neu-btn.on{background:#ffe3d0}.yr-wt-yn-btns .neu-btn.on>span{background-image:linear-gradient(135deg,#ff5f8f,#ff9a4d)}.yr-wt-yn-btns{gap:14px}.glass-btn.is-off{opacity:.55;filter:grayscale(.25);cursor:help}.yr-why-pop .yn-msg{color:#4a2f86}.yr-why-line{margin:0 0 8px}.yr-wt .yr-wt-extra-help,.yr-wt .yr-wt-soon{color:inherit;font-size:17px}.year select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234a7cf6'/%3E%3Cstop offset='1' stop-color='%237a5af0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='15' fill='url(%23g)'/%3E%3Cpath d='M10 13.5l6 6 6-6' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:28px 28px;padding-right:50px!important}.year .yr-opts select{padding-left:50px!important}.year select:focus-visible{background-size:30px 30px}.yr-mock-badge{color:#075985;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700;display:inline-block}.yr-off-btn{white-space:normal;max-width:100%;font-size:1.2rem;line-height:1.25}.yr-off-note{font-size:1.05rem}.yr-dt-body .bi:has(>.bi-tr)>.bi-ko{display:none}.yr-dt-body .bi:has(>.bi-tr)>.bi-tr{font-size:inherit;font-weight:inherit;color:inherit;opacity:1;margin:0;display:inline}.yr-wt-defaults{flex-wrap:nowrap}.yr-wt-defaults>.yr-wt-def-text{flex:auto;min-width:0;font-weight:700;line-height:1.35}.yr-wt-defaults>.glass-btn{flex:none;margin-left:auto}.yr-why-pop .bi:has(>.bi-tr)>.bi-ko{display:none}.yr-why-pop .yr-why-line .bi>.bi-tr{color:inherit;opacity:1;font-size:1.3rem;font-weight:700;line-height:1.45;display:block}.yr-rv-names{flex-wrap:wrap;gap:10px 18px;margin:10px 0 4px;display:flex}.yr-rv-name{align-items:center;gap:8px;display:flex}.yr-rv-name-input{width:9em;font:inherit;background:#faf7ff;border:2px solid #c4b5fd;border-radius:10px;padding:6px 10px;font-weight:700}.yr-rv-ggroup{margin-left:-1.6em;list-style:none}.yr-rv-glabel{color:#1d4ed8;margin:6px 0 4px;display:block}.yr-rv-tr{color:#3f3a5a;grid-column:1/-1;padding-left:4px;font-family:Times New Roman,Times,TrKo,serif;font-size:1rem}.yr-rv-tr.stale{color:#a16207;text-decoration:line-through;text-decoration-thickness:1px}.yr-rv-tr.stale span{text-decoration:none;display:inline-block}.yr-wt-grid .yr-wt-scene{grid-column:span 1;min-width:max-content}.yr-wt-grid .yr-wt-scene>select{width:max-content;min-width:100%;max-width:100%;padding-right:2.6em}@container (width<=560px){.yr-wt-grid .yr-wt-scene{grid-column:1/-1;min-width:0}}.yr-rv-para-box{margin:10px 0 4px}.yr-rv-sub{color:var(--muted);margin:6px 0;display:block}.yr-rv-para{background:#f8faff;border:2px solid #c7d2fe;border-radius:14px;margin:0;padding:14px 16px;font-size:1.15rem;line-height:1.9}.yr-rv-para .bad{text-underline-offset:4px;background:#fff1f1;-webkit-text-decoration:underline wavy #dc2626;text-decoration:underline wavy #dc2626}.yr-rv-names{align-items:center}.yr-rv-autoname{min-height:44px;padding:6px 16px}.yr-rv-name>b{white-space:nowrap}.login-plane{animation:none;transform:translate(-30vw,26vh)rotate(-5deg)}.login-trail-text{clip-path:inset(0 100% 0 0);animation:none}@media (prefers-reduced-motion:reduce){.login-trail-text{clip-path:none}}.yr-rv-names{grid-template-columns:max-content minmax(0,16em);align-items:center;gap:10px 12px;display:grid}.yr-rv-names>.yr-rv-name{display:contents}.yr-rv-names>.yr-rv-autoname{white-space:nowrap;grid-column:2;justify-self:start;margin:0}.yr-rv-para{text-indent:2em}.yr-rv-input:focus,.yr-rv-input:focus-visible,.yr-rv-name-input:focus,.yr-rv-name-input:focus-visible{background:#eef4ff;border-color:#93b4f5;outline:none;box-shadow:0 0 0 3px #93b4f559}.yr-rv-input.bad:focus{background:#fff1f1;border-color:#f2a3a3;box-shadow:0 0 0 3px #f2a3a359}.yr-rv-word-tr{color:#3f3a5a;white-space:normal;max-width:12em;font-family:Times New Roman,Times,TrKo,serif;font-size:.9rem;font-weight:400;display:block}.yr-rv-line:has(.yr-rv-word-tr){grid-template-columns:12em minmax(0,1fr)}@media (max-width:560px){.yr-rv-line:has(.yr-rv-word-tr){grid-template-columns:8em minmax(0,1fr)}}.yr-rv-inbox{align-items:center;gap:8px;min-width:0;display:flex}.yr-rv-inbox>.yr-rv-input{flex:auto}.yr-rv-undo{white-space:nowrap;flex:none;min-height:44px;margin:0;padding:6px 14px}.act-box{border:2px solid var(--line);background:#fff;border-radius:16px;padding:14px 16px}.act-box>*+*{margin-top:1.2em}.act-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.act-head .yr-wt-title{margin:0}.act-bal{color:var(--muted)}.act-chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.act-chip{--c1:#dbeafe;--c2:#dbeafe;--ink:#1e3a8a;background:linear-gradient(90deg, var(--c1), var(--c2));min-height:48px;color:var(--ink);font:inherit;cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:8px 16px;font-weight:800;display:inline-flex;box-shadow:0 3px #00000014}.act-chip.on{border-color:var(--ink);box-shadow:inset 0 2px 6px #0000001f}.act-listen{--c1:#dbeafe;--c2:#dbeafe;--ink:#1e40af}.act-speak{--c1:#ffedd5;--c2:#ffedd5;--ink:#9a3412}.act-read{--c1:#dcfce7;--c2:#dcfce7;--ink:#166534}.act-write{--c1:#ede9fe;--c2:#ede9fe;--ink:#5b21b6}.act-read-write{--c1:#dcfce7;--c2:#ede9fe;--ink:#3f2a72}.act-listen-speak{--c1:#dbeafe;--c2:#ffedd5;--ink:#5a2d1a}.act-listen-write{--c1:#dbeafe;--c2:#ede9fe;--ink:#3730a3}.act-read-speak{--c1:#dcfce7;--c2:#ffedd5;--ink:#4d3a12}.act-add{min-height:48px;margin:0}.act-add-pop{border:2px dashed var(--line);background:#fafbff;border-radius:14px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.act-panel{background:linear-gradient(90deg, var(--c1), var(--c2));border-radius:14px;padding:14px}.act-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.act-panel-title{color:var(--ink);font-size:1.32rem}.act-tools{flex-wrap:wrap;gap:8px;display:flex}.act-tools .glass-btn{min-height:44px;margin:0;padding:6px 14px}.act-rows{background:#ffffffbf;border-radius:12px;gap:10px;margin:12px 0;padding:12px;display:grid}.act-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.act-row>b{min-width:6em}.act-learner{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:10px;display:flex}.act-learner p{flex:260px;margin:0}.region-week{margin-left:8px}.wk-dlg{width:min(860px,94vw);max-height:90vh;overflow:auto}.wk-place{color:#1d4ed8;margin:4px 0 10px;font-size:1.2rem;font-weight:800}.wk-sec{margin-top:1.2em}.wk-sec h3{margin:0 0 8px}.wk-soon{opacity:.75;font-weight:600}.wk-wait{background:#fff7e6;border-radius:12px;margin-top:1.2em;padding:14px;font-weight:700}.wk-dialog{gap:6px;margin:0;padding:0;list-style:none;display:grid}.wk-dialog li{grid-template-columns:6em 1fr;gap:10px;display:grid}.wk-ex{gap:8px;margin:0;padding-left:1.2em;display:grid}.wk-ex li>small{display:block}.act-add-pop[hidden]{display:none}.yr-rv-card:has(.yr-rv-names) .yr-rv-line{grid-template-columns:6em minmax(0,1fr)}.yr-rv-card:has(.yr-rv-names) .yr-rv-who{overflow-wrap:anywhere}.yr-rv-para{text-align:justify;text-justify:inter-character;word-break:keep-all}.yr-rv-lines:has(>.yr-rv-vline){gap:10px;padding-left:0;list-style:none}.yr-rv-line.yr-rv-vline{background:#fafbff;border:1px solid #e3e8f4;border-radius:12px;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px 12px}.yr-rv-vline .yr-rv-who{white-space:normal;flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.yr-rv-vline .yr-rv-num{color:#6d28d9;min-width:1.6em;font-weight:800}.yr-rv-vline .yr-rv-word-tr{max-width:none;font-size:.95rem;display:inline}.yr-rv-vline .yr-rv-tr{padding-left:2px}.yr-rv-vpair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;padding:0;list-style:none;display:grid}.yr-rv-line.yr-rv-vcell{background:0 0;border:0;flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:0;display:flex}.yr-rv-vcell>.yr-rv-inbox{flex-wrap:wrap}.yr-rv-vcell>.yr-rv-inbox>.yr-rv-input{flex:12em;min-width:0}.yr-rv-vcell .yr-rv-bad,.yr-rv-vcell .yr-rv-tr{overflow-wrap:anywhere;grid-column:auto}@media (max-width:760px){.yr-rv-vpair{grid-template-columns:minmax(0,1fr)}}.page-hands{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:22px;right:22px}.page-hands .to-top{pointer-events:auto;position:static}.page-hand.down .yr-hand{transform:scale(-1)}.page-hand.down .hand-hint{text-align:right;background:#ffffffd9;border-radius:6px;order:-1;justify-self:end;padding:1px 4px}.yr-rv-autoname .dice{text-align:center;min-width:1.2em;display:inline-block}.yr-rv-autoname .dice.rolling{color:#6d28d9;font-size:1.25em;animation:.32s linear infinite dice-roll}@keyframes dice-roll{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(90deg)}50%{transform:translateY(0)rotate(180deg)}75%{transform:translateY(-4px)rotate(270deg)}to{transform:translateY(0)rotate(360deg)}}.dice-fly{z-index:2000;color:#6d28d9;pointer-events:none;filter:drop-shadow(0 4px 6px #28145a59);will-change:transform;font-size:1.4rem;line-height:1;position:fixed}.lang-ask-btns .btn>span[lang]{white-space:normal;text-align:center;font-size:1.9rem;font-weight:900;line-height:1.1}@media (max-width:420px){.lang-ask-btns .btn>span[lang]{font-size:1.4rem}}body.cls-open .topbar .class-shortcut{display:none!important}.act-chips .act-pick,.act-add-pop .act-pick{min-height:52px;margin:0;padding:8px 22px}.act-pick.on{box-shadow:0 0 0 1.5px #fff, 0 0 0 4px var(--ink), 0 8px 18px #1e283c33}.course.year button,.course.year button :not(svg,svg *),.yr-set-dlg button,.yr-set-dlg button :not(svg,svg *),.yr-ov-dlg button,.yr-ov-dlg button :not(svg,svg *){-webkit-text-fill-color:#111;color:#111!important}.globe-search .gs-row{align-items:center}.globe-search .gs-row .gloss-btn{align-self:center;margin-block:0}.login.login-hero{place-items:start center;padding-top:0}.cls-scene.cls-hint-on .cls-frame,.cls-scene.cls-hint-on .cls-btns,.cls-scene.cls-hint-on .cls-tologin{filter:blur(5px)brightness(.92);transition:filter .4s}.cls-scene.cls-hint-on .cls-btns,.cls-scene.cls-hint-on .cls-btns *,.cls-scene.cls-hint-on .cls-tologin{pointer-events:none!important}.cls-scene.cls-hint-on .cls-bubble .cls-listen{animation:1s ease-in-out infinite cls-listen-blink}@keyframes cls-listen-blink{0%,to{transform:scale(1);box-shadow:0 0 #7c4dff00}50%{transform:scale(1.12);box-shadow:0 0 0 8px #7c4dff73,0 0 18px 6px #ffeb3bcc}}@media (prefers-reduced-motion:reduce){.cls-scene.cls-hint-on .cls-bubble .cls-listen{outline:3px solid #7c4dff;animation:none}}.test-roles{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 10px;display:flex}.test-roles .gem-btn{flex:90px}.test-roles .gem-btn[aria-pressed=true]{filter:saturate(1.4)brightness(.97);transform:translateY(2px)}.globe-search:not(.mini){top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:861px){.globe-home .globe-pre{place-items:start end;padding-top:14px;padding-right:14px}.globe-home .gp-card{zoom:.5;max-width:none}.globe-home .gp-card .gp-title,.globe-home .gp-card .listen-anchor{position:static}.globe-home .gp-card .listen-anchor .listen-tip{white-space:normal;width:max-content;max-width:260px;top:calc(100% + 10px);left:auto;right:0;transform:none}.globe-home .gp-card .listen-anchor .tip-arrow{display:none}}@media (max-width:860px){.globe-home .globe-stage:has(.globe-pre:not([hidden])) .globe-search:not(.mini){top:auto;bottom:14px;transform:translate(-50%)}}@media (min-width:861px){.globe-home .globe-hud{left:auto;right:14px}}.globe-search .gs-replay-mini{display:none}.globe-search.mini{flex-direction:column;align-items:stretch;gap:8px;display:inline-flex}.globe-search.mini>.gs-replay-mini{background:#ffffffeb;border-radius:14px;padding:8px 12px;display:block;box-shadow:0 4px 14px #0a143233}.globe-search.mini>.gs-replay-mini .globe-replay{cursor:pointer;margin:0}.globe-search.mini .gs-open{justify-content:center}.globe-home .globe-stage.flying .globe-search.mini{display:none!important}.globe-home .globe-stage:has(.globe-hud:not([hidden])) .globe-search{display:none!important}.gp-card .line-listen,.gp-route b .line-listen{font-size:19px!important}.gp-card .line-listen{padding:0 0 1px;line-height:1;overflow:hidden}.gp-card{text-align:left}.gp-card .line-listen,.gp-route b .line-listen{margin:0 8px 0 0}.gp-card .gp-title,.gp-card .gp-title *{font-weight:400!important}.gp-card .gp-km{justify-content:flex-start}.rm-lightbox .rm-lb-close{z-index:3;color:#fff;background:#e53935;place-items:center;width:44px;height:44px;padding:0;animation:1s ease-in-out infinite lb-close-blink;display:grid;top:-14px;right:-14px;box-shadow:0 0 0 3px #fff,0 4px 12px #0006}.rm-lightbox .rm-lb-close svg{width:24px;height:24px}.rm-lightbox .rm-lb-close:hover,.rm-lightbox .rm-lb-close:focus-visible{outline-offset:2px;outline:3px solid #ffd54f;animation-play-state:paused}@keyframes lb-close-blink{0%,to{transform:scale(1);box-shadow:0 0 0 3px #fff,0 4px 12px #0006}50%{transform:scale(1.15);box-shadow:0 0 0 3px #fff,0 0 0 9px #e5393573,0 0 20px 6px #ffd54fe6}}@media (prefers-reduced-motion:reduce){.rm-lightbox .rm-lb-close{animation:none}}.globe-search.mini .gs-open.gloss-btn{color:#1f1933;min-height:0;text-shadow:none;background:#ffffffeb;border:0;border-radius:14px;justify-content:flex-start;gap:8px;padding:10px 14px;font-size:19px;font-weight:800;line-height:1.3;box-shadow:0 4px 14px #0a143233}.globe-search.mini .gs-open.gloss-btn:before,.globe-search.mini .gs-open.gloss-btn:after{display:none}.globe-search.mini .gs-open.gloss-btn:hover,.globe-search.mini .gs-open.gloss-btn:focus-visible{outline-offset:2px;background:#fff;outline:3px solid #1f6fa8}.globe-search.mini>.gs-replay-mini{padding:10px 14px}.globe-search.mini>.gs-replay-mini .globe-replay{font-size:19px}.globe-search.mini>.gs-replay-mini .globe-replay .bi-ko{white-space:pre-line;overflow-wrap:anywhere;font-size:19px;line-height:1.6}.globe-search.mini>.gs-replay-mini .globe-replay input{flex:none;width:22px;height:22px}.gloss-btn.region-back{color:#0b4a74;min-height:44px;text-shadow:none;background:radial-gradient(120% 140% at 50% 0,#f4fcff 0%,#d9f2fd 55%,#aedff6 100%);border:0;border-radius:18px;padding:8px 16px;font-weight:800;position:relative;box-shadow:inset 0 -6px 12px #00000014,inset 0 3px 6px #ffffffb3,0 4px 10px #0a28462e}.gloss-btn.region-back:after{display:none}.gloss-btn.region-back:before{content:"";pointer-events:none;background:linear-gradient(#ffffffe6,#fff0);border-radius:14px 14px 40% 40%/14px 14px 100% 100%;height:34%;display:block;position:absolute;top:4px;left:6%;right:6%}.gloss-btn.region-back>*{position:relative}.gloss-btn.region-back .bi-ko,.gloss-btn.region-back .bi-tr{color:#0b4a74}.gloss-btn.region-back:hover,.gloss-btn.region-back:focus-visible{filter:brightness(1.04)saturate(1.15);outline:none}.gloss-btn.region-back:focus-visible{box-shadow:0 0 0 3px #1f8fd6,inset 0 -6px 12px #00000014,0 4px 10px #0a28462e}.spot[data-locked]{filter:grayscale(.7)opacity(.55);animation:none}.go-pin .trial-hand{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 4px #1e28464d);width:58px;height:58px;animation:1s ease-in-out infinite hand-blink;position:absolute;bottom:-34px;left:-46px}.trial-pop [lang]:not([lang=ko]){font-family:Times New Roman,Times,TrKo,serif}.photo-tip{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;transform:translate(-36px)}.photo-tip img{object-fit:contain;filter:drop-shadow(0 3px 4px #1e284659);width:64px;height:64px;animation:1s ease-in-out infinite hand-blink;transform:rotate(-35deg)}.photo-tip-label{color:#0b4a74;white-space:nowrap;background:radial-gradient(120% 140% at 50% 0,#f4fcff 0%,#d9f2fd 55%,#aedff6 100%);border-radius:18px;padding:8px 16px;font-weight:800;box-shadow:inset 0 -6px 12px #00000014,inset 0 3px 6px #ffffffb3,0 4px 10px #0a284640}.photo-tip-label:not([lang=ko]){font-family:Times New Roman,Times,TrKo,serif}@media (prefers-reduced-motion:reduce){.photo-tip img{animation:none}}.globe-caption .cap-btns{gap:8px;flex-direction:row!important;align-items:center!important}.places.trial.week-focus .place-btn{pointer-events:auto;cursor:not-allowed}.places.trial.week-focus .place-btn.this-week{cursor:pointer}.photo-tip{align-items:center;transform:none}.photo-tip img{filter:saturate(1.8)brightness(.8)contrast(1.15)drop-shadow(0 3px 5px #141e3c80);width:72px;height:72px;animation:3s ease-in-out infinite photo-tip-blink}@keyframes photo-tip-blink{0%,to{opacity:1}50%{opacity:.45}}.spot-list.locked .spot{pointer-events:none;opacity:.55;animation:none}.login-sky.plain{background:radial-gradient(55% 60% at 0 0,#3d82d2,#3d82d200),radial-gradient(55% 60% at 100% 0,#498ec1,#498ec100),linear-gradient(#badcf7,#e6f4fd 20%,#cbe5fa 30%,#d7ebfb 50%,#e2f0fc 70%,#f8fcff 90%)}.login-sky.plain:before,.login-sky.plain:after{display:none}.login.login-hero{place-items:safe center center;padding-block:16px}.login.login-hero .brand{margin-top:0}