@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ticket-in{0%{opacity:0;transform:translateY(40px)rotate(6deg)}}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-24deg)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 45%, transparent)}50%{box-shadow:0 0 0 10px #0000}}@keyframes ticker{to{transform:translate(-100%)}}@keyframes fill{0%{transform:scaleX(0)}}.reveal{animation:rise .7s var(--ease-out) both;animation-delay:calc(var(--d,0) * 90ms + 60ms)}.hero{gap:var(--s-7);padding:var(--s-6) 0 var(--s-7);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;display:grid;position:relative}.hero:before{content:"";z-index:-1;inset:calc(var(--s-6) * -1) -50vw 0;background:var(--wave);pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#000 10%,#0000 85%);mask-image:linear-gradient(#000 10%,#0000 85%)}.hero h1{margin:var(--s-3) 0 var(--s-4);font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.02}.hero__hl{color:var(--shu);white-space:nowrap;position:relative}.hero__hl svg{width:108%;height:.4em;position:absolute;bottom:-.16em;left:-4%;overflow:visible}.hero__hl path{fill:none;stroke:var(--sakura);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .9s .55s var(--ease-out) forwards}.hero__sub{color:var(--ink-2);margin-top:.35em;font-size:.46em;font-weight:800;display:block}.hero__lead{font-size:var(--step-1);color:var(--ink-2);max-width:34em}.hero__cta{gap:var(--s-3);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.hero__facts{margin:var(--s-6) 0 0;gap:var(--s-2) var(--s-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.hero__facts li{color:var(--muted);font-size:.85rem;display:grid}.hero__facts b{font:900 1.9rem/1.05 var(--font-head);color:var(--ink)}@media (max-width:960px){.hero{gap:var(--s-6);grid-template-columns:1fr}}@media (max-width:560px){.hero__facts{grid-template-columns:1fr 1fr;display:grid}.hero__cta .btn{flex:100%;justify-content:center}}.ticket-wrap{justify-self:center;width:100%;max-width:470px;position:relative}.ticket-wrap__shadow{background:var(--sakura-soft);border-radius:26px;position:absolute;inset:26px -14px -18px 26px;transform:rotate(4deg)}.ticket{gap:var(--s-4);color:#2a2733;box-shadow:var(--shadow-3);animation:ticket-in 1s .25s var(--ease-out) both;transition:transform .35s var(--ease-spring);background:linear-gradient(135deg,#fff,#fff4e6);border-radius:24px;padding:26px 28px 22px 36px;text-decoration:none;display:grid;position:relative;transform:rotate(-4deg)}.ticket:hover{color:#2a2733;transform:rotate(-2deg)translateY(-6px)}.ticket:before{content:"";background:radial-gradient(circle at 0 50%, var(--bg) 6px, transparent 6.5px) 0 0 / 10px 22px repeat-y;width:10px;position:absolute;top:18px;bottom:18px;left:0}.ticket__hole{background:var(--bg);border-radius:50%;width:20px;height:20px;position:absolute;top:-10px;right:32px;box-shadow:inset 0 2px 3px #00000026}.ticket__top{font:700 .72rem/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#8a8395;justify-content:space-between;align-items:center;display:flex}.ticket__top [lang=ja]{font:700 1rem/1 var(--font-jp);letter-spacing:.3em;color:#e4572e}.ticket__route{align-items:center;gap:var(--s-3);grid-template-columns:1fr auto 1fr;display:grid}.ticket__st{display:grid}.ticket__st b{font:900 2.7rem/1 var(--font-head)}.ticket__st small{color:#6b6577;font-size:.8rem}.ticket__st--end{text-align:right}.ticket__arrow{width:84px;height:18px}.ticket__arrow path{fill:none;stroke:#e4572e;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ticket__line{justify-content:space-between;align-items:center;margin:0 4px;display:flex;position:relative}.ticket__line:before{content:"";background:linear-gradient(90deg,#e2577a,#e8902a,#5e9a3e,#3a8fd6,#7a5bd0);border-radius:6px;height:6px;position:absolute;left:8px;right:8px}.ticket__line i{border:4px solid var(--c);width:24px;height:24px;font:900 .6rem/1 var(--font-head);color:#2a2733;background:#fff;border-radius:50%;place-items:center;font-style:normal;display:grid;position:relative}.ticket__line i.is-open{background:var(--c);color:#fff;animation:2.4s 1.4s infinite pulse}.ticket__foot{padding-top:var(--s-3);color:#6b6577;border-top:2px dashed #e9ddca;justify-content:space-between;align-items:end;font-size:.85rem;display:flex}.ticket__price b{font:900 1.4rem/1.1 var(--font-head);color:#2a2733;display:block}.ticket__stamp{color:#d6332a;width:76px;height:76px;font:600 .62rem/1.15 var(--font-ui);text-align:center;opacity:.85;animation:stamp .5s 1.1s var(--ease-out) both;border:3px solid #d6332a;border-radius:50%;align-content:center;place-items:center;display:grid;transform:rotate(12deg)}.ticket__stamp b{font:800 1.1rem/1 var(--font-mincho)}.today{gap:var(--s-5);grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;display:grid}@media (max-width:960px){.today{grid-template-columns:1fr}}.board{gap:var(--s-3);padding:var(--s-5);border-radius:var(--r-3);color:#fff;background:linear-gradient(180deg, var(--board), var(--board-2));box-shadow:var(--shadow-2), inset 0 0 0 1px #ffffff0f;grid-template-columns:minmax(0,1fr);align-content:start;display:grid}:root[data-theme=dark] .board{box-shadow:var(--shadow-2), inset 0 0 0 1px #ffc85c38}.board__head{font:700 .76rem/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#9aa6d6;justify-content:space-between;align-items:center;display:flex}.board__clock{font:800 1.15rem/1 var(--font-ui);color:var(--led);letter-spacing:.08em;font-variant-numeric:tabular-nums}.board__row{gap:var(--s-4);padding:var(--s-3) var(--s-4);background:#ffffff0d;border-radius:14px;grid-template-columns:84px minmax(0,1fr) auto auto;align-items:center;display:grid}.board__tag{background:var(--c);font:800 .72rem/1 var(--font-ui);text-align:center;letter-spacing:.04em;border-radius:8px;padding:6px 8px}.board__dest{min-width:0;display:grid}.board__dest b{font:700 1.12rem/1.3 var(--font-jp);color:#ffe9b0}.board__dest>span{color:#aeb7dd;font-size:.8rem}.board__time{font:900 1.3rem/1 var(--font-head);color:var(--led);text-align:right}.board__time small{font:600 .68rem/1.3 var(--font-ui);color:#8e97b8;display:block}.board__go{border-radius:var(--r-pill);background:var(--led);color:#1d2547;white-space:nowrap;transition:transform .2s var(--ease-spring);padding:.55rem 1rem;font-size:.86rem;font-weight:800;text-decoration:none}.board__go:hover{color:#1d2547;transform:translateY(-2px)}.board__ticker{white-space:nowrap;padding-top:var(--s-3);color:var(--led);border-top:1px dashed #ffffff24;font-size:.84rem;overflow:hidden}.board__ticker span{padding-left:100%;animation:26s linear infinite ticker;display:inline-block}@media (max-width:560px){.board__row{grid-template-columns:70px minmax(0,1fr)}.board__time{display:none}.board__go{grid-column:2;justify-self:start}}.streak{gap:var(--s-3);padding:var(--s-5);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-1), var(--ring);align-content:start;display:grid}.streak .eyebrow{margin:0}.streak__n{color:var(--ink-2);margin:0}.streak__n b{font:900 3.2rem/1 var(--font-head);color:var(--shu);margin-right:.3rem}.streak__week{grid-template-columns:repeat(7,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.streak__week li{aspect-ratio:1;background:var(--bg-2);color:var(--muted);font:700 .72rem/1 var(--font-ui);border-radius:50%;place-items:center;display:grid}.streak__week li.is-on{background:var(--shu);color:#fff}.streak__week li.is-today{box-shadow:0 0 0 3px var(--shu)}.streak__xp{color:var(--muted);margin:0;font-size:.9rem}.streak__xp b{color:var(--ink)}.route{padding:var(--s-6) var(--s-6) var(--s-5);background:var(--surface);box-shadow:var(--shadow-2), var(--ring);border-radius:32px;position:relative;overflow:hidden}.route__legend{margin:0 0 var(--s-6);color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;padding:0;font-size:.84rem;list-style:none;display:flex}.route__legend li{align-items:center;gap:8px;display:inline-flex}.route__legend li:before{content:"";background:var(--c);border-radius:4px;width:16px;height:6px}.route__track{row-gap:var(--s-7);grid-template-columns:repeat(9,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.stop{animation:pop .5s var(--ease-spring) both;animation-delay:calc(var(--i) * 45ms + .2s);position:relative}.stop:before{content:"";background:var(--c);border-radius:4px;height:8px;position:absolute;top:18px;left:50%;right:-50%}.stop:nth-child(9n):before,.stop:last-child:before{display:none}.stop>a,.stop>span{text-align:center;color:inherit;justify-items:center;gap:6px;text-decoration:none;display:grid;position:relative}.stop__dot{background:var(--surface);border:5px solid var(--c);width:44px;height:44px;font:900 1rem/1 var(--font-head);transition:transform .25s var(--ease-spring);border-radius:50%;place-items:center;display:grid}.stop a:hover .stop__dot{transform:scale(1.15)}.stop--done .stop__dot{background:var(--c);color:#fff}.stop--here .stop__dot{animation:2.2s infinite pulse}.stop--here>a:after{content:"Bạn đang ở đây";white-space:nowrap;background:var(--ink);color:var(--bg);font:700 .68rem/1 var(--font-ui);border-radius:6px;padding:4px 8px;position:absolute;top:-30px}.stop__name{font:700 .9rem/1.3 var(--font-jp);padding:0 2px}.stop__vi{color:var(--muted);font-size:.74rem;line-height:1.3}@media (max-width:1100px){.route__track{grid-template-columns:repeat(6,minmax(0,1fr))}.stop:nth-child(9n):before{display:block}.stop:nth-child(6n):before,.stop:last-child:before{display:none}}@media (max-width:640px){.route{padding:var(--s-5) var(--s-4);border-radius:var(--r-3)}.route__track{grid-template-columns:1fr;row-gap:0}.stop:before,.stop:nth-child(9n):before,.stop:nth-child(6n):before{width:8px;height:auto;display:block;inset:0 auto 0 18px}.stop:first-child:before{top:22px}.stop:last-child:before{display:none}.stop>a,.stop>span{text-align:left;justify-items:start;column-gap:var(--s-3);padding-bottom:var(--s-4);grid-template-columns:44px 1fr;row-gap:0}.stop__dot{grid-row:span 2}.stop--here>a:after{grid-column:2;justify-self:start;margin-top:4px;position:static}}.route--soon{background:repeating-linear-gradient(-45deg, var(--surface), var(--surface) 14px, var(--bg-2) 14px, var(--bg-2) 28px)}.route__tape{margin:0 calc(var(--s-6) * -1) var(--s-6);background:var(--yamabuki);color:#3b2a00;font:800 .8rem/1 var(--font-ui);letter-spacing:.2em;white-space:nowrap;padding:8px 0;display:block;overflow:hidden;transform:rotate(-1.2deg)}.stop--soon:before{background:repeating-linear-gradient(90deg, var(--c) 0 10px, transparent 10px 18px);opacity:.6}.stop--soon .stop__dot{color:var(--muted);border-style:dashed}.stop--soon .stop__name{color:var(--muted);font-size:.8rem}.station-head{--c:var(--shu);align-items:center;gap:var(--s-3);margin:0 0 var(--s-4);font-size:var(--step-2);display:flex}.station-head__dot{border:5px solid var(--c);background:var(--surface);width:40px;height:40px;font:900 .95rem/1 var(--font-head);border-radius:50%;flex:none;place-items:center;display:grid}.station-head__vi{color:var(--muted)}.rally{padding:var(--s-5);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2), var(--ring);container-type:inline-size}.rally__title{justify-content:space-between;align-items:baseline;gap:var(--s-3);font-size:var(--step-1);margin-bottom:var(--s-4);display:flex}.rally__title small{font:600 .8rem/1 var(--font-ui);color:var(--muted)}.rally__grid{grid-template-columns:repeat(6,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.rally__grid li{aspect-ratio:1;font:700 .72rem/1 var(--font-ui);border-radius:50%;place-items:center;display:grid}.rally__slot{border:2px dashed var(--line-2);color:var(--muted)}.rally__stamp{border:3px solid var(--c);color:var(--c);background:color-mix(in srgb, var(--c) 10%, var(--surface));transform:rotate(var(--rot));animation:stamp .45s var(--ease-out) both}.rally__stamp span{font:800 6cqi/1 var(--font-mincho)}@container (min-width:700px){.rally__grid{grid-template-columns:repeat(9,1fr);gap:14px}.rally__stamp span{font-size:4.2cqi}.rally__grid li{font-size:.85rem}}.sign{--c:var(--shu);margin-bottom:var(--s-2);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--shadow-2), var(--ring);border-top:14px solid var(--c);overflow:hidden}.sign__body{padding:var(--s-6) var(--s-5) var(--s-4);text-align:center;justify-items:center;gap:4px;display:grid}.sign__no{border:4px solid var(--c);width:58px;height:58px;font:900 1.15rem/1 var(--font-head);margin-bottom:var(--s-2);border-radius:14px;place-items:center;display:grid}.sign__no small{color:var(--muted);font-size:.55rem}.sign__jp{font:900 clamp(2rem, 4.6vw, 3.3rem)/1.25 var(--font-jp);letter-spacing:.06em;margin:0}.sign__romaji{color:var(--muted);letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:.78rem}.sign__vi{font:800 var(--step-1)/1.3 var(--font-head);max-width:40ch;margin:4px 0 0}.sign__chips{margin-top:var(--s-3);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sign__nav{border-top:3px solid var(--c);grid-template-columns:1fr 1fr;display:grid}.sign__nav>*{padding:var(--s-3) var(--s-5);color:var(--muted);gap:2px;font-size:.76rem;text-decoration:none;display:grid}.sign__nav a:hover{background:var(--bg-2);color:var(--muted)}.sign__nav b{font:700 1rem/1.3 var(--font-jp);color:var(--ink)}.sign__nav>:last-child{text-align:right;border-left:1px solid var(--line)}.lines{gap:var(--s-3);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.line{height:100%;padding:var(--s-5) var(--s-4) var(--s-4);background:var(--surface);box-shadow:var(--shadow-1), var(--ring);color:inherit;border-top:6px solid var(--c);transition:transform .22s var(--ease-out), box-shadow .22s;border-radius:20px;align-content:start;gap:6px;text-decoration:none;display:grid;position:relative;overflow:hidden}.line:hover{box-shadow:var(--shadow-2), var(--ring);color:inherit;transform:translateY(-4px)}.line__level{font:900 2rem/1 var(--font-head);color:var(--c)}.line__name{font-weight:700;line-height:1.3}.line small{color:var(--muted);font-size:.78rem}.line__go{margin-top:var(--s-2);color:var(--shu);font-size:.9rem;font-weight:800}.line--soon{background:repeating-linear-gradient(-45deg, var(--surface), var(--surface) 12px, var(--bg-2) 12px, var(--bg-2) 24px)}.line__soon{margin-top:var(--s-2);background:var(--yamabuki);color:#3b2a00;font:700 .7rem/1.2 var(--font-ui);border-radius:6px;justify-self:start;padding:4px 8px;font-style:normal}@media (max-width:1020px){.lines{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.lines{grid-template-columns:1fr 1fr}}.track-hero{--tc:var(--shu);margin-bottom:var(--s-6);padding:var(--s-7) var(--s-6);background:radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--tc) 22%, transparent), transparent 55%), var(--surface);box-shadow:var(--shadow-2), var(--ring);border-radius:32px;position:relative;overflow:hidden}.track-hero:after{content:attr(data-level);font:900 clamp(8rem, 22vw, 15rem)/1 var(--font-head);color:var(--tc);opacity:.08;pointer-events:none;position:absolute;bottom:-.28em;right:-.05em}.track-hero h1{font-size:var(--step-4);max-width:16ch}.track-hero h1 .muted{margin-top:.3em;font-size:.45em;display:block}.track-hero .page-head__lead{margin-bottom:0}.soon-stamp{z-index:1;right:var(--s-6);top:var(--s-6);writing-mode:vertical-rl;font:800 clamp(1.3rem, 3vw, 2.1rem)/1.1 var(--font-mincho);color:var(--red-pen);border:4px double var(--red-pen);animation:stamp .5s .3s var(--ease-out) both;border-radius:8px;padding:.5rem .3rem;position:absolute;transform:rotate(8deg)}@media (max-width:640px){.track-hero{padding:var(--s-6) var(--s-5);border-radius:var(--r-3)}.soon-stamp{writing-mode:horizontal-tb;margin-bottom:var(--s-3);display:inline-block;position:static;transform:rotate(-4deg)}}.topic{gap:var(--s-5);padding:var(--s-6) 0;border-top:2px dashed var(--line);grid-template-columns:220px minmax(0,1fr);display:grid}.topic:first-of-type{border-top:0}.topic__head{top:calc(var(--header-h) + 1rem);padding:var(--s-4) var(--s-4) var(--s-4) var(--s-5);border-radius:var(--r-2);background:color-mix(in srgb, var(--tc) 12%, var(--surface));box-shadow:inset 6px 0 0 var(--tc);align-self:start;gap:4px;display:grid;position:sticky}.topic__jp{font:700 1.4rem/1.2 var(--font-jp)}.topic__vi{color:var(--ink-2);font-weight:700}.topic__glyph{font:800 2.2rem/1 var(--font-mincho);color:var(--tc);opacity:.35;position:absolute;top:8px;right:12px}@media (max-width:760px){.topic{grid-template-columns:1fr}.topic__head{position:relative;top:0}}.lesson-card{--tc:var(--shu);gap:var(--s-4);grid-template-columns:auto 1fr;align-items:center;display:grid}.lesson-card__no{border:5px solid var(--tc);width:54px;height:54px;font:900 1.25rem/1 var(--font-head);background:var(--surface);border-radius:50%;place-items:center;display:grid}.lesson-card__jp{font:700 1.15rem/1.35 var(--font-jp)}.lesson-card__vi{color:var(--ink-2);font-size:.92rem;line-height:1.35}.lesson-card__meta{margin-top:var(--s-2);flex-wrap:wrap;gap:.35rem;display:flex}.ai{margin:var(--s-8) calc(var(--s-5) * -1) 0;padding:var(--s-8) var(--s-5);background:linear-gradient(180deg, var(--bg-2), color-mix(in srgb, var(--bg-2) 60%, var(--bg)));border-radius:40px;position:relative}.ai__intro{gap:var(--s-6);margin-bottom:var(--s-7);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;display:grid}.ai__intro h2{font-size:var(--step-3)}.ai__intro p{color:var(--ink-2);font-size:var(--step-0);max-width:46ch;margin:0}.ai__aside{gap:var(--s-4);justify-items:start;display:grid}.scale{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scale li{border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1), var(--ring);align-items:baseline;gap:6px;padding:.45rem .85rem;font-size:.88rem;display:inline-flex}.scale b{font:900 1rem/1 var(--font-head);color:var(--c)}@media (max-width:900px){.ai__intro{grid-template-columns:1fr}}.sheets{gap:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin:0;padding:0;list-style:none;display:grid}.sheet{gap:var(--s-2);padding:var(--s-5) var(--s-5) var(--s-4);background:var(--surface);box-shadow:var(--shadow-2);transform:rotate(var(--r,0deg)) translateY(var(--y,0));transition:transform .3s var(--ease-out);animation:rise .8s var(--ease-out) both;animation-delay:calc(var(--i) * .15s + .15s);border-radius:18px;display:grid;position:relative}.sheet:first-child{--r:-1.4deg}.sheet:nth-child(2){--r:1.2deg;--y:22px}.sheet:nth-child(3){--r:-.8deg}.sheet:hover{transform:rotate(0)translateY(-6px)}.sheet:before{content:"";background:color-mix(in srgb, var(--c) 42%, transparent);border-radius:3px;width:92px;height:24px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg)}.sheet__task{color:var(--muted);margin:0;font-size:.8rem}.sheet__q{font:700 1.05rem/1.4 var(--font-ui);margin:0}.sheet__answer{margin:var(--s-2) 0;font:600 1.35rem/1.75 var(--font-hand);background:linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 100% 30px, linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 30px 100%, var(--surface-2);border-radius:10px;padding:.7rem .9rem}@media (max-width:1100px){.ai{margin-inline:calc(var(--s-4) * -1);padding-inline:var(--s-4);border-radius:var(--r-3)}.sheets{scroll-snap-type:x mandatory;padding:var(--s-3) var(--s-1) var(--s-5);scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(300px,62%);grid-auto-flow:column;overflow-x:auto}.sheet{scroll-snap-align:center;--r:0deg!important;--y:0!important}}@media (max-width:640px){.sheets{grid-auto-columns:86%}}