@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-400-normal-j0pmKyiQ.woff2)format("woff2"),url(/assets/rubik-latin-400-normal-BV1Ho3GG.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rubik-latin-500-normal-1os41rQk.woff2)format("woff2"),url(/assets/rubik-latin-500-normal-LZYVHeqz.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rubik-latin-600-normal-7iWW07_k.woff2)format("woff2"),url(/assets/rubik-latin-600-normal-Bd1rsTk4.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rubik-latin-700-normal-D-tMm-eS.woff2)format("woff2"),url(/assets/rubik-latin-700-normal-KHOtubUA.woff)format("woff")}:root{--primary:#003740;--ink:#183243;--white:#fff;--off-white:#f9f9f8;--soft:#e5eaeb;--border:#f0f1f1;--muted:#858494;--muted-on-dark:#c9c5c5;--green:#498978;--lime:#68a94a;--pink:#ffd6dd;--blue:#c4d0fb;--purple:#a9adf3;--shadow:0 5px 10px #1832430e;color:var(--ink);background:var(--primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--primary);min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0}button,input,select{font-family:inherit}h1,h2,h3,p{margin-top:0}img{max-width:100%;display:block}#root{min-height:100svh}.app-shell{background:var(--primary);min-height:100svh}.app-content{width:100%;min-height:100svh}.screen{min-height:100svh;overflow-x:hidden}.screen--dark{color:var(--white);background:var(--primary)}.screen--light{color:var(--ink);background:var(--off-white)}.page-header{min-height:158px;padding:max(48px, env(safe-area-inset-top)) 24px 22px;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h1,.center-header h1,.profile-hero h1,.quiz-header h1{color:inherit;margin:5px 0 0;font-size:24px;font-weight:500;line-height:1.35}.eyebrow{color:var(--muted-on-dark);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.eyebrow--dark{color:#747d82}.icon-button,.back-button,.bottom-nav button,.desktop-nav button{appearance:none;border:0}.icon-button{width:56px;height:56px;color:var(--primary);background:var(--soft);border-radius:50%;place-items:center;padding:0;display:grid}.avatar{width:56px;height:56px;color:var(--white);background:var(--soft);border-radius:50%;place-items:center;display:grid}.avatar svg{width:24px;height:24px}.avatar--large{width:116px;height:116px}.avatar--large svg{width:42px;height:42px}.challenge-card{z-index:1;min-height:182px;color:var(--ink);background:var(--white);border-radius:20px;margin:0 19px 25px;padding:28px 21px 24px;position:relative;overflow:hidden}.challenge-card h2{max-width:280px;margin:14px 0 30px;font-size:18px;line-height:1.35;position:relative}.challenge-card__orb{border:1px solid #d7e0e1;border-radius:50%;width:88px;height:88px;position:absolute}.challenge-card__orb--top{box-shadow:inset 24px -8px 0 var(--soft);top:-35px;right:-35px}.challenge-card__orb--bottom{box-shadow:inset -18px 0 0 var(--soft);bottom:-49px;left:-44px}.challenge-card__actions{gap:8px;display:flex;position:relative}.pill{color:#3d4347;background:var(--soft);min-width:72px;height:38px;font:inherit;border:0;border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.pill--green{color:var(--white);background:var(--lime)}.white-sheet{color:var(--ink);background:var(--white);border-radius:32px 32px 0 0}.home-sheet{min-height:calc(100svh - 358px);padding:18px 19px 118px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;display:flex}.section-heading h2,.progress-sheet>h2{color:var(--primary);text-transform:uppercase;margin:0;font-size:20px;line-height:1.4}.section-heading h3{color:var(--primary);text-transform:uppercase;margin:0;font-size:14px}.section-heading button{color:var(--primary);font:inherit;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:500}.section-heading--small{margin:24px 5px 12px}.field-list{gap:12px;display:grid}.learning-card{width:100%;min-height:124px;color:var(--ink);text-align:left;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:18px 16px 32px 88px;position:relative}.learning-card--featured{min-height:140px;padding-bottom:38px}.field-icon{background:var(--soft);border-radius:20px;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:22px;left:16px}.field-icon--done{background:var(--green)}.field-icon img{object-fit:contain;width:42px;height:42px}.learning-card__copy{flex-direction:column;gap:3px;display:flex}.learning-card__copy small{color:#6c747a;font-size:14px;font-weight:500}.learning-card__copy strong{max-width:185px;font-size:14px;line-height:1.45}.learning-card__chevron{width:18px;position:absolute;top:47px;right:12px}.learning-card__progress{position:absolute;bottom:15px;left:20px;right:42px}.learning-card__progress>small{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.learning-card__percent{color:var(--muted);font-size:11px;position:absolute;bottom:12px;right:14px}.progress-row{align-items:center;gap:8px;width:100%;display:flex}.progress-row>span,.progress-row>strong{flex:none;font-size:12px;font-weight:400}.progress-track{background:var(--soft);border-radius:999px;flex:1;height:9px;overflow:hidden}.progress-value{background:var(--green);border-radius:inherit;height:100%;transition:width .32s}.center-header{min-height:104px;padding:max(51px, env(safe-area-inset-top)) 24px 12px;text-align:center;position:relative}.center-header h1{margin:0}.back-button{color:inherit;background:0 0;place-items:center;padding:0;display:grid}.center-header .back-button{position:absolute;bottom:16px;left:24px}.search-row{gap:10px;padding:0 24px 32px;display:flex}.year-select,.search-button{color:#e6e6e6;background:#012a31;border:1px solid #07535e;border-radius:20px;align-items:center;height:56px;display:flex;position:relative}.year-select{flex:1;justify-content:space-between;min-width:0;padding:0 16px}.year-select select{opacity:0;width:100%;position:absolute;inset:0}.search-button{flex:0 0 56px;justify-content:center;width:56px}.search-button input{opacity:0;width:1px;height:1px;position:absolute}.search-button:focus-within{flex-basis:150px;justify-content:flex-start;gap:8px;width:150px;padding:0 12px}.search-button:focus-within input{width:92px;height:auto;color:var(--white);opacity:1;background:0 0;border:0;outline:0;position:static}.learn-sheet{min-height:calc(100svh - 192px);padding:28px 24px 44px}.tabs{justify-content:space-between;margin:-28px -8px 26px;display:flex}.tabs button{color:#9290a1;font:inherit;background:0 0;border:0;padding:18px 8px 12px;font-size:14px;position:relative}.tabs button.active{color:var(--primary);font-weight:700}.tabs button.active:after{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.start-field-list{gap:12px;display:grid}.start-field-card{width:100%;min-height:80px;color:var(--ink);text-align:left;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:60px 1fr auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:grid}.field-number{width:60px;height:60px;color:var(--white);background:var(--soft);border-radius:20px;place-items:center;font-size:30px;display:grid}.field-number--active{background:var(--green)}.start-field-card>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.start-field-card strong{font-size:14px;line-height:1.4}.start-field-card small{color:var(--muted);font-size:12px}.empty-state{color:var(--muted);text-align:center;padding:44px 16px}.segmented{gap:6px;display:grid}.segmented--dark{grid-template-columns:repeat(3,1fr);margin:0 20px 17px}.segmented--two{grid-template-columns:repeat(2,1fr)}.segmented button{height:42px;color:inherit;font:inherit;background:0 0;border:0;border-radius:22px;font-size:13px}.segmented button.active{color:var(--primary);background:var(--white);font-weight:500}.progress-sheet{min-height:calc(100svh - 217px);padding:17px 9px 116px}.progress-sheet>h2{margin:0 10px 8px}.progress-sheet>h2:not(:first-child){margin-top:34px}.chart-card,.metric-card{color:var(--ink);background:var(--off-white);border:1px solid var(--border);border-radius:20px}.chart-card{min-height:218px;padding:14px 18px}.chart-card h3,.metric-card h3,.training-chart h3{margin:0;font-size:13px}.line-chart{grid-template-columns:1fr repeat(4,30px);align-items:end;gap:8px;height:158px;padding-top:18px;display:grid}.chart-summary{flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;display:flex}.chart-summary strong{font-size:32px}.chart-summary span{color:var(--lime);font-size:12px}.chart-summary small{color:var(--muted);margin-top:8px;font-size:10px}.chart-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;height:104px;display:flex}.chart-column i{background:#295458;border-radius:5px 5px 0 0;width:9px;min-height:10px}.chart-column small{color:var(--muted);font-size:10px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.metric-card{flex-direction:column;align-items:flex-start;gap:7px;min-height:108px;padding:14px;display:flex}.metric-card>strong{font-size:28px}.metric-card>span{font-size:12px}.positive{color:var(--lime)}.warning{color:#e5b530}.training-chart{min-height:360px;color:var(--white);background:var(--primary);border-radius:20px;margin-top:10px;padding:22px 14px 20px}.training-chart h3{max-width:260px;font-size:20px;line-height:1.35}.legend{flex-wrap:wrap;gap:10px;margin:14px 0 18px;font-size:11px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:6px;height:6px}.pink,.bar--1{background:var(--pink)!important}.blue,.bar--2{background:var(--blue)!important}.purple,.bar--3{background:var(--purple)!important}.bars{border-bottom:1px dashed #ffffff38;grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;height:220px;padding:10px 14px 0;display:grid}.bars>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex}.bars .bar{border-radius:8px 8px 0 0;width:36px}.bars strong{font-size:13px}.bars small{color:#ffffffb8;font-size:10px}.leaderboard-sheet{min-height:calc(100svh - 209px);padding:0 8px 116px}.podium{grid-template-columns:repeat(3,1fr);align-items:end;height:244px;margin:0 -2px 22px;display:grid}.podium-card{min-width:0;height:196px;color:var(--primary);text-align:center;background:linear-gradient(160deg,#f4f4f4,#b8b8b8);border-radius:20px;flex-direction:column;align-items:center;gap:5px;padding:14px 6px;display:flex}.podium-card--1{background:linear-gradient(160deg,#fff,#ffdb8c);height:230px}.podium-card--3{background:linear-gradient(160deg,#fff,#f4a052);height:180px}.podium-card .avatar{width:72px;height:72px;margin-bottom:3px}.podium-card>span{background:#ffffff80;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.podium-card strong{text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.podium-card small{font-size:11px;font-weight:500}.ranking-list{gap:10px;display:grid}.ranking-list article{min-height:72px;color:var(--primary);background:var(--off-white);border:1px solid var(--border);border-radius:20px;grid-template-columns:24px 48px 1fr auto;align-items:center;gap:10px;padding:8px 16px;display:grid}.ranking-list .avatar{width:46px;height:46px}.ranking-list article>strong{text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.ranking-list .rank{text-align:center}.ranking-list article>span{color:#a1a1a1;font-size:13px}.profile-screen{position:relative}.back-button--profile{z-index:2;left:24px;top:max(36px, env(safe-area-inset-top));position:absolute}.profile-hero{min-height:404px;padding:max(78px, calc(env(safe-area-inset-top) + 42px)) 24px 24px;text-align:center}.profile-avatar{width:max-content;margin:0 auto;position:relative}.profile-avatar>button{width:38px;height:38px;color:var(--white);background:#92b3b9;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:37px;right:-38px}.profile-hero>p{color:var(--muted-on-dark);margin:5px 0 36px;font-size:13px}.level-pill{background:var(--green);border-radius:20px;align-items:center;gap:3px;height:40px;padding:0 12px;font-size:13px;display:inline-flex}.level-row{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;max-width:310px;margin:18px auto 0;font-size:12px;display:grid}.level-row .progress-track{background:#295458}.profile-sheet{min-height:calc(100svh - 404px);padding:14px 14px 116px}.profile-stats{background:var(--off-white);border:1px solid var(--border);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:8px;min-height:92px;margin-bottom:26px;padding:18px;display:grid}.profile-stats div{flex-direction:column;align-items:center;display:flex}.profile-stats strong{font-size:24px}.profile-stats small{color:var(--muted);font-size:11px}.profile-sheet>h2{color:var(--primary);text-transform:uppercase;margin:0 0 16px;font-size:13px}.knowledge-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:30px;display:grid}.knowledge-grid button{min-width:0;color:var(--ink);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.knowledge-grid button>span{aspect-ratio:1;background:var(--white);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:20px;place-items:center;display:grid}.knowledge-grid img{object-fit:contain;width:38px;height:38px}.knowledge-grid small{min-height:28px;font-size:10px;line-height:1.35}.settings-list{border-top:1px solid var(--border)}.settings-list button{color:#858494;border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;min-height:60px;font:inherit;background:0 0;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:0 18px;font-size:13px;font-weight:500;display:grid}.settings-list svg{width:20px}.toast{z-index:20;width:min(320px,100% - 32px);color:var(--white);text-align:center;background:#183243;border-radius:14px;padding:12px 16px;font-size:12px;position:fixed;bottom:104px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0003}.quiz-header{min-height:247px;padding:max(61px, env(safe-area-inset-top)) 31px 29px}.quiz-header .back-button{margin-bottom:60px}.quiz-header h1{margin:0 0 8px}.quiz-header>p{color:var(--muted);margin:0 0 11px 2px;font-size:12px}.quiz-sheet{background:var(--white);border-radius:32px 32px 0 0;min-height:calc(100svh - 247px);padding:20px 24px 30px}.quiz-sheet>h2{color:var(--ink);margin:0 9px 14px;font-size:24px;line-height:1.45}.card-media-note{color:var(--muted);background:var(--soft);border-radius:14px;margin:0 9px 18px;padding:12px 14px;font-size:13px}.answer-list{gap:13px;display:grid}.answer-list button,.answer-card-correct{width:100%;min-height:80px;color:var(--ink);text-align:left;background:var(--white);border:1px solid var(--border);border-radius:20px;grid-template-columns:46px 1fr auto;align-items:center;gap:16px;padding:10px 15px;display:grid}.answer-list button>span,.answer-card-correct>span{background:var(--soft);border-radius:50%;place-items:center;width:46px;height:46px;font-size:14px;font-weight:500;display:grid}.answer-list button>strong,.answer-card-correct>strong{font-size:14px}.answer-list button.selected{color:var(--white);background:var(--lime);border-color:var(--lime)}.answer-list button.selected>span{color:var(--ink);background:var(--white)}.primary-button{width:100%;min-height:47px;color:var(--white);background:var(--primary);font:inherit;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding:0 18px;font-size:14px;font-weight:500;display:flex}.primary-button svg{position:absolute;right:40px}.primary-button:disabled{cursor:not-allowed;opacity:.42}.report-button{color:#9290a1;font:inherit;background:0 0;border:0;align-items:center;gap:5px;margin:10px auto 0;padding:4px 10px;font-size:13px;font-weight:500;display:flex}.result-sheet{padding-top:26px}.answer-card-correct{min-height:68px;color:var(--white);background:var(--lime);border-color:var(--lime);margin-top:18px}.answer-card-correct>span{color:var(--ink);background:var(--white)}.result-sheet>h2{color:var(--lime);text-align:center;margin:12px 0 14px}.explanation-card,.learn-more-card{color:var(--ink);border:1px solid var(--border);border-radius:20px;padding:16px;font-size:12px;line-height:1.45}.learn-more-card{background:var(--off-white);margin-top:14px}.learn-more-card h3{margin:0 0 6px;font-size:13px}.learn-more-card h3:not(:first-child){margin-top:24px}.map-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.map-grid figure{min-width:0;margin:0}.map-grid img{object-fit:cover;opacity:.55;border-radius:16px;width:100%;height:154px}.map-grid figcaption{color:var(--primary);text-align:center;margin-top:4px;font-size:9px}.bottom-nav{z-index:10;height:calc(76px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);background:#fffffff7;border-radius:20px 20px 0 0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #17324317}.bottom-nav>div{place-items:center;display:grid;position:relative}.bottom-nav>div>button:not(.add-button){color:#c9c9c9;background:0 0;place-items:center;width:100%;height:100%;display:grid}.bottom-nav>div>button.active{color:var(--primary)}.bottom-nav svg{width:21px;height:21px}.bottom-nav .add-button{z-index:2;width:44px;height:44px;color:var(--white);background:#096955;border-radius:50%;place-items:center;display:grid;position:absolute;top:-21px;left:-21px;box-shadow:0 8px 0 8px #e5eaebcc}.bottom-nav__with-plus>button:not(.add-button){padding-left:14px}.desktop-nav{display:none}button,select,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #9bc4ef}@media (width>=700px){.app-shell{background:#edf1f0;min-height:100vh;padding-left:230px}.app-shell--focus{padding-left:0}.app-content{max-width:980px;margin:0 auto;box-shadow:0 0 50px #0037401f}.desktop-nav{z-index:30;width:230px;color:var(--white);background:var(--primary);flex-direction:column;padding:30px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 12px 34px;font-size:20px;font-weight:600;display:flex}.desktop-nav nav{gap:7px;display:grid}.desktop-nav button{color:#b7c8c9;text-align:left;min-height:48px;font:inherit;background:0 0;border-radius:16px;align-items:center;gap:12px;padding:0 14px;display:flex}.desktop-nav button.active{color:var(--white);background:#0a5660}.desktop-nav button svg{width:20px}.desktop-nav__footer{color:#b7c8c9;align-items:center;gap:10px;margin-top:auto;padding:16px 12px;font-size:13px;display:flex}.desktop-nav__footer svg{width:19px}.bottom-nav{display:none}.home-sheet,.progress-sheet,.profile-sheet,.leaderboard-sheet{padding-bottom:54px}.challenge-card{max-width:600px;margin-inline:32px}.home-sheet{padding-inline:32px}.field-list{grid-template-columns:1fr 1fr}.progress-sheet,.leaderboard-sheet,.profile-sheet{padding-inline:32px}.metric-grid{grid-template-columns:1fr 1fr}.knowledge-grid{max-width:520px}.learn-screen,.quiz-screen{max-width:620px;margin:0 auto;box-shadow:0 0 50px #0037401f}.app-shell--focus{background:#edf1f0}}@media (width>=1100px){.page-header{padding-inline:40px}.challenge-card{max-width:none;margin-inline:40px}.home-sheet{padding-inline:40px}.home-sheet>.learning-card--featured{max-width:560px}.progress-sheet{grid-template-columns:1.25fr 1fr;gap:14px;display:grid}.progress-sheet>h2,.progress-sheet>h2:not(:first-child){grid-column:1/-1;margin:0}.progress-sheet .chart-card,.progress-sheet .metric-grid{margin-top:0}.training-chart{grid-column:1/-1}}