@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2")}:root{--font: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #ffffff;--surface: #ffffff;--tile: #f7f7f7;--field: #f1f3f4;--border: #e5e5e5;--border-strong: #d4d4d4;--text: #3c3c3c;--text-2: #737373;--text-3: #afafaf;--green: #3bbf5c;--green-dark: #2c9a48;--green-soft: #e3f8e8;--green-text: #26a043;--blue: #1fa8f0;--blue-dark: #1488c9;--blue-soft: #ddf4ff;--blue-line: #84d8ff;--blue-text: #1899d6;--red: #ff4b4b;--red-dark: #e03535;--red-soft: #ffe1e1;--red-text: #ea2b2b;--orange: #ff9600;--orange-dark: #e07800;--orange-soft: #fff1dc;--yellow: #ffc800;--yellow-dark: #e5a600;--purple: #a568f5;--pink: #ff5c8a;--heart: #ff4b4b;--heart-soft: #ffe1e1;--fire: #ff9600;--fire-dark: #e07800;--fire-soft: #fff1dc;--locked: #e5e5e5;--locked-dark: #c8c8c8;--locked-ink: #afafaf;--road: #dfe4e7;--road-edge: #cdd4d8;--road-line: #ffffff;--leaves: #86d696;--trunk: #b98d5c;--sign-blue: #1d64b8;--primary: var(--green);--primary-hover: var(--green-dark);--primary-soft: var(--green-soft);--primary-light: #9ee3ae;--primary-track: #e5e5e5;--success: var(--green);--success-soft: var(--green-soft);--danger: var(--red);--danger-soft: var(--red-soft);--warn: var(--orange);--warn-soft: var(--orange-soft);--radius: 16px;--radius-sm: 12px;--shadow-lg: 0 12px 32px rgb(0 0 0 / .14);--sidebar-w: 248px;--rail-w: 340px;--topbar-h: 64px;color-scheme:light}:root[data-theme=dark]{--bg: #131f24;--surface: #131f24;--tile: #1a2a31;--field: #202f36;--border: #37464f;--border-strong: #46565f;--text: #f1f7fb;--text-2: #a7b6bf;--text-3: #5c6f78;--green-soft: #1d3a26;--green-text: #58d677;--blue-soft: #18303d;--blue-line: #2a6a8c;--blue-text: #49c0f8;--red-soft: #3d1f22;--red-text: #ff7070;--orange-soft: #3a2a12;--heart-soft: #3d1f22;--fire-soft: #3a2a12;--locked: #37464f;--locked-dark: #2a373e;--locked-ink: #5c6f78;--road: #223139;--road-edge: #1a262c;--road-line: #5f747d;--leaves: #2f6b3e;--trunk: #6b5235;--primary-light: #2f6b3e;--primary-track: #37464f;--shadow-lg: 0 16px 40px rgb(0 0 0 / .5);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:var(--font);font-size:16px;font-weight:600;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,dl,dd{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}img{max-width:100%;display:block}b,strong{font-weight:800}:focus-visible{outline:3px solid var(--blue-line);outline-offset:2px;border-radius:12px}.muted{color:var(--text-3)}.strong{font-weight:800}.right{text-align:right!important}.text-success{color:var(--green-text);font-weight:800}.text-danger{color:var(--red-text);font-weight:800}.text-warn{color:var(--orange);font-weight:800}.clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.hint{margin-top:12px;text-align:center;font-size:14px;color:var(--text-3)}.hint--left{text-align:left;margin-top:8px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{transform:scale(.6)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bob{50%{transform:translateY(-5px)}}.btn{--btn-shadow: transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;border-radius:16px;border:2px solid transparent;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 0 var(--btn-shadow);transition:filter .1s,transform .1s,box-shadow .1s}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--btn-shadow)}.btn:disabled,.btn.is-disabled{background:var(--locked)!important;color:var(--locked-ink)!important;border-color:transparent!important;box-shadow:none;cursor:not-allowed;filter:none}.btn--block{width:100%}.btn--lg{height:54px;font-size:16px}.btn--sm{height:40px;padding:0 16px;font-size:13px;border-radius:14px}.btn--primary,.btn--accent,.btn--success{background:var(--green);color:#fff;--btn-shadow: var(--green-dark)}.btn--blue{background:var(--blue);color:#fff;--btn-shadow: var(--blue-dark)}.btn--danger{background:var(--red);color:#fff;--btn-shadow: var(--red-dark)}.btn--ghost,.btn--outline{background:var(--surface);color:var(--blue-text);border-color:var(--border);--btn-shadow: var(--border)}.btn--ghost:hover:not(:disabled),.btn--outline:hover:not(:disabled){background:var(--tile);filter:none}.btn--danger-text{color:var(--red-text)}.btn--streak{background:var(--fire);color:#fff;--btn-shadow: var(--fire-dark)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--text-3);transition:background-color .15s,color .15s}.icon-btn:hover{background:var(--tile);color:var(--text-2)}.link{color:var(--blue-text);font-weight:800}.link:hover{text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--text-3);font-weight:800;font-size:14px;letter-spacing:.05em;text-transform:uppercase}.back-link:hover{color:var(--text-2)}.pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:800}.pill--success{background:var(--green-soft);color:var(--green-text)}.pill--danger{background:var(--red-soft);color:var(--red-text)}.tag{padding:4px 10px;border-radius:8px;background:var(--field);color:var(--text-3);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.check{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--green);color:#fff}.logo{display:inline-flex;align-items:center;gap:10px}.logo-mark{flex-shrink:0;border-radius:10px;background:#fff}.logo__text{font-size:22px;font-weight:900;letter-spacing:-.02em;color:#142b4c;white-space:nowrap}:root[data-theme=dark] .logo__text{color:#fff}.box{padding:20px;border-radius:var(--radius);background:var(--surface);border:2px solid var(--border)}.cards{display:flex;flex-direction:column;gap:12px}.cards--spaced{margin-top:14px}.card-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);border-bottom-width:4px;transition:background-color .15s,transform .08s}a.card-row:hover{background:var(--tile)}a.card-row:active{transform:translateY(2px)}.card-row--stack{flex-direction:column;align-items:stretch;gap:12px}.card-row__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.card-row__title{font-size:17px;font-weight:800}.card-row__sub{font-size:14.5px;color:var(--text-2)}.card-row__go{font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--blue-text);flex-shrink:0}.icon-tile{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:14px;color:#fff;box-shadow:inset 0 -4px #00000026}.rows{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface)}a.row:hover{background:var(--tile)}.row--disabled{opacity:.6}.row__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.row__body--bar{gap:6px}.row__title{font-size:16px;font-weight:800}.row__sub{font-size:14px;color:var(--text-2)}.row__action{color:var(--blue-text);font-weight:800;font-size:14px;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}.thumb{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:12px;background:var(--blue);color:#fff;box-shadow:inset 0 -4px #00000026}.thumb--sm{width:38px;height:38px;border-radius:10px}.search{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:14px;background:var(--field);border:2px solid var(--border);color:var(--text-3)}.search:focus-within{border-color:var(--blue-line);background:var(--surface)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--text)}.search input::placeholder{color:var(--text-3)}.segmented{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px}.segmented__item{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;padding:0 10px;border-radius:14px;border:2px solid var(--border);border-bottom-width:4px;background:var(--surface);font-size:15px;font-weight:800;color:var(--text-2)}.segmented__item:hover{background:var(--tile)}.segmented__item.is-active{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue-text)}.switch{position:relative;width:54px;height:32px;flex-shrink:0;border-radius:999px;background:var(--locked);transition:background-color .2s}.switch span{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 2px #00000026;transition:transform .2s}.switch.is-on{background:var(--green)}.switch.is-on span{transform:translate(22px)}.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--rail-w)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px;padding:26px 16px;border-right:2px solid var(--border);background:var(--bg)}.sidebar .logo{padding:0 12px}.sidebar__nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:16px;height:54px;padding:0 14px;border-radius:14px;border:2px solid transparent;color:var(--text-2);font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:background-color .15s}.nav-item__icon{display:grid;color:var(--nav)}.nav-item:hover{background:var(--tile)}.nav-item.is-active{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue-text)}.topbar,.tabbar{display:none}.main{min-width:0}.main__inner{max-width:640px;margin:0 auto;padding:30px 24px 72px}.page{display:flex;flex-direction:column;gap:24px;animation:rise-in .3s ease}.rail{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:24px 24px 24px 8px}.rail .chips{justify-content:space-between}.rail-card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:var(--radius);border:2px solid var(--border)}.rail-card strong{font-size:18px;font-weight:900}.rail-card>span,.rail-card span span{color:var(--text-2);font-size:15px}.rail-card .btn{margin-top:6px}.rail-card--fact{flex-direction:row;align-items:flex-start;gap:12px}.rail-card--fact>span{display:flex;flex-direction:column;gap:4px}.rail-card--fact strong{font-size:16px}.rail__legal{padding:0 6px;font-size:13px;font-weight:800;color:var(--text-3)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-title{font-size:28px;font-weight:900;letter-spacing:-.01em;line-height:1.2}.page-desc{color:var(--text-2);margin-top:4px;font-size:16px}.page-header__action{flex-shrink:0}.section{margin-top:4px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title{font-size:22px;font-weight:900;margin-bottom:14px}.section-head .section-title{margin-bottom:0}.group-title{font-size:15px;font-weight:800;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.chips{display:flex;align-items:center;gap:4px}.chip{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 10px;border-radius:12px;color:var(--text-3);font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;transition:background-color .15s}.chip:hover{background:var(--tile)}.chip__tile{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;box-shadow:inset 0 -3px #00000026}.chip--license{color:var(--text-2)}.chip--streak.is-lit{color:var(--fire)}.chip--hearts{color:var(--heart)}.chip--hearts.is-empty{color:var(--text-2);font-size:14px}.chip--hearts.is-empty svg{color:var(--text-3)}.hearts-info{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:4px;text-align:center}.hearts-info__title{font-size:20px;font-weight:900}.hearts-info__timer{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--heart-soft);color:var(--heart);font-weight:800;font-variant-numeric:tabular-nums}.hearts-info__list{align-self:stretch;display:grid;gap:6px;margin:6px 0 0;padding-left:20px;text-align:left;font-size:15px;color:var(--text-2)}.hearts-info__list b{color:var(--text)}.heart-row{display:flex;gap:6px;color:var(--locked)}.heart-row__item{display:grid;animation:pop-in .4s cubic-bezier(.3,1.8,.5,1) backwards}.heart-row__item.is-on{color:var(--heart)}.goal{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);border:2px solid var(--border)}.goal__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.goal__title{font-size:18px;font-weight:900}.goal__progress{display:flex;align-items:center;gap:10px}.goal__progress .bar{height:16px}.goal__count{font-size:14px;font-weight:800;color:var(--text-3);font-variant-numeric:tabular-nums}.goal__text{font-size:14px;color:var(--text-2)}.goal.is-done .goal__title{color:var(--green-text)}.learn__goal{display:none}.mascot{display:block;flex-shrink:0;overflow:visible}.mascot__body{transform-origin:60px 110px;animation:mascot-bob 2.6s ease-in-out infinite}.mascot--cheer .mascot__body{animation:mascot-jump .9s cubic-bezier(.3,1.5,.5,1) infinite alternate}.mascot--sad .mascot__body{animation:none;transform:translateY(2px) rotate(-2deg)}.mascot__shadow{transform-origin:60px 113px;animation:mascot-shadow 2.6s ease-in-out infinite}.mascot--cheer .mascot__shadow{animation:mascot-shadow .9s cubic-bezier(.3,1.5,.5,1) infinite alternate}@keyframes mascot-bob{50%{transform:translateY(-3px)}}@keyframes mascot-jump{0%{transform:translateY(0) scale(1.02,.98)}to{transform:translateY(-9px) rotate(-3deg)}}@keyframes mascot-shadow{50%{transform:scaleX(.9);opacity:.8}}.speech{display:flex;align-items:center;gap:10px}.speech__bubble{position:relative;flex:1;padding:14px 18px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);font-size:18px;font-weight:800;line-height:1.35;animation:pop-in .35s cubic-bezier(.3,1.5,.5,1) backwards;transform-origin:left center}.speech__bubble:before{content:"";position:absolute;top:50%;left:-9px;width:15px;height:15px;margin-top:-8px;background:var(--surface);border-left:2px solid var(--border);border-bottom:2px solid var(--border);transform:rotate(45deg)}.onboard{min-height:100vh;min-height:100dvh;max-width:640px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column}.onboard__top{display:flex;align-items:center;gap:12px;height:var(--topbar-h)}.onboard__bar{flex:1}.onboard__bar .bar{height:16px}.onboard__body{flex:1;display:flex;flex-direction:column;gap:24px;padding:12px 0 28px;animation:slide-in .3s ease}.onboard__foot{position:sticky;bottom:0;display:flex;flex-direction:column;gap:12px;padding:16px 0 calc(20px + env(safe-area-inset-bottom));background:var(--bg)}.onboard__legal{align-self:center;font-size:14px;font-weight:800;color:var(--text-3)}.onboard--splash .onboard__foot{position:static}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding-top:40px}.splash__parade{display:flex;align-items:flex-end;justify-content:center;margin-bottom:8px}.splash__parade .mascot{margin:0 -10px}.splash__main{position:relative;z-index:1}.splash__parade .mascot:nth-child(2) .mascot__body{animation-delay:.3s}.splash__parade .mascot:nth-child(4) .mascot__body{animation-delay:.6s}.splash__parade .mascot:nth-child(5) .mascot__body{animation-delay:.9s}.choice-group .group-title{margin:6px 0 10px}.splash__title{font-size:40px;font-weight:900;letter-spacing:-.02em;color:var(--green);line-height:1.05}.splash__text{max-width:360px;font-size:19px;color:var(--text-2)}.choices{display:flex;flex-direction:column;gap:12px}.choice{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 16px;text-align:left;border-radius:var(--radius);border:2px solid var(--border);border-bottom-width:4px;background:var(--surface);transition:background-color .12s,border-color .12s,transform .08s}.choice:hover:not(:disabled){background:var(--tile)}.choice:active:not(:disabled){transform:translateY(2px)}.choice:disabled{cursor:default;opacity:.55}.choice.is-selected{border-color:var(--blue-line);background:var(--blue-soft)}.choice.is-selected .choice__title{color:var(--blue-text)}.choice__icon{display:grid;flex-shrink:0}.choice__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.choice__title{font-size:18px;font-weight:800}.choice__text{font-size:14.5px;color:var(--text-2)}.choice__tag{flex-shrink:0;padding:4px 10px;border-radius:8px;background:var(--field);color:var(--text-3);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.choice.is-selected .choice__tag{background:var(--surface);color:var(--blue-text)}.license-tile{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--locked);color:#fff;box-shadow:inset 0 -4px #00000026}.bars rect{fill:var(--locked)}.bars rect.is-on{fill:var(--blue)}.plan{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.plan__title{font-size:30px;font-weight:900;color:var(--green)}.plan__list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;align-self:stretch;text-align:left}.plan__list li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);border:2px solid var(--border);font-size:16px;color:var(--text-2);animation:rise-in .4s ease backwards}.plan__list li:nth-child(2){animation-delay:.1s}.plan__list li:nth-child(3){animation-delay:.2s}.plan__list b{color:var(--text)}.plan__icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;color:#fff;box-shadow:inset 0 -4px #00000026}.plan__icon--green{background:var(--green)}.plan__icon--orange{background:var(--orange)}.plan__icon--blue{background:var(--blue)}.learn{display:flex;flex-direction:column;gap:28px}.unit{--unit-dark: color-mix(in srgb, var(--unit) 76%, #000);display:flex;flex-direction:column;gap:34px}.unit__head{position:sticky;top:12px;z-index:4;display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--unit);color:#fff;box-shadow:inset 0 0 0 4px var(--unit),inset 0 0 0 7px #ffffffeb,0 4px 0 var(--unit-dark)}.unit__num{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;flex-shrink:0;margin-left:6px;border-radius:8px;border:3px solid #1f2d33;background:#fff;color:#1f2d33;font-size:22px;font-weight:900;line-height:1}.unit__num small{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#5c6f78}.unit__title{flex:1;min-width:0;font-size:21px;font-weight:900;line-height:1.2}.unit__guide{margin-right:6px;display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:14px;border:2px solid rgb(255 255 255 / .4);border-bottom-width:4px;transition:background-color .15s}.unit__guide:hover{background:#ffffff1f}.unit__track{position:relative;margin-top:62px}.unit__mascot{position:absolute;top:170px}.unit__mascot.is-left{left:calc(50% - 168px)}.unit__mascot.is-right{left:calc(50% + 76px)}.road{position:absolute;left:50%;margin-left:-170px;z-index:0;overflow:visible;pointer-events:none}.road path{fill:none}.road__edge{stroke:var(--road-edge);stroke-width:60}.road__asphalt{stroke:var(--road);stroke-width:52}.road__line{stroke:var(--road-line);stroke-width:4;stroke-dasharray:16 14;stroke-linecap:round}.road__leaves{fill:var(--leaves)}.road__trunk{fill:var(--trunk)}.road__shine{fill:#ffffff4d}.roadsign{position:absolute;z-index:0;left:calc(50% + 96px);display:flex;flex-direction:column;align-items:center}.roadsign img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 0 rgb(0 0 0 / .12))}.roadsign__pole{width:5px;height:38px;border-radius:0 0 3px 3px;background:#8a979e}.node-wrap{position:absolute;z-index:1;transform:translate(-50%);display:flex;justify-content:center;width:80px}.node-wrap.is-open{z-index:6}.node{position:relative;display:grid;place-items:center;width:72px;height:66px;border-radius:50%;background:var(--unit);color:#fff;box-shadow:0 7px 0 var(--unit-dark);transition:transform .08s,box-shadow .08s,filter .15s}.node:hover{filter:brightness(1.06)}.node:active{transform:translateY(5px);box-shadow:0 2px 0 var(--unit-dark)}.node--current{outline:7px solid color-mix(in srgb,var(--unit) 25%,transparent);outline-offset:6px}.node--locked{background:var(--locked);color:var(--locked-ink);box-shadow:0 7px 0 var(--locked-dark)}.node--locked:active{box-shadow:0 2px 0 var(--locked-dark)}.node--gold{background:var(--yellow);box-shadow:0 7px 0 var(--yellow-dark)}.node--gold:active{box-shadow:0 2px 0 var(--yellow-dark)}.node-bubble{position:absolute;bottom:calc(100% + 18px);left:50%;z-index:2;padding:7px 14px;border-radius:8px;background:var(--sign-blue);color:#fff;box-shadow:inset 0 0 0 2px var(--sign-blue),inset 0 0 0 4px #fff;font-size:15px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%);transform-origin:50% 160%;animation:sign-sway 2.4s ease-in-out infinite;pointer-events:none}.node-bubble:after{content:"";position:absolute;left:50%;top:100%;width:4px;height:12px;margin-left:-2px;border-radius:0 0 2px 2px;background:#8a979e}@keyframes sign-sway{0%,to{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.pop{position:absolute;left:50%;z-index:7;width:min(320px,100%);display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:var(--radius);background:var(--unit);color:#fff;transform:translate(-50%);box-shadow:0 4px 0 var(--unit-dark);animation:pop-open .2s cubic-bezier(.3,1.4,.5,1)}.pop:before{content:"";position:absolute;top:-8px;left:calc(50% + var(--arrow, 0px));width:16px;height:16px;margin-left:-8px;background:inherit;border-radius:3px;transform:rotate(45deg)}@keyframes pop-open{0%{opacity:0;transform:translate(-50%,-8px) scale(.95)}}.pop__title{font-size:19px;font-weight:900}.pop__meta{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;opacity:.9}.pop__meta .stars{color:#ffffff59}.pop__meta .stars .is-on{color:var(--yellow)}.pop__text{font-size:15px;opacity:.92;margin-bottom:6px}.pop__btn{background:#fff;color:var(--unit);--btn-shadow: rgb(0 0 0 / .18)}.pop.is-locked{background:var(--tile);color:var(--text-2);border:2px solid var(--border);box-shadow:none}.pop.is-locked:before{border-left:2px solid var(--border);border-top:2px solid var(--border);top:-9px}.stars{display:inline-flex;gap:2px;color:var(--locked)}.stars .is-on{color:var(--yellow)}.finish{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 20px;text-align:center}.finish__node{display:grid;place-items:center;width:104px;height:96px;margin-bottom:10px;border-radius:50%;background:repeating-conic-gradient(var(--locked-ink) 0 25%,var(--surface) 0 50%) 0 0 / 26px 26px;border:4px solid var(--locked-ink);box-shadow:0 8px 0 var(--locked-dark);opacity:.75}.finish__node span{padding:4px 12px;border-radius:8px;background:var(--surface);border:3px solid var(--locked-ink);color:var(--text-2);font-size:16px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.finish.is-ready .finish__node{opacity:1;border-color:#1f2d33;background:repeating-conic-gradient(#1f2d33 0,#1f2d33 25%,#fff 0,#fff 50%) 0 0 / 26px 26px;box-shadow:0 8px #000;animation:bob 1.8s ease-in-out infinite}.finish.is-ready .finish__node span{border-color:#1f2d33;color:#1f2d33;background:#fff}.finish__title{font-size:20px;font-weight:900}.finish__text{max-width:320px;color:var(--text-2);font-size:15px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.practice-card{display:flex;flex-direction:column;gap:2px;min-height:138px;padding:18px;border-radius:18px;color:#fff;box-shadow:inset 0 -6px #00000029;transition:transform .08s,filter .15s}.practice-card:hover{filter:brightness(1.05)}.practice-card:active{transform:translateY(3px)}.practice-card svg{margin-bottom:auto}.practice-card strong{margin-top:14px;font-size:19px;font-weight:900}.practice-card span{font-size:14px;opacity:.92}.profile-head{display:flex;align-items:center;gap:18px}.profile-head__avatar{display:grid;place-items:center;width:118px;height:118px;flex-shrink:0;border-radius:50%;background:var(--blue-soft);border:2px solid var(--blue-line)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);border:2px solid var(--border)}.tile-stat__icon{display:grid;flex-shrink:0}.tile-stat__body{display:flex;flex-direction:column;min-width:0;line-height:1.2}.tile-stat__value{font-size:21px;font-weight:900}.tile-stat__label{font-size:13.5px;color:var(--text-2)}.tone-orange{color:var(--orange)}.tone-green{color:var(--green)}.tone-blue{color:var(--blue)}.tone-purple{color:var(--purple)}.about{color:var(--text-3);font-size:14px}.about a{color:var(--blue-text);font-weight:800}.home-top{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.home-top--stats{grid-template-columns:1fr}.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);border:2px solid var(--border)}.stat-card__icon{display:grid;flex-shrink:0;color:var(--blue)}.stat-card__icon--yellow,.stat-card__icon--fire{color:var(--orange)}.stat-card__body{display:flex;flex-direction:column;min-width:0;line-height:1.25}.stat-card__value{font-size:24px;font-weight:900}.stat-card__label{font-weight:800;font-size:14.5px}.stat-card__sub{color:var(--text-2);font-size:13px}.level-card{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px;text-align:left;border-radius:var(--radius);background:var(--purple);color:#fff;box-shadow:inset 0 -6px #00000029;transition:transform .08s}.level-card:active{transform:translateY(3px)}.level-card__top{display:flex;align-items:center;gap:14px}.level-card__badge{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:14px;background:var(--yellow);color:#fff;box-shadow:inset 0 -4px #00000026}.level-card__heading{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}.level-card__eyebrow{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.level-card__name{font-size:24px;font-weight:900}.level-card__avg{padding:6px 12px;border-radius:12px;background:#ffffff2e;font-weight:900}.level-card__text{font-size:15px;opacity:.92}.level-card__cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:#ffffff29;font-weight:800;font-size:14.5px}.level-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.level-steps__step{display:flex;flex-direction:column;gap:6px;min-width:0}.level-steps__step i{height:8px;border-radius:999px;background:#ffffff40}.level-steps__step.is-done i{background:var(--yellow)}.level-steps__step small{font-size:11.5px;font-weight:800;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-steps__step.is-done small{opacity:1}.weak-list{display:flex;flex-direction:column;gap:10px}.weak{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius);border:2px solid var(--border)}.weak__body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.weak__row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.weak__name{font-weight:800}.weak__sub{font-size:13px;color:var(--text-3)}.weak__go{color:var(--blue-text);font-weight:800;font-size:14px;text-transform:uppercase}.weak__body .bar,.row__body .bar{flex:none;width:100%}.exam-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.exam-grid--single{grid-template-columns:minmax(0,1fr)}.facts{display:flex;flex-direction:column}.facts>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:2px solid var(--border)}.facts>div:first-child{padding-top:0}.facts dt{color:var(--text-2)}.facts dd{font-weight:900}.rules{margin:16px 0 20px;padding-left:20px;color:var(--text-2);font-size:15px;display:grid;gap:4px}.readiness{display:flex;flex-direction:column;align-items:center;text-align:center}.readiness .section-head{align-self:stretch}.readiness__text{color:var(--text-2);margin:14px 0 18px}.readiness__text strong{color:var(--green-text)}.legend{display:flex;justify-content:center;gap:20px;margin-top:14px;font-size:14px;color:var(--text-2)}.legend span{display:inline-flex;align-items:center;gap:7px}.legend__dot{width:10px;height:10px;border-radius:3px;background:var(--green)}.legend__dot--light{background:var(--primary-light)}.table{width:100%;border-collapse:collapse;font-size:15px}.table th{padding:12px 10px;text-align:left;font-weight:800;color:var(--text-3);text-transform:uppercase;font-size:13px;letter-spacing:.05em;border-bottom:2px solid var(--border)}.table td{padding:14px 10px;border-bottom:2px solid var(--border)}.table th:first-child,.table td:first-child{padding-left:4px}.table th:last-child,.table td:last-child{padding-right:4px}.chart{display:grid;grid-template-columns:36px 1fr;grid-template-rows:210px auto}.chart__axis{position:relative}.chart__axis span{position:absolute;right:10px;transform:translateY(50%);font-size:12.5px;color:var(--text-3)}.chart__plot{position:relative;display:flex;border-bottom:2px solid var(--border)}.chart__col{position:relative;flex:1;display:flex;justify-content:center;align-items:flex-end}.chart__score{position:relative;width:min(34px,60%);border-radius:8px 8px 0 0;background:var(--primary-light);transition:height .5s cubic-bezier(.2,.7,.2,1)}.chart__score--pass{background:var(--green)}.chart__score b{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px);font-size:12px;font-weight:800;color:var(--text-2)}.chart__pass{position:absolute;left:0;right:0;border-top:2px dashed var(--green);z-index:1;pointer-events:none}.chart__pass em{position:absolute;right:4px;bottom:2px;font-style:normal;font-size:11.5px;font-weight:800;color:var(--green-text)}.chart__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:14px;color:var(--text-3)}.chart__labels{display:flex;padding-top:10px}.chart__labels span{flex:1;text-align:center;font-size:13.5px;color:var(--text-2)}.gauge{display:block;width:100%;height:auto;overflow:hidden}.gauge__halo{fill:var(--green-soft);opacity:.7}.gauge__track{fill:none;stroke:var(--primary-track)}.gauge__fill{fill:none;stroke:var(--green);transition:d .6s}.gauge__needle{stroke:var(--text);stroke-width:5;stroke-linecap:round}.gauge__dash{stroke:var(--text);stroke-width:2.5;stroke-dasharray:4 4}.gauge__hub{fill:var(--surface);stroke:var(--text)}.bar{flex:1;height:10px;border-radius:999px;background:var(--locked);overflow:hidden}.bar__fill{position:relative;height:100%;border-radius:inherit;background:var(--green);transition:width .5s cubic-bezier(.3,1.3,.5,1)}.bar__fill:after{content:"";position:absolute;top:22%;left:8px;right:8px;height:26%;border-radius:999px;background:#ffffff4d}.bar--success .bar__fill{background:var(--green)}.bar--warn .bar__fill{background:var(--orange)}.bar--danger .bar__fill{background:var(--red)}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:28px 20px;border-radius:var(--radius);border:2px solid var(--border)}.empty .mascot{margin-bottom:6px}.empty__title{font-size:19px;font-weight:900}.empty__text{max-width:400px;color:var(--text-2)}.empty__action{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#00000073;animation:fade .15s ease}.modal{width:100%;max-width:420px;padding:24px;border-radius:20px;background:var(--surface);border:2px solid var(--border);animation:pop-in .2s cubic-bezier(.3,1.4,.5,1)}.modal__title{font-size:21px;font-weight:900}.modal__body{color:var(--text-2);margin:8px 0 22px}.modal__actions{display:flex;justify-content:flex-end;gap:10px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000073;animation:fade .15s ease}.sheet{width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;border-radius:24px;border:2px solid var(--border);background:var(--surface);animation:rise .25s cubic-bezier(.2,.8,.2,1)}.sheet__grip{display:none}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px 8px 22px}.sheet__title{font-size:21px;font-weight:900}.sheet__body{overflow-y:auto;padding:4px 22px 22px}.sheet__lead{color:var(--text-2);font-size:15px;margin-bottom:10px}.sheet__note{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--green-soft);color:var(--green-text);font-size:14px;font-weight:800}.sheet-empty{display:flex;flex-direction:column;gap:18px;color:var(--text-2);padding:4px 0}.quiz{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.quiz__topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;max-width:760px;width:100%;height:72px;margin:0 auto;padding:0 16px;background:var(--bg)}.quiz__bar{flex:1}.quiz__bar .bar{height:16px;background-color:var(--road);background-image:repeating-linear-gradient(90deg,var(--road-line) 0 10px,transparent 10px 20px);background-size:100% 2px;background-position:center;background-repeat:no-repeat}.bar-road{position:relative;display:flex;align-items:center}.bar-road__rider{position:absolute;top:50%;z-index:1;transform:translate(-50%,-50%);transition:left .5s cubic-bezier(.3,1.3,.5,1);pointer-events:none}.rider{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:3px solid var(--bg);color:#fff;box-shadow:0 2px #00000026;animation:rider-bump .6s ease-in-out infinite alternate}@keyframes rider-bump{to{transform:translateY(-1.5px)}}.quiz__counter{font-weight:800;font-size:15px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}.timer{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:12px;border:2px solid var(--border);font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.timer--low{color:var(--red-text);border-color:var(--red-soft)}.combo{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 11px;border-radius:12px;background:var(--fire-soft);color:var(--fire);font-weight:900;font-size:16px;animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.combo--hot{animation:pop .35s cubic-bezier(.2,1.6,.4,1),combo-glow 1.4s ease-in-out .35s infinite}@keyframes combo-glow{50%{box-shadow:0 0 0 5px #ff96002e}}.hearts{position:relative;display:inline-flex;align-items:center;gap:5px;color:var(--heart);font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.hearts.is-empty{color:var(--text-3)}.hearts__icon{display:grid}.hearts__icon.is-lost{animation:heart-hit .65s cubic-bezier(.3,1.5,.5,1)}.hearts__num.is-lost{animation:num-drop .4s ease}.hearts__float{position:absolute;top:-6px;left:4px;font-size:14px;font-weight:900;color:var(--heart);opacity:0;pointer-events:none;animation:float-up 1s ease-out forwards}@keyframes heart-hit{20%{transform:scale(1.5) rotate(-14deg)}40%{transform:scale(.8) rotate(10deg)}60%{transform:scale(1.12) rotate(-6deg)}}@keyframes num-drop{0%{transform:translateY(-70%);opacity:0}}@keyframes float-up{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-28px)}}.quiz__body{flex:1;padding:12px 20px 140px}.quiz__body--sheet{padding-bottom:300px}.quiz__body--center{display:grid;place-items:center;padding-bottom:60px}.quiz__column{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.quiz-empty{max-width:480px;width:100%}.question{animation:slide-in .25s ease}.question__meta{font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--purple)}.question__text{font-size:24px;font-weight:800;line-height:1.35;margin:6px 0 22px}.question__image{display:grid;place-items:center;margin-bottom:22px;padding:22px;border-radius:var(--radius);border:2px solid var(--border)}.question__image img{width:160px;height:160px;object-fit:contain}.question__scene{margin-bottom:22px;border-radius:var(--radius);overflow:hidden;border:2px solid var(--border)}.question__scene .scene{max-width:440px;margin:0 auto;border-radius:0}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 16px 12px 12px;text-align:left;background:var(--surface);border:2px solid var(--border);border-bottom-width:4px;border-radius:var(--radius);font-size:17px;font-weight:700;transition:border-color .12s,background-color .12s,opacity .15s,transform .08s}.option:hover:not(:disabled){background:var(--tile)}.option:active:not(:disabled){transform:translateY(2px)}.option:disabled{cursor:default}.option__key{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;border:2px solid var(--border);font-weight:900;font-size:14px;color:var(--text-3)}.option__text{flex:1}.option__mark{flex-shrink:0}.option--selected{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue-text)}.option--selected .option__key{border-color:var(--blue-line);color:var(--blue-text)}.option--correct{border-color:var(--green);background:var(--green-soft);color:var(--green-text);animation:correct-bounce .45s cubic-bezier(.3,1.6,.5,1)}.option--correct .option__key{border-color:var(--green);background:var(--green);color:#fff}.option--wrong{border-color:var(--red);background:var(--red-soft);color:var(--red-text);animation:shake .35s ease}.option--wrong .option__key{border-color:var(--red);background:var(--red);color:#fff}.option--dim{opacity:.45}@keyframes correct-bounce{40%{transform:scale(1.025)}}.dots{display:flex;flex-wrap:wrap;gap:6px}.dot{width:36px;height:36px;border-radius:10px;border:2px solid var(--border);font-size:13px;font-weight:800;color:var(--text-3)}.dot.is-answered{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue-text)}.dot.is-current{background:var(--blue);border-color:var(--blue);color:#fff}.quiz__footer{position:fixed;inset:auto 0 0 0;z-index:10;padding:18px 20px calc(18px + env(safe-area-inset-bottom));background:var(--bg);border-top:2px solid var(--border);transition:background-color .2s}.quiz__footer-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.quiz__hint{font-size:15px;color:var(--text-3)}.quiz__footer--right{background:var(--green-soft);border-top-color:transparent}.quiz__footer--wrong{background:var(--red-soft);border-top-color:transparent}.verdict{display:flex;gap:14px;flex:1;min-width:0;animation:rise .25s ease}.verdict__icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:999px;background:var(--surface)}.quiz__footer--right .verdict__icon,.quiz__footer--right .verdict__title{color:var(--green-text)}.quiz__footer--wrong .verdict__icon,.quiz__footer--wrong .verdict__title{color:var(--red-text)}.quiz__footer--right .verdict__icon{position:relative;animation:pop-in .45s cubic-bezier(.3,1.8,.5,1)}.quiz__footer--right .verdict__icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:3px solid var(--green);opacity:0;animation:ring-out .7s ease-out .1s forwards}@keyframes ring-out{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.quiz__footer--wrong .verdict__icon{animation:shake .35s ease}.verdict__body{min-width:0}.verdict__title{display:block;font-size:23px;font-weight:900}.verdict__combo{display:inline-flex;align-items:center;gap:6px;color:var(--fire);animation:pop .4s cubic-bezier(.2,1.6,.4,1)}.verdict__answer{font-weight:800;color:var(--red-text);margin-top:2px}.verdict__hearts{color:var(--heart);font-weight:900}.verdict__text{font-size:15px;color:var(--text);margin-top:4px}.verdict__btn{min-width:180px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;pointer-events:none}.result{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding-top:8px}.result__mascot{margin-bottom:4px}.result__title{font-size:30px;font-weight:900;margin:10px 0 4px}.result--passed .result__title{color:var(--orange);animation:pop-in .5s cubic-bezier(.3,1.6,.5,1) .25s backwards}.result__text{color:var(--text-2);max-width:420px}.result__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:460px;margin:22px 0}.result__stat{display:flex;flex-direction:column;border-radius:14px;border:2px solid var(--c);background:var(--c);overflow:hidden;animation:rise-in .4s ease backwards}.result__stat:nth-child(2){animation-delay:.1s}.result__stat:nth-child(3){animation-delay:.2s}.result__stat span{padding:4px 6px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.result__stat strong{padding:12px 6px;border-radius:12px;background:var(--surface);color:var(--c);font-size:21px;font-weight:900;font-variant-numeric:tabular-nums}.result__stat--green{--c: var(--green)}.result__stat--orange{--c: var(--orange)}.result__stat--blue{--c: var(--blue)}.result .stars .is-on{animation:star-pop .55s cubic-bezier(.3,1.8,.5,1) backwards}.result .stars .is-on:nth-child(1){animation-delay:.35s}.result .stars .is-on:nth-child(2){animation-delay:.6s}.result .stars .is-on:nth-child(3){animation-delay:.85s}@keyframes star-pop{0%{transform:scale(0) rotate(-60deg);opacity:0}}.result__actions{display:flex;gap:12px;width:100%;max-width:460px;animation:rise-in .4s ease .4s backwards}.result__actions .btn{flex:1}.review{display:flex;flex-direction:column;gap:10px}.review__item{display:flex;gap:14px;padding:14px 16px;border-radius:var(--radius);border:2px solid var(--border)}.review__img{width:56px;height:56px;object-fit:contain;flex-shrink:0}.review__body{display:flex;flex-direction:column;gap:4px;min-width:0}.review__q{font-weight:800;margin-bottom:4px}.review__line{display:flex;align-items:flex-start;gap:8px;font-size:15px}.review__line svg{margin-top:3px;flex-shrink:0}.review__line--wrong{color:var(--red-text)}.review__line--right{color:var(--green-text);font-weight:800}.review__exp{font-size:14.5px;color:var(--text-2);margin-top:4px}.lesson__eyebrow{font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--purple)}.lesson-card{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px;border:2px solid var(--border);animation:slide-in .25s ease}.lesson-card__visual{margin-bottom:6px;border-radius:14px;overflow:hidden}.lesson-card__visual .scene{max-width:420px;margin:0 auto}.lesson-card__visual--signs{padding:26px 16px;background:var(--tile)}.lesson-card__visual--tip{display:grid;place-items:center;height:180px;background:var(--blue-soft)}.lesson-card__title{font-size:24px;font-weight:900}.lesson-card__text{font-size:18px;line-height:1.55}.sign-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.sign-row img{width:96px;height:96px;object-fit:contain}.sign-row--sm{justify-content:flex-start;gap:10px;margin-top:10px}.sign-row--sm img{width:44px;height:44px}.factbank{display:flex;flex-direction:column;gap:26px}.factbank__unit{scroll-margin-top:80px}.factbank__list{display:flex;flex-direction:column;gap:10px}.fact-item{border-radius:var(--radius);border:2px solid var(--border);border-bottom-width:4px;overflow:hidden}.fact-item summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.fact-item summary::-webkit-details-marker{display:none}.fact-item__icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--blue);color:#fff;box-shadow:inset 0 -3px #00000026}.fact-item__title{flex:1;font-weight:800;font-size:16.5px}.fact-item__chev{color:var(--text-3);transition:transform .2s}.fact-item[open] .fact-item__chev{transform:rotate(180deg)}.fact-item__body{display:flex;flex-direction:column;gap:12px;padding:0 14px 14px}.fact-card{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:start;padding:12px;border-radius:12px;background:var(--tile)}.fact-card:not(:has(.fact-card__scene)){grid-template-columns:1fr}.fact-card h3{font-size:16px;font-weight:900;margin-bottom:4px}.fact-card p{font-size:15px;color:var(--text-2);line-height:1.5}.scene{display:block;width:100%;height:auto;border-radius:14px}.scene__blink{animation:blink .9s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.streak-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg);animation:fade .25s ease}.streak-screen__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px 20px;text-align:center}.streak-flame{position:relative;display:grid;place-items:center;width:170px;height:170px;color:var(--fire)}.streak-flame__icon{position:relative;transform-origin:50% 90%;filter:drop-shadow(0 10px 18px rgb(255 150 0 / .35));animation:flame-in .7s cubic-bezier(.3,1.6,.5,1) backwards,flicker 1.8s ease-in-out .7s infinite}.streak-flame__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgb(255 170 40 / .4),transparent 68%);animation:glow-pulse 2s ease-in-out infinite}@keyframes flame-in{0%{transform:scale(0) rotate(-25deg);opacity:0}}@keyframes flicker{25%{transform:scale(1.04,.97) rotate(-2deg)}50%{transform:scale(.98,1.04) rotate(1.5deg)}75%{transform:scale(1.03,.98) rotate(-1deg)}}@keyframes glow-pulse{50%{transform:scale(1.18);opacity:.65}}.streak-count{display:grid;place-items:center;height:100px;overflow:hidden}.streak-count__num{font-size:92px;font-weight:900;line-height:1;color:var(--fire);font-variant-numeric:tabular-nums;animation:fade .3s ease}.streak-count__num.is-new{animation:roll-in .6s cubic-bezier(.3,1.5,.5,1)}@keyframes roll-in{0%{transform:translateY(85%) scale(.6);opacity:0}}.streak-screen__title{font-size:30px;font-weight:900;color:var(--fire)}.streak-screen__text{max-width:360px;margin-top:6px;font-size:17px;color:var(--text-2)}.week{display:flex;gap:6px;margin-top:26px;padding:14px 16px;border-radius:20px;border:2px solid var(--border);animation:rise-in .45s ease .4s backwards}.week__day{display:flex;flex-direction:column;align-items:center;gap:6px;width:34px}.week__label{font-size:13px;font-weight:900;color:var(--text-3)}.week__day.is-today .week__label{color:var(--fire)}.week__dot{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--locked);color:#fff}.week__day.is-done .week__dot{background:var(--fire)}.week__day.is-today.is-done .week__dot{box-shadow:0 0 0 4px var(--fire-soft);animation:pop-in .5s cubic-bezier(.3,1.8,.5,1) 1s backwards}.streak-screen__foot{width:100%;max-width:480px;margin:0 auto;padding:16px 20px calc(20px + env(safe-area-inset-bottom))}.no-hearts{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:440px;text-align:center}.no-hearts__title{font-size:28px;font-weight:900}.no-hearts__text{font-size:17px;color:var(--text-2)}.no-hearts__timer{font-size:44px;font-weight:900;line-height:1.1;color:var(--heart);font-variant-numeric:tabular-nums}.no-hearts__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px}.no-hearts__note{margin-top:4px;font-size:14px;color:var(--text-3)}.welcome{max-width:680px;margin:0 auto;padding:20px 20px 40px;display:flex;flex-direction:column;gap:24px}.welcome__top{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.welcome__title{font-size:30px;font-weight:900;line-height:1.2}.legal__body{display:flex;flex-direction:column;gap:10px}.legal__updated{color:var(--text-3);font-size:14px;margin-bottom:8px}.legal__body h2{margin-top:18px;font-size:19px;font-weight:900}.legal__body p{color:var(--text-2);font-size:16px;line-height:1.65}.legal__body a{color:var(--blue-text);font-weight:800}@media (max-width: 1180px){.shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.rail{display:none}.learn__goal{display:block}}@media (max-width: 900px){.shell{display:block}.sidebar{display:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;height:var(--topbar-h);padding:0 12px;background:var(--bg);border-bottom:2px solid var(--border)}.topbar .chips{width:100%}.topbar .chip--license{margin-right:auto}.tabbar{position:fixed;inset:auto 0 0 0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:2px solid var(--border)}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:800;color:var(--text-3)}.tab__icon{display:grid;place-items:center;width:54px;height:40px;border-radius:12px;border:2px solid transparent;color:var(--nav);opacity:.55}.tab.is-active{color:var(--blue-text)}.tab.is-active .tab__icon{background:var(--blue-soft);border-color:var(--blue-line);opacity:1}.main__inner{padding:18px 16px 120px}.unit__head{top:calc(var(--topbar-h) + 10px)}.sheet-backdrop{align-items:flex-end;padding:0}.sheet{max-width:none;border-radius:24px 24px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.sheet__grip{display:block;width:40px;height:5px;margin:10px auto 0;border-radius:999px;background:var(--border)}.sheet__head{padding-top:10px}.exam-grid,.home-top{grid-template-columns:1fr}}@media (max-width: 600px){.page-title{font-size:25px}.box{padding:16px}.chart{grid-template-columns:38px 1fr;grid-template-rows:170px auto}.tiles{gap:10px}.tile-stat{padding:12px;gap:10px}.profile-head__avatar{width:96px;height:96px}.profile-head__avatar .mascot{width:78px;height:78px}.practice-card{min-height:124px;padding:16px}.stat-pair{gap:10px}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}.level-steps__step small{display:none}.fact-card{grid-template-columns:1fr}.fact-card__scene{max-width:260px}.splash__title{font-size:34px}.question__text{font-size:21px}.question__image img{width:130px;height:130px}.quiz__body{padding:8px 16px 130px}.quiz__body--sheet{padding-bottom:380px}.quiz__hint,.hide-mobile{display:none}.quiz__footer-inner{flex-direction:column;align-items:stretch;gap:14px}.quiz__footer-inner>.btn{width:100%}.quiz__footer-inner--exam{flex-direction:row;align-items:center}.quiz__footer-inner--exam>.btn{width:auto;flex:1}.verdict__btn{min-width:0}.lesson-card{padding:14px}.lesson-card__title{font-size:21px}.lesson-card__text{font-size:17px}.sign-row img{width:78px;height:78px}.speech__bubble{font-size:17px;padding:12px 14px}.speech .mascot{width:76px;height:76px}}@media (max-width: 370px){.unit__mascot{display:none}.chip{padding:0 6px}}@media (max-width: 520px){.splash__extra{display:none}}@media (min-width: 1100px){:root{--sidebar-w: 280px;--rail-w: 390px}.sidebar{padding:34px 20px;gap:34px}.sidebar .logo__text{font-size:25px}.sidebar .logo-mark{width:38px;height:38px}.nav-item{height:62px;gap:18px;font-size:16px}.nav-item__icon svg{width:30px;height:30px}.main__inner{max-width:860px;padding:40px 44px 96px}.page{zoom:1.08}.learn{zoom:1.18}.page-title{font-size:32px}.practice-grid,.tiles{grid-template-columns:repeat(4,1fr)}.tile-stat{flex-direction:column;align-items:flex-start}.rail{padding:34px 34px 34px 8px;gap:22px;zoom:1.06}.quiz__topbar{max-width:1040px;height:88px;padding:0 32px}.quiz__bar .bar{height:20px}.quiz__body{padding:20px 32px 170px}.quiz__column{max-width:980px;gap:22px}.quiz__footer{padding:24px 32px calc(24px + env(safe-area-inset-bottom))}.quiz__footer-inner{max-width:980px}.question__meta,.lesson__eyebrow{font-size:15px}.question__text{font-size:30px;margin-bottom:28px}.option{min-height:76px;padding:14px 20px 14px 14px;font-size:19px}.option__key{width:40px;height:40px;font-size:16px}.question:has(.question__image),.question:has(.question__scene){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;align-items:start}.question:has(.question__image)>*,.question:has(.question__scene)>*{grid-column:1 / -1}.question .question__image,.question .question__scene{grid-column:1;grid-row:3;margin-bottom:0}.question:has(.question__image) .options,.question:has(.question__scene) .options{grid-column:2;grid-row:3}.question__image{padding:36px}.question__image img{width:230px;height:230px}.verdict__title{font-size:28px}.verdict__text,.verdict__answer{font-size:17px}.verdict__icon{width:60px;height:60px}.lesson-card{padding:28px;gap:14px}.lesson-card:has(.lesson-card__visual){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:36px;align-content:center}.lesson-card:has(.lesson-card__visual)>*{grid-column:2}.lesson-card .lesson-card__visual{grid-column:1;grid-row:1 / span 4;margin-bottom:0;align-self:center}.lesson-card__visual--tip{height:260px}.lesson-card__title{font-size:30px;align-self:end}.lesson-card__text{font-size:20px}.sign-row img{width:120px;height:120px}.result{zoom:1.15}.onboard{max-width:760px}.onboard__body{zoom:1.1}.splash{zoom:1.2}.no-hearts,.streak-screen__body{zoom:1.15}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}