/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.italic{font-style:italic}}:root{color:#162640;font-synthesis:none;--muted:#526079;--line:#d7dfeb;background:#f8f9fc;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}h1{letter-spacing:-.045em;font-size:clamp(2rem,4.5vw,3.7rem);font-weight:750;line-height:1.12}h2{letter-spacing:-.025em;font-size:1.5rem;font-weight:720;line-height:1.3}p{font-size:1.125rem;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #9a5b00}main{max-width:1280px;margin:auto;padding:0 32px 56px}main:focus{outline:none}.site-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:32px;padding:22px 32px;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:12px;font-size:1.2rem;font-weight:750;display:flex}.site-header nav{gap:26px;display:flex}.site-header nav a{min-height:48px;color:var(--muted);border-bottom:3px solid #0000;align-items:center;font-size:1rem;font-weight:650;display:flex}.guest-badge{color:#3730a3;background:#eef2ff;border-radius:30px;padding:8px 15px;font-size:1rem}.eyebrow{color:#3730a3;font-size:1rem;font-weight:700}.support{color:var(--muted);font-size:1rem}.hero{padding:52px 0 46px;position:relative;overflow:hidden}.hero h1{margin:12px 0 18px}.hero em{color:#3730a3;font-style:normal}.hero p{color:var(--muted);font-size:1.25rem}.hero-note{color:var(--muted);align-items:center;gap:9px;margin-top:22px;font-size:1rem;display:flex}.dot{background:#08796e;border-radius:50%;flex-shrink:0;width:9px;height:9px}.hero .train-art{width:46%;position:absolute;bottom:48px;right:0}.train-art{width:100%;max-width:580px;display:block}.panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:28px;box-shadow:0 6px 24px #16264005}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.departure-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:26px;display:grid}.board-labels{color:var(--muted);border-bottom:1px solid var(--line);grid-template-columns:1fr 95px 80px;gap:14px;padding:0 0 14px;font-size:1rem;display:grid}.departure-list{margin:0;padding:0;list-style:none}.departure-list li{border-bottom:1px solid #e9edf4;grid-template-columns:42px minmax(0,1fr) 75px 80px;align-items:center;gap:14px;padding:18px 0;display:grid}.departure-list li:last-child{border:0;padding-bottom:0}.route-number{color:#3730a3;background:#e0e7ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:750;display:flex}.route-1{color:#a32d22;background:#fff1ee}.route-2{color:#076b60;background:#e1f7f2}.route-3{color:#6738a7;background:#f0eaff}.route-4{color:#795000;background:#fff4d7}.route-5{color:#a2266d;background:#fce7f3}.route-copy{flex-direction:column;gap:3px;display:flex}.route-copy a{font-size:1.075rem;font-weight:700;line-height:1.3}.route-copy a:hover{text-decoration:underline}.route-copy .support{line-height:1.4}.stop-count{color:var(--muted);font-size:1rem}.board-link{color:#3730a3;background:#f5f6ff;border:1px solid #b9c4e6;border-radius:50px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:650;display:flex}.board-link:hover{background:#e0e7ff}.journey-ticket{background:linear-gradient(145deg,#edf2ff,#fff 65%);border:1px solid #b9c4e6;border-radius:22px;padding:28px;position:relative}.ticket-title{align-items:center;gap:14px;margin:26px 0 18px;display:flex}.journey-ticket p{color:var(--muted)}.ticket-destinations{border-block:1px dashed #a3b3d7;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:25px 0;padding:22px 0;display:grid}.ticket-destinations div{flex-direction:column;gap:6px;display:flex}.ticket-destinations strong{font-size:1.05rem}.ticket-destinations div:last-child .eyebrow{color:#806000}.ticket-meta{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:24px;font-size:1rem;display:flex}.button{color:#fff;background:#3730a3;border:1px solid #3730a3;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 22px;font-size:1rem;font-weight:650;display:inline-flex}.button:hover{background:#292478}.secondary{color:#3730a3;background:#fff;border-color:#9ba9c7}.secondary:hover{background:#eef2ff}.journey-ticket>.button{width:100%;margin-bottom:16px}.mission-banner{background:#eef7f4;border:1px solid #bdd7cf;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:28px;display:flex}.mission-banner h2{margin:8px 0}.mission-banner p{color:var(--muted);max-width:65ch}.mission-banner .button{flex-shrink:0}.back-link{color:#3730a3;align-items:center;min-height:48px;margin:18px 0;font-size:1rem;font-weight:650;display:inline-flex}.route-hero{padding:20px 0 42px;position:relative}.route-hero h1{max-width:820px;margin:12px 0}.route-hero p{color:var(--muted);margin-bottom:22px}.route-hero .train-art{width:38%;position:absolute;bottom:35px;right:0}.station-route{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;padding:14px 0 0;list-style:none;display:grid}.station-route li{border-top:4px solid #a5b4fc;flex-direction:column;gap:8px;padding-top:18px;display:flex;position:relative}.station-dot{background:#fff;border:4px solid #3730a3;border-radius:50%;width:16px;height:16px;position:absolute;top:-10px;left:0}.station-route a{min-height:48px;font-size:1.125rem;font-weight:650}.station-route a:hover{text-decoration:underline}.station-route li:last-child{border-color:#d7a938}.station-route li:last-child .station-dot{border-color:#8b6500}.station-heading{padding:14px 0 30px}.station-heading h1{margin:12px 0;font-size:clamp(1.8rem,3.5vw,2.6rem)}.station-layout{grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);align-items:start;gap:24px;display:grid}.lesson-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.level-switch{background:#f2f4fc;border:1px solid #9ba9c7;border-radius:30px;padding:4px;display:flex}.level-switch button{color:#526079;background:0 0;border:0;border-radius:24px;min-height:44px;padding:8px 18px;font-size:1rem;font-weight:650}.level-switch button[aria-pressed=true]{color:#fff;background:#3730a3}.reading{max-width:65ch;margin:24px 0}.activity-section{border-top:1px solid var(--line);padding-top:24px}.question{margin:10px 0 22px;font-size:1.25rem;line-height:1.5}fieldset{border:0;margin:0;padding:0}.answer{cursor:pointer;border:1px solid #9ba9c7;border-radius:12px;align-items:center;gap:14px;min-height:60px;margin-bottom:12px;padding:14px 18px;font-size:1.125rem;display:flex}.answer:has(input:checked){background:#eef2ff;border-color:#3730a3}input[type=radio],input[type=checkbox]{accent-color:#3730a3;flex-shrink:0;width:22px;height:22px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.text-button{color:#3730a3;background:0 0;border:0;min-height:48px;padding:12px}.hint,.feedback{background:#eef2ff;border:1px solid #b8c4df;border-radius:12px;margin:20px 0;padding:18px}.feedback.correct{background:#e8f7f0;border-color:#8cbda6}.feedback p{margin-top:6px}.ticket-options{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.token{color:#3730a3;background:#f1edff;border:1px dashed #80779a;border-radius:6px;min-height:48px;padding:12px 20px;font-size:1.125rem}.sequence{padding-left:28px}.station-sidebar h2{font-size:1.25rem}.station-sidebar ol{margin:18px 0;padding-left:22px}.station-sidebar a{align-items:center;min-height:44px;font-size:1rem;display:inline-flex}.station-sidebar a[aria-current]{color:#3730a3;font-weight:750}.page-heading{padding:48px 0 30px}.page-heading h1{margin:12px 0 20px}.page-heading p{color:var(--muted)}.progress-total{margin-bottom:26px;font-size:1.5rem}.progress-total strong{color:#3730a3;font-size:2rem}.progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.progress-grid h2{margin:12px 0;font-size:1.25rem}.progress-grid progress{accent-color:#0b8075;width:100%;height:12px;margin:18px 0 24px;display:block}.reset-panel{margin-top:28px}.reset-panel p{margin:14px 0}.reset-panel label{align-items:center;gap:12px;display:flex}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:24px 32px;font-size:1rem;display:flex}.skip-link{z-index:20;color:#fff;background:#3730a3;border-radius:8px;padding:14px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=1050px){.guest-badge{display:none}.departure-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.departure-list li{grid-template-columns:36px minmax(0,1fr) 60px 70px;gap:10px}.route-number{width:36px;height:36px}.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.site-header{flex-wrap:wrap;gap:12px;padding:16px 24px}.site-header nav{gap:22px}.departure-layout,.station-layout{grid-template-columns:1fr}.hero .train-art{opacity:.65;width:40%;bottom:45px}.hero p,.hero-note{max-width:60%}.mission-banner{flex-direction:column;align-items:flex-start}.station-route{grid-template-columns:repeat(3,minmax(0,1fr))}.route-hero .train-art{width:75%;margin-top:24px;position:static}.hero h1{font-size:2.7rem}footer{flex-direction:column}}@media (width<=540px){main{padding:0 18px 36px}.site-header{padding:14px 18px}.brand{font-size:1.075rem}.hero{padding:32px 0}.hero h1{font-size:2.3rem}.hero p,.hero-note{max-width:none}.hero .train-art{opacity:1;width:100%;margin-top:16px;position:static}.panel,.journey-ticket{border-radius:16px;padding:20px}.panel-heading{flex-direction:column;align-items:flex-start;gap:8px}.board-labels{display:none}.departure-list li{grid-template-columns:36px minmax(0,1fr) 65px;gap:10px;padding:20px 0}.stop-count{grid-column:2;font-size:1rem}.board-link{grid-area:span 2/3}.departure-list li .route-number{grid-row:span 2;align-self:start}.route-copy .support{display:none}.ticket-meta{flex-wrap:wrap}.station-route{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-grid{grid-template-columns:1fr}.lesson-toolbar{align-items:flex-start}.mission-banner{padding:22px}.hero-note{align-items:flex-start}.hero-note .dot{margin-top:8px}footer{padding:24px 18px}.answer{padding:12px}.button{padding:12px 17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{color:#11184e;--muted:#586483;--line:#dce1ef;background:#fffdf8}.site-header{background:#fffefa;box-shadow:0 2px 12px #27365b08}.brand{color:#11184e;font-size:1.3rem}.site-header nav a[aria-current]{color:#244bdf;border-color:#244bdf}main{max-width:1500px;padding-inline:28px}.panel{border-color:#e6e5df;box-shadow:0 6px 26px #29345c08}.button{background:linear-gradient(110deg,#3730a3,#283baf);border-radius:30px}.button.secondary{background:#fff}.station-welcome{isolation:isolate;min-height:160px;padding:32px 0 35px;position:relative;overflow:hidden}.station-welcome>div{z-index:1;position:relative}.station-welcome h1{margin-bottom:12px;font-size:clamp(2rem,3.4vw,3.1rem)}.station-welcome p{color:#626d8d;font-size:clamp(1.125rem,1.7vw,1.4rem)}.station-welcome .station-scenery{z-index:-1;width:55%;height:180px;position:absolute;bottom:0;right:-28px;mask-image:linear-gradient(90deg,#0000,#000 40%)}.departure-layout{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr);gap:18px}.departure-board h2{text-transform:uppercase;color:#11184e;font-size:1.75rem}.departure-list li{border-radius:12px;padding-inline:10px}.departure-list li:first-child{background:linear-gradient(90deg,#edfaff,#eef0ff)}.route-number{color:#fff;border-radius:50%;box-shadow:0 0 0 4px #fff}.route-0{background:#0860ed}.route-1{background:#ed514d}.route-2{background:#009d9c}.route-3{background:#8357d8}.route-4{background:#b97500}.route-5{background:#c92f83}.board-link{color:#2342ba;background:#f0f3ff;border-color:#c9d3ff}.departure-list li:first-child .board-link{color:#fff;background:#1748ed}.journey-ticket{background:linear-gradient(150deg,#dcecff,#fff 52%);border-color:#9abfff;border-radius:20px;padding:24px;box-shadow:0 6px 26px #29345c08}.journey-ticket>.eyebrow{text-transform:uppercase}.ticket-title h2{font-size:1.8rem}.ticket-destinations{background:linear-gradient(90deg,#eefbff,#fff7e1);border:0;border-radius:14px;grid-template-columns:1fr 24px 1fr;padding:14px}.ticket-destinations .eyebrow{text-transform:uppercase;color:#057987}.ticket-destinations strong{text-align:center;background:#f7ffff;border:1px solid #59b6c0;border-radius:9px;padding:9px;font-size:1rem}.ticket-destinations div:last-child strong{background:#fff9e5;border-color:#d0a12e}.journey-ticket>.support{border-top:2px dashed #c8e1ff;padding-top:18px}.journey-landscape{margin-top:20px;padding:22px 0 18px;overflow:hidden}.landscape-heading{padding:0 26px}.landscape-heading h2{color:#11184e;font-size:clamp(1.5rem,2.7vw,2.25rem)}.landscape-heading p{color:#626d8d;margin-top:4px}.landscape-scene{background:linear-gradient(#fff,#edf9ff 50%,#eff3df);height:210px;position:relative}.landscape-scene .station-scenery{width:100%;height:100%;position:absolute;bottom:0}.landscape-scene .train-art{width:40%;max-width:500px;position:absolute;bottom:4px;left:7%}.next-stop-ticket{background:#fffffff0;border:1px solid #94d5f5;border-radius:14px;flex-direction:column;gap:10px;max-width:290px;padding:16px;display:flex;position:absolute;top:15px;left:48%}.next-stop-ticket .button{min-height:44px;padding:8px 16px}.route-scroll{padding:10px 22px 4px;overflow-x:auto}.route-scroll:focus-visible{outline-offset:-3px;outline:3px solid #9a5b00}.landscape-stops{min-width:1080px;margin:0;padding:0;list-style:none;display:flex}.landscape-stops li{text-align:center;flex:1;font-size:1rem;position:relative}.landscape-stops li:after{content:"";background:repeating-linear-gradient(90deg,#bbc5d2 0 8px,#e9edf3 8px 16px);border-block:1px solid #95a2b5;height:7px;position:absolute;top:49px;left:0;right:0}.landscape-stops a{z-index:1;flex-direction:column;align-items:center;gap:12px;min-height:85px;font-size:1rem;font-weight:650;display:flex;position:relative}.landscape-stops a:hover{color:#2545c9}.rail-node{background:#fff;border:4px solid #4877ee;border-radius:50%;width:27px;height:27px;display:block;box-shadow:0 0 0 5px #e3ebff}.endpoint{min-height:34px;font-size:1rem;display:block}.departure-stop .endpoint{color:#076c69;font-weight:700}.departure-stop .rail-node{border-color:#008f83;box-shadow:0 0 0 5px #d8f7ef}.arrival-stop .rail-node{border-color:#b67e00;box-shadow:0 0 0 5px #fff0bb}.arrival-stop .endpoint{color:#805400;font-weight:700}.mission-banner{background:#edf7ef;border-color:#c3dcc9}.route-hero{background:linear-gradient(130deg,#fffdf8,#eef6ff);border-radius:18px;margin-bottom:24px;padding:28px}.route-hero .train-art{right:22px}.station-heading h1,.page-heading h1{color:#11184e}.station-sidebar{background:linear-gradient(145deg,#fff,#f0f5ff)}.visual-placeholder{background:linear-gradient(145deg,#f3f8ff,#fffaf0)}footer{background:#fffdf8}@media (width<=1000px){.departure-layout{grid-template-columns:1fr}.station-welcome .station-scenery{opacity:.35;width:70%}.landscape-scene .train-art{width:48%;left:2%}.next-stop-ticket{left:auto;right:20px}}@media (width<=600px){main{padding-inline:16px}.station-welcome{padding:28px 0}.station-welcome .station-scenery{opacity:.2;width:100%}.station-welcome h1{font-size:2rem}.departure-board h2{font-size:1.5rem}.landscape-heading{padding-inline:18px}.landscape-heading p{font-size:1rem}.landscape-scene{height:215px}.next-stop-ticket{max-width:210px;padding:12px;top:12px;right:12px}.landscape-scene .train-art{width:85%;bottom:0}.route-hero{padding:20px}.route-hero .train-art{right:auto}.site-header .brand{font-size:1.125rem}}.station-heading h1{letter-spacing:-.02em;margin:14px 0;scroll-margin-top:20px;font-size:clamp(1.4rem,2.3vw,1.8rem);line-height:1.35}.station-heading h1:focus{outline:none}.actions .next-stop-control{margin-left:auto}@media (width<=540px){.actions .next-stop-control{min-width:130px;margin-left:auto}}.auth-nav-container{align-items:center;display:flex;position:relative}.nav-auth-actions{align-items:center;display:flex}.nav-auth-cta-btn{color:#fff;letter-spacing:-.01em;cursor:pointer;background:linear-gradient(135deg,#3730a3 0%,#252a7a 100%);border:1px solid #4338ca;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:.9375rem;font-weight:650;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #3730a338}.nav-auth-cta-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#312e81 100%);border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 14px #3730a352}.nav-auth-cta-btn:active{transform:translateY(0);box-shadow:0 1px 4px #3730a333}.nav-auth-btn-icon{stroke:#c7d2fe;flex-shrink:0}.modal-google-auth-btn{color:#1f2937;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:9999px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:360px;padding:11px 22px;font-size:1rem;font-weight:650;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 4px #0000000f}.modal-google-auth-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.modal-google-auth-btn:active{transform:translateY(0)}.google-official-btn-wrapper{justify-content:center;align-items:center;width:100%;min-height:48px;margin:4px 0 12px;display:flex}.google-official-btn-slot{justify-content:center;width:100%;display:flex}.google-sign-in-nav-btn{color:#1f2937;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:9999px;align-items:center;gap:10px;padding:8px 16px;font-size:.9375rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000d}.google-sign-in-nav-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.google-icon{flex-shrink:0}.user-profile-wrapper{position:relative}.user-pill-btn{cursor:pointer;background:#f4f6fb;border:1px solid #d7dfeb;border-radius:9999px;align-items:center;gap:10px;padding:5px 14px 5px 6px;transition:all .15s;display:inline-flex}.user-pill-btn:hover{background:#eef2ff;border-color:#b9c4e6}.user-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px;box-shadow:0 1px 3px #0000001a}.user-pill-name{color:#162640;font-size:.9375rem;font-weight:650}.user-rank-badge{color:#fff;background:#3730a3;border-radius:20px;padding:2px 8px;font-size:.8125rem;font-weight:750}.chevron-icon{color:#64748b;transition:transform .2s}.user-dropdown-menu{z-index:100;background:#fff;border:1px solid #d7dfeb;border-radius:18px;width:330px;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 36px -4px #16264029}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-header{border-bottom:1px solid #edf2f7;align-items:center;gap:14px;padding-bottom:14px;display:flex}.dropdown-avatar{object-fit:cover;border:2px solid #3730a3;border-radius:50%;width:48px;height:48px}.dropdown-header-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.dropdown-header-info strong{color:#162640;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.dropdown-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.dropdown-title-badge{color:#3730a3;background:#eef2ff;border-radius:6px;width:fit-content;margin-top:4px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.dropdown-stats-grid{text-align:center;background:#f8fafc;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;padding:10px;display:grid}.stat-box{flex-direction:column;display:flex}.stat-val{color:#3730a3;font-size:.9375rem;font-weight:750}.stat-lbl{color:#64748b;margin-top:2px;font-size:.72rem}.sync-status-toast{color:#065f46;text-align:center;background:#e6f9f0;border:1px solid #a7f3d0;border-radius:8px;margin:0 0 10px;padding:6px 10px;font-size:.8125rem}.dropdown-links{border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;flex-direction:column;gap:4px;padding:6px 0;display:flex}.dropdown-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.dropdown-item:hover{color:#3730a3;background:#f1f5f9}.dropdown-footer{padding-top:10px}.logout-btn{color:#dc2626;cursor:pointer;background:#fff5f5;border:1px solid #fee2e2;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;font-size:.875rem;font-weight:650;transition:all .15s;display:flex}.logout-btn:hover{background:#fee2e2}.auth-modal-overlay{backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:420px;padding:38px 30px 34px;position:relative;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #e2e8f0cc}.modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:28px}.modal-icon-badge{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:inline-flex;box-shadow:0 8px 20px -4px #4285f429,0 0 0 1px #e2e8f0}.modal-header h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:8px;font-size:1.5rem;font-weight:800}.modal-header p{color:#64748b;max-width:32ch;margin:0 auto;font-size:.9375rem;line-height:1.5}.auth-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:20px;padding:10px 14px;font-size:.8125rem;font-weight:600}.google-auth-wrapper{justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.google-official-slot{justify-content:center;width:100%;display:flex}.google-official-slot iframe{margin:0 auto!important}.google-single-btn{color:#fff;cursor:pointer;background:#1a73e8;border:1px solid #1a73e8;border-radius:50px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:300px;min-height:48px;padding:12px 24px;font-size:.95rem;font-weight:650;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #1a73e84d}.google-single-btn:hover{background:#1557b0;border-color:#1557b0;transform:translateY(-1px);box-shadow:0 4px 12px #1a73e866}.google-single-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.leaderboard-page{padding-top:24px}.leaderboard-hero{text-align:left;padding:24px 0 36px}.leaderboard-hero h1{margin:8px 0 14px}.user-leaderboard-banner{background:linear-gradient(135deg,#eef2ff,#f8faff);border:1.5px solid #c7d2fe;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px 24px;display:flex}.user-banner-left{align-items:center;gap:16px;display:flex}.user-banner-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 12px #3730a326}.user-banner-left h3{color:#162640;font-size:1.35rem}.user-banner-role{color:#3730a3;font-size:.875rem;font-weight:650}.user-banner-stats{align-items:center;gap:16px;display:flex}.stat-pill{text-align:center;background:#fff;border:1px solid #e0e7ff;border-radius:12px;flex-direction:column;min-width:90px;padding:8px 16px;display:flex}.stat-pill .label{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:600}.stat-pill .value{color:#3730a3;font-size:1.15rem;font-weight:750}.button-sm{min-height:42px;padding:8px 18px;font-size:.9375rem}.guest-cta-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;margin-top:24px;padding:18px 24px}.guest-cta-text strong{color:#166534;font-size:1.05rem}.guest-cta-text p{color:#374151;margin-top:4px;font-size:.9375rem}.podium-section{grid-template-columns:1fr 1.15fr 1fr;align-items:flex-end;gap:20px;margin:32px 0 44px;padding:0 10px;display:grid}.podium-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px 20px 0 0;flex-direction:column;align-items:center;padding:24px 16px 18px;display:flex;position:relative;box-shadow:0 10px 25px -5px #1626400f}.podium-card.rank-1{background:linear-gradient(#fffbeb,#fff 60%);border-color:#fde047;transform:translateY(-12px);box-shadow:0 15px 35px -5px #eab30833}.crown-icon{font-size:1.8rem;position:absolute;top:-18px}.podium-medal{border-radius:20px;margin-bottom:12px;padding:3px 12px;font-size:.8125rem;font-weight:800}.podium-medal.gold{color:#854d0e;background:#fef08a}.podium-medal.silver{color:#475569;background:#e2e8f0}.podium-medal.bronze{color:#9a3412;background:#fed7aa}.podium-avatar{object-fit:cover;border:3px solid #cbd5e1;border-radius:50%;width:68px;height:68px;margin-bottom:10px}.podium-avatar.golden{border-color:#eab308;width:82px;height:82px;box-shadow:0 0 0 4px #eab30840}.podium-name{color:#162640;margin-bottom:6px;font-size:1.125rem;font-weight:750}.podium-score{flex-direction:column;margin-top:10px;display:flex}.podium-score strong{color:#3730a3;font-size:1.15rem}.podium-score span{color:#64748b;font-size:.8125rem}.podium-pedestal{border-radius:12px 12px 0 0;width:100%;margin-top:14px}.podium-pedestal.p1{background:linear-gradient(#facc15,#ca8a04);height:38px}.podium-pedestal.p2{background:linear-gradient(#cbd5e1,#94a3b8);height:26px}.podium-pedestal.p3{background:linear-gradient(#fdba74,#ea580c);height:18px}.conductor-badge{white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:.775rem;font-weight:700;display:inline-block}.badge-gold{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-purple{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.badge-teal{color:#0f766e;background:#ccfbf1;border:1px solid #99f6e4}.badge-blue{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.badge-gray{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.leaderboard-table-panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px;box-shadow:0 6px 24px #1626400a}.table-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.tab-buttons{background:#f1f5f9;border-radius:12px;gap:8px;padding:4px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:.9375rem;font-weight:650;transition:all .15s}.tab-btn.active{color:#3730a3;background:#fff;box-shadow:0 2px 6px #0000000f}.search-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;width:280px;padding:8px 14px;display:flex}.search-box svg{color:#94a3b8}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:.9375rem}.clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.8125rem}.leaderboard-table-wrapper{overflow-x:auto}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%}.leaderboard-table th{text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1.5px solid #e2e8f0;padding:12px 16px;font-size:.8125rem;font-weight:700}.leaderboard-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px}.leaderboard-row{transition:background .15s}.leaderboard-row:hover{background:#f8faff}.leaderboard-row.current-user-row{font-weight:600;background:#eef2ff!important}.col-rank{width:75px}.rank-indicator{color:#3730a3;text-align:center;min-width:32px;font-size:1.05rem;font-weight:750;display:inline-block}.col-learner{min-width:220px}.learner-cell{align-items:center;gap:12px;display:flex}.table-avatar{object-fit:cover;border:1.5px solid #e2e8f0;border-radius:50%;width:40px;height:40px}.learner-info{align-items:center;gap:8px;display:flex}.learner-name{color:#162640;font-size:1rem;font-weight:700}.you-badge{color:#fff;letter-spacing:.05em;background:#3730a3;border-radius:12px;padding:2px 7px;font-size:.6875rem;font-weight:800}.col-title{min-width:170px}.col-progress{min-width:180px}.progress-cell{flex-direction:column;gap:5px;display:flex}.progress-meta{color:#64748b;justify-content:space-between;font-size:.8125rem;font-weight:600;display:flex}.progress-bar-bg{background:#e2e8f0;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3730a3,#08796e);border-radius:999px;height:100%;transition:width .4s}.col-score{text-align:right;width:130px}.leaderboard-table th.col-score{text-align:right}.score-value{color:#3730a3;font-size:1.125rem;font-weight:750}.loading-state,.empty-state{text-align:center;color:#64748b;padding:48px 20px}@media (width<=800px){.user-leaderboard-banner{flex-direction:column;align-items:flex-start}.user-banner-stats{flex-wrap:wrap;width:100%}.podium-section{grid-template-columns:1fr;gap:16px}.podium-card.rank-1{order:-1;transform:none}.table-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}.user-pill-btn .user-pill-name{display:none}.user-dropdown-menu{width:290px}}.user-online-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 2px #d1fae5}.google-official-btn-wrapper{justify-content:center;align-items:center;min-height:48px;margin:16px 0 12px;display:flex}.google-official-btn-slot{justify-content:center;display:flex}.dropdown-auth-badge{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:6px;width:fit-content;margin-top:4px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-block}.dropdown-account-details{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;flex-direction:column;gap:8px;margin:14px 0;padding:12px 14px;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.detail-label{color:#64748b;font-weight:600}.detail-value{color:#1e293b;font-weight:650}.detail-value.active-badge{color:#059669;align-items:center;gap:5px;font-weight:700;display:flex}.detail-value.active-badge:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block}.detail-value.mono-val{color:#64748b;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.75rem}