@font-face{font-family:Noto Sans Sinhala;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/noto-sans-sinhala-sinhala-400-normal.B-I-Ey6b.woff2) format("woff2"),url(/_astro/noto-sans-sinhala-sinhala-400-normal.C8XOyZMO.woff) format("woff")}@font-face{font-family:Noto Sans Sinhala;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/noto-sans-sinhala-sinhala-800-normal.CHq9e5l4.woff2) format("woff2"),url(/_astro/noto-sans-sinhala-sinhala-800-normal.DNr2chw_.woff) format("woff")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/zenmaru-500.woff2) format("woff2");unicode-range:U+0020-017F,U+2010-2044,U+2190-2193,U+3000-30FF}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/zenmaru-500-kanji.woff2) format("woff2");unicode-range:U+4E00-9FFF,U+FF00-FFEF}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/zenmaru-900.woff2) format("woff2");unicode-range:U+0020-017F,U+2010-2044,U+2190-2193,U+3000-30FF}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/zenmaru-900-kanji.woff2) format("woff2");unicode-range:U+4E00-9FFF,U+FF00-FFEF}@font-face{font-family:Yuji Syuku;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/yujisyuku-400.woff2) format("woff2");unicode-range:U+3000-30FF}@font-face{font-family:Yuji Syuku;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/yujisyuku-400-kanji.woff2) format("woff2");unicode-range:U+4E00-9FFF,U+FF00-FFEF}:root{--ink: #1e2b4a;--ink-soft: #4b5774;--shu: #c93b22;--shu-deep: #a52f1a;--kin: #f2c230;--mist: #eef2f7;--paper: #ffffff;--matcha: #5e8c4a;--line: rgba(30, 43, 74, .14);--grid: rgba(224, 69, 43, .22);--font: "Zen Maru Gothic", "Noto Sans Sinhala", system-ui, sans-serif;--font-si: "Noto Sans Sinhala", "Zen Maru Gothic", sans-serif;--brush: "Yuji Syuku", "Zen Maru Gothic", serif;--step--1: .875rem;--step-0: 1.0625rem;--step-1: 1.33rem;--step-2: 1.66rem;--step-3: clamp(1.9rem, 3.4vw, 2.6rem);--step-4: clamp(2.4rem, 5.5vw, 4rem);--step-5: clamp(3rem, 8.5vw, 6.2rem);--wrap: 1180px;--ease-out: cubic-bezier(.22, 1, .36, 1);--radius-s: 6px;--radius-m: 14px;--sky-top: #fbd9a4;--sky-bottom: #fff3e2;--accent: #c8402b;--accent-soft: #f9dfd6;--tree-a: #d9452e;--tree-b: #f08a3c;--hill-far: #9fb3c8;--hill-near: #5d7a6e;--sun: #e0452b;--water: #b9cfe0}html[data-season=spring]{--sky-top: #cfe6f7;--sky-bottom: #fde8ef;--accent: #d9577f;--accent-soft: #fde3ec;--tree-a: #f6b6c8;--tree-b: #f9d3de;--hill-far: #a9c2da;--hill-near: #6f9a6a;--sun: #e0452b;--water: #bcd8ee}html[data-season=summer]{--sky-top: #6ec3f0;--sky-bottom: #dff4fc;--accent: #1f8a70;--accent-soft: #d8f1e8;--tree-a: #3f9a52;--tree-b: #79bf5b;--hill-far: #7ea7c6;--hill-near: #3f7a55;--sun: #e0452b;--water: #8fcbea}html[data-season=winter]{--sky-top: #c3d2e6;--sky-bottom: #f5f8fc;--accent: #3e6fa8;--accent-soft: #e0eaf6;--tree-a: #e9eef5;--tree-b: #ffffff;--hill-far: #b4c3d6;--hill-near: #8099ad;--sun: #d24a3a;--water: #c9d9ea}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:var(--step-0);line-height:1.75;color:var(--ink);background:var(--paper);font-weight:500;overflow-x:hidden}:lang(si),.si{font-family:var(--font-si);line-height:1.8}img,svg{display:block;max-width:100%}a{color:inherit}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;font-weight:900;letter-spacing:-.01em}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0 0 1em;max-width:68ch}:focus-visible{outline:3px solid var(--shu);outline-offset:3px;border-radius:4px}.wrap{width:min(100% - 2rem,var(--wrap));margin-inline:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:1rem;top:-4rem;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:100;border-radius:var(--radius-s)}.skip:focus{top:1rem}section{padding-block:clamp(3.5rem,8vw,6.5rem)}.lede{font-size:var(--step-1);color:var(--ink-soft);line-height:1.6}.muted{color:var(--ink-soft)}.jp{font-family:var(--brush);font-weight:400}.sec-head{display:grid;grid-template-columns:auto 1fr;gap:0 1.25rem;align-items:end;margin-bottom:2.5rem}.sec-head .jp{font-size:clamp(3rem,7vw,5rem);line-height:.9;color:var(--accent);grid-row:span 2;transition:color .6s}.sec-head h2{margin:0}.sec-head p{margin:.35rem 0 0;color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.4rem;border-radius:999px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;border:2px solid var(--ink);background:var(--ink);color:#fff;transition:transform .2s var(--ease-out),background-color .2s,color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 -2px var(--kin)}.btn:active{transform:translateY(0) scale(.98);box-shadow:none}.btn.alt{background:transparent;color:var(--ink)}.btn.shu{background:var(--shu);border-color:var(--shu)}.btn svg{width:1.1em;height:1.1em}.ribbon{background:var(--ink);color:#fff;font-size:var(--step--1);overflow:hidden;position:relative;z-index:30}.ribbon a{text-decoration:none;display:block}.ribbon-track{display:flex;width:max-content;animation:ribbon 38s linear infinite}.ribbon:hover .ribbon-track{animation-play-state:paused}.ribbon-item{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 2rem;white-space:nowrap}.ribbon-item .live{width:.55rem;height:.55rem;border-radius:50%;background:var(--kin);box-shadow:0 0 #f2c230b3;animation:pulse 2s infinite}.ribbon-item b{color:var(--kin)}@keyframes ribbon{to{transform:translate(-50%)}}@keyframes pulse{70%{box-shadow:0 0 0 8px #f2c23000}to{box-shadow:0 0 #f2c23000}}.site-header{position:sticky;top:0;z-index:20;background:#ffffffdb;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:900;font-size:1.1rem}.hanko{display:grid;place-items:center;width:2.6rem;height:2.6rem;background:var(--shu);color:#fff;border-radius:8px;font-family:var(--brush);font-size:.72rem;line-height:1.02;writing-mode:vertical-rl;text-orientation:upright;box-shadow:inset 0 0 0 2px #ffffff59;transform:rotate(-4deg)}.brand small{display:block;font-weight:500;font-size:.72rem;color:var(--ink-soft);margin-top:-.2rem}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.nav-links a{text-decoration:none;padding:.5rem .8rem;border-radius:999px;font-weight:700;font-size:.95rem;transition:background-color .2s}.nav-links a:hover{background:var(--mist)}.nav-links a[aria-current=page]{background:var(--accent-soft);color:var(--ink)}.nav-call{margin-left:.5rem;padding:.55rem 1rem!important;background:var(--shu);color:#fff!important}.nav-call:hover{background:var(--shu-deep)!important}.menu-btn{display:none;background:none;border:2px solid var(--ink);border-radius:10px;width:2.75rem;height:2.75rem;cursor:pointer;color:var(--ink)}.menu-btn span{display:block;width:1.2rem;height:2px;background:currentColor;margin:4px auto;transition:transform .25s var(--ease-out),opacity .2s}@media(max-width:900px){.menu-btn{display:block}.nav-links{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:.75rem 1rem 1.25rem;gap:.25rem;transform-origin:top;transform:scaleY(.96);opacity:0;visibility:hidden;transition:opacity .2s,transform .25s var(--ease-out),visibility 0s .25s}.nav-links a{display:block;padding:.8rem 1rem}.nav-call{margin:.5rem 0 0;text-align:center}.nav[data-open=true] .nav-links{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s var(--ease-out)}.nav[data-open=true] .menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav[data-open=true] .menu-btn span:nth-child(2){opacity:0}.nav[data-open=true] .menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.hero{position:relative;overflow:hidden;padding:0;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));min-height:min(88vh,820px);display:flex;isolation:isolate}.scene{position:absolute;inset:0;z-index:-2}.scene svg{width:100%;height:100%}.scene stop,.scene path,.scene circle,.scene rect,.scene ellipse{transition:fill .9s ease,stop-color .9s ease}.particles{position:absolute;inset:0;z-index:-1;pointer-events:none}.particles canvas{width:100%;height:100%}.hero-inner{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:start;padding-block:clamp(2.5rem,7vw,5.5rem) clamp(14rem,30vw,20rem)}.season-chip{display:inline-flex;align-items:center;gap:.6rem;background:#ffffffbf;border:1px solid var(--line);padding:.35rem .9rem .35rem .4rem;border-radius:999px;font-size:var(--step--1);font-weight:700;margin-bottom:1.4rem;backdrop-filter:blur(6px)}.season-chip .jp{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--accent);color:#fff;font-size:1.05rem;transition:background-color .6s}.hero h1{margin:0 0 1.2rem}.h1-si{display:block;font-family:var(--font-si);font-size:var(--step-5);line-height:1.05;font-weight:800;letter-spacing:-.02em}.h1-si span{background:linear-gradient(transparent 68%,var(--kin) 68%,var(--kin) 86%,transparent 86%);padding-inline:.1em}.h1-en{display:block;font-size:var(--step-2);font-weight:900;margin-top:.6rem;max-width:22ch;line-height:1.25}.hero .lede{max-width:46ch;color:var(--ink)}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.vertical-cheer{justify-self:end;margin:0;position:relative;writing-mode:vertical-rl;font-family:var(--brush);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;color:var(--ink);letter-spacing:.1em;background:#fffdf6;padding:1.4rem .7rem 1.6rem;border-top:6px solid var(--accent);box-shadow:0 10px 24px -10px #1e2b4a59;transform-origin:50% -3rem;transition:border-color .6s}.vertical-cheer:before{content:"";position:absolute;left:50%;top:-3rem;height:3rem;border-left:1.5px solid rgba(30,43,74,.55)}.vertical-cheer:after{content:"";position:absolute;left:calc(50% - 4px);top:.35rem;width:8px;height:8px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px #1e2b4a66}@media(prefers-reduced-motion:no-preference){.vertical-cheer{animation:sway 6s ease-in-out 1.6s infinite}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.season-switch{position:absolute;left:0;right:0;bottom:1.25rem;z-index:2}.season-switch .wrap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.season-switch p{margin:0 .25rem 0 0;font-size:var(--step--1);font-weight:700;color:var(--ink)}.season-btn{font:inherit;display:inline-flex;align-items:center;gap:.4rem;border:0;background:#ffffffd1;color:var(--ink);padding:.35rem .85rem .35rem .45rem;border-radius:999px;cursor:pointer;font-size:var(--step--1);font-weight:700;transition:background-color .2s,transform .2s var(--ease-out);backdrop-filter:blur(6px)}.season-btn .jp{font-size:1.1rem;width:1.6rem;text-align:center}.season-btn:hover{transform:translateY(-2px)}.season-btn[aria-pressed=true]{background:var(--ink);color:#fff}@media(prefers-reduced-motion:no-preference){.hero .layer{animation:rise 1.4s var(--ease-out) both;transform-box:fill-box}.hero .layer-far{animation-delay:.05s}.hero .layer-fuji{animation-delay:.15s}.hero .layer-near{animation-delay:.3s}.hero .layer-front{animation-delay:.45s}.hero .layer-sun{animation:sunrise 1.8s var(--ease-out) .2s both}.hero-copy>*{animation:copyIn .9s var(--ease-out) both}.hero-copy>*:nth-child(2){animation-delay:.25s}.hero-copy>*:nth-child(3){animation-delay:.4s}.hero-copy>*:nth-child(4){animation-delay:.55s}}@keyframes rise{0%{transform:translateY(60px);opacity:0}}@keyframes sunrise{0%{transform:translateY(120px);opacity:0}}@keyframes copyIn{0%{transform:translateY(18px);opacity:0}}@media(min-width:821px)and (max-aspect-ratio:3/2){.hero{min-height:0}.scene{top:auto;height:27rem}.hero-inner{padding-bottom:25rem}}@media(max-width:820px){.hero{min-height:0}.scene{top:auto;height:17rem}.hero-inner{grid-template-columns:1fr;padding-bottom:15rem}.vertical-cheer{position:absolute;right:1rem;top:3.5rem;font-size:1.15rem;padding:.9rem .45rem 1rem}.h1-en{max-width:18ch}.hero-copy{padding-right:3.2rem}}.page-head{position:relative;overflow:hidden;padding-block:clamp(3rem,8vw,5.5rem) clamp(3rem,6vw,4.5rem);background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));isolation:isolate;transition:background .9s}.page-head .big-jp{position:absolute;right:-1rem;bottom:-2.5rem;font-family:var(--brush);font-size:clamp(9rem,26vw,19rem);line-height:1;color:#ffffff8c;z-index:-1;pointer-events:none}.page-head h1{font-size:var(--step-4);max-width:18ch;margin-bottom:.4em}.page-head .si{font-size:var(--step-1);font-weight:700;margin-bottom:.6rem;display:block;color:var(--ink-soft)}.tickets{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr))}.ticket{--notch: 14px;position:relative;display:grid;grid-template-columns:9.5rem 1fr;background:var(--paper);border-radius:var(--radius-m);filter:drop-shadow(0 1px 0 var(--line)) drop-shadow(0 14px 24px rgba(30,43,74,.1));-webkit-mask:radial-gradient(circle var(--notch) at 9.5rem 0,transparent 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 9.5rem 100%,transparent 98%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at 9.5rem 0,transparent 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at 9.5rem 100%,transparent 98%,#000) bottom / 100% 51% no-repeat}.ticket-stub{background:var(--ink);color:#fff;display:grid;place-content:center;justify-items:center;padding:1.5rem .75rem;text-align:center;border-radius:var(--radius-m) 0 0 var(--radius-m);border-right:2px dashed rgba(255,255,255,.35)}.ticket[data-level="O/L"] .ticket-stub{background:var(--shu)}.ticket-stub .day-kanji{font-family:var(--brush);font-size:4.2rem;line-height:1}.ticket-stub .day-suffix{font-family:var(--brush);font-size:1.1rem}.ticket-stub .day-en{font-weight:700;margin-top:.4rem;font-size:.95rem}.ticket-stub .day-si{font-size:.82rem}.ticket-body{padding:1.5rem 1.75rem 1.5rem 2rem;display:grid;gap:.65rem}.ticket-top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.level{font-weight:900;font-size:.85rem;padding:.2rem .7rem;border-radius:999px;background:var(--kin);color:var(--ink)}.ticket h3{font-size:var(--step-2);margin:0}.ticket-meta{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;color:var(--ink-soft);font-weight:700}.ticket-meta span{display:inline-flex;align-items:center;gap:.4rem}.ticket-meta svg{width:1.05rem;height:1.05rem;color:var(--accent)}.next-class{font-size:var(--step--1);font-weight:700;color:#3d6a2c;min-height:1.5em}.next-class.now{color:var(--shu)}.tokyo-time{font-size:var(--step--1);color:var(--ink-soft)}.conducted{display:flex;align-items:center;gap:.8rem;padding-top:.8rem;margin-top:.2rem;border-top:1px dashed var(--line)}.conducted .seal{flex:none;width:2.6rem;height:2.6rem;border:2px solid var(--shu);color:var(--shu);border-radius:50%;display:grid;place-items:center;font-family:var(--brush);font-size:.8rem;line-height:1;writing-mode:vertical-rl;transform:rotate(-8deg)}.conducted small{display:block;color:var(--ink-soft);font-size:.8rem;line-height:1.3}.conducted strong{font-size:1.02rem}@media(max-width:620px){.ticket{grid-template-columns:1fr;-webkit-mask:none;mask:none}.ticket-stub{grid-auto-flow:column;gap:.8rem;align-items:center;border-radius:var(--radius-m) var(--radius-m) 0 0;border-right:0;border-bottom:2px dashed rgba(255,255,255,.35);padding:1rem}.ticket-stub .day-kanji{font-size:2.8rem}.ticket-body{padding:1.25rem}}.genko{background-color:#fffdfa;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}.cells{display:inline-flex;gap:6px}.cell{width:1.05em;height:1.3em;display:grid;place-items:center;border:2px solid var(--shu);background:#fff;font-variant-numeric:tabular-nums;position:relative}.cell:after{content:"";position:absolute;inset:50% 0 auto;border-top:1px dashed rgba(224,69,43,.3)}.countdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.countdown{position:relative;overflow:hidden;background:#fff;border:2px solid var(--ink);border-radius:var(--radius-m);padding:1.75rem;box-shadow:8px 8px 0 var(--ink)}.countdown h3{margin:0 0 .2rem;font-size:var(--step-2)}.countdown .range{color:var(--ink-soft);font-weight:700;margin-bottom:1.25rem}.countdown .cells{font-size:clamp(2.4rem,6vw,3.6rem);font-weight:900;color:var(--ink);line-height:1}.countdown .range{padding-right:5.5rem}.countdown .unit{font-weight:700;margin-top:.6rem}.countdown .ticker{font-size:var(--step--1);color:var(--ink-soft);font-variant-numeric:tabular-nums}.stamp{position:absolute;right:1.25rem;top:1.25rem;width:5.2rem;height:5.2rem;border:4px double var(--shu);color:var(--shu);border-radius:50%;display:grid;place-items:center;font-family:var(--brush);font-size:1.7rem;line-height:1;writing-mode:vertical-rl;transform:rotate(-14deg);background:#ffffffe6}@media(prefers-reduced-motion:no-preference){.stamp.armed{opacity:0;transform:rotate(-14deg) scale(2.2)}.stamp.armed.in{animation:stampIn .5s cubic-bezier(.3,1.6,.5,1) forwards}}@keyframes stampIn{0%{opacity:0;transform:rotate(-14deg) scale(2.2)}70%{opacity:.95;transform:rotate(-14deg) scale(.94)}to{opacity:1;transform:rotate(-14deg) scale(1)}}.disclaimer{margin-top:2rem;padding:1rem 1.25rem;border-left:4px solid var(--kin);background:#fffaf0;font-size:var(--step--1);color:var(--ink-soft);max-width:75ch;border-radius:0 var(--radius-s) var(--radius-s) 0}.disclaimer p{margin:0 0 .4rem}.disclaimer a{color:var(--ink);font-weight:700}.clocks{display:grid;grid-template-columns:1fr auto 1fr;gap:1.25rem;align-items:stretch}.clock{border-radius:var(--radius-m);padding:1.75rem;color:var(--ink);position:relative;overflow:hidden;transition:background .9s}.clock[data-night=true]{color:#fff}.clock-city{display:flex;align-items:baseline;gap:.6rem;font-weight:900;font-size:var(--step-1)}.clock-city .local{font-family:var(--brush);font-weight:400;font-size:1.6rem}.clock-time{font-size:clamp(2.6rem,6vw,4rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1;margin:.5rem 0 .2rem}.clock-time small{font-size:.45em;font-weight:700;opacity:.7}.clock-date{font-weight:700;opacity:.8}.clock-season{margin-top:1.25rem;padding-top:1rem;border-top:1px solid currentColor;border-color:#7f7f7f4d;display:flex;gap:.9rem;align-items:center}.clock-season .jp{font-size:2.4rem;line-height:1}.clock-season b{display:block}.clock-season span{font-size:var(--step--1);opacity:.85}.clock .orb{position:absolute;right:1.5rem;top:1.5rem;width:3rem;height:3rem;border-radius:50%;transition:background .9s,box-shadow .9s}.clock[data-night=false] .orb{background:#ffd34d;box-shadow:0 0 0 10px #ffd34d40,0 0 0 22px #ffd34d1f}.clock[data-night=true] .orb{background:#f4f1de;box-shadow:inset -10px -4px #c9c6b3}.gap{display:grid;place-content:center;text-align:center;font-weight:900;color:var(--ink-soft)}.gap .diff{font-size:var(--step-2);color:var(--ink)}.gap svg{margin:.5rem auto;color:var(--accent)}@media(max-width:760px){.clocks{grid-template-columns:1fr}.gap{padding:.25rem}.gap svg{transform:rotate(90deg)}}.method{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.25rem 2.5rem;padding:2.5rem;border-radius:var(--radius-m)}.method-item{display:grid;grid-template-columns:3.6rem 1fr;gap:1rem;align-items:start}.method-item .k{width:3.6rem;height:3.6rem;display:grid;place-items:center;background:#fff;border:2px solid var(--shu);font-family:var(--brush);font-size:2.1rem;color:var(--ink)}.method-item h3{margin:0 0 .25rem;font-size:1.1rem}.method-item p{margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.65}.wotd{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center}.wotd-card{width:min(320px,80vw);aspect-ratio:3 / 4;border-radius:var(--radius-m);background:var(--ink);color:#fff;display:grid;place-content:center;text-align:center;padding:1.5rem;position:relative;box-shadow:0 24px 40px -18px #1e2b4a8c}.wotd-card .kanji{font-family:var(--font);font-weight:700;font-size:clamp(3.6rem,9vw,5.4rem);line-height:1.1}.wotd-card .kana{color:var(--kin);font-size:1.3rem;font-weight:700;margin-top:.5rem}.wotd-card .si{margin-top:1rem;font-size:1.2rem;font-weight:600}.wotd-card .en{opacity:.7;font-size:.95rem}.wotd-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;pointer-events:none}@media(max-width:720px){.wotd{grid-template-columns:1fr;justify-items:center;text-align:center}.wotd p{margin-inline:auto}}.soon{background:var(--ink);color:#fff;position:relative;overflow:hidden}.soon .sec-head .jp{color:var(--kin)}.soon .sec-head p,.soon .muted{color:#ffffffbf}.soon-list{list-style:none;margin:0 0 2.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));border-top:1px solid rgba(255,255,255,.2)}.soon-list li{padding:1.25rem 1.25rem 1.25rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.soon-list b{display:block;font-size:1.05rem}.soon-list span{color:#ffffffb8;font-size:.95rem}.stay{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;align-items:center;justify-content:space-between;padding:1.75rem 2rem;border-radius:var(--radius-m);background:#ffffff14;border:1px solid rgba(255,255,255,.2)}.stay p{margin:0;font-size:var(--step-1);font-weight:700;max-width:40ch}.stay .si{display:block;font-size:1rem;font-weight:600;color:var(--kin);margin-top:.3rem}.soon .btn{background:#fff;color:var(--ink);border-color:#fff}.soon .big-jp{position:absolute;right:-2rem;top:-3rem;font-family:var(--brush);font-size:16rem;color:#ffffff0a;line-height:1;pointer-events:none}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.chip{font:inherit;font-weight:700;font-size:.92rem;padding:.45rem 1rem;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;transition:background-color .2s,color .2s}.chip[aria-pressed=true]{background:var(--ink);color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.1rem}.flash{perspective:900px;border:0;padding:0;background:none;font:inherit;color:inherit;cursor:pointer;height:210px;text-align:center}.flash[hidden]{display:none}.flash-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s var(--ease-out)}.flash[aria-pressed=true] .flash-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-m);display:grid;place-content:center;padding:1rem;gap:.25rem}.front{background:#fff;border:2px solid var(--ink)}.front .kanji{font-family:var(--font);font-weight:700;font-size:2.8rem;line-height:1.15}.front .hint{font-size:.78rem;color:var(--ink-soft);margin-top:.5rem}.back{background:var(--accent);color:#fff;transform:rotateY(180deg);transition:background-color .6s}.back .kana{font-size:1.35rem;font-weight:900}.back .si{font-size:1.05rem;font-weight:600}.back .en{font-size:.88rem}@media(prefers-reduced-motion:reduce){.flash-inner{transition:none}}.quiz{background:#fff;border:2px solid var(--ink);border-radius:var(--radius-m);padding:clamp(1.25rem,4vw,2.25rem);max-width:720px}.quiz-progress{display:flex;gap:6px;margin-bottom:1.5rem}.quiz-progress i{flex:1;height:6px;border-radius:3px;background:var(--mist);transition:background-color .3s}.quiz-progress i.done{background:var(--matcha)}.quiz-progress i.miss{background:var(--shu)}.quiz-q{font-size:var(--step-1);font-weight:700;margin-bottom:1rem}.quiz-q .jp{font-size:2.6rem;display:block;line-height:1.2}.quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.opt{font:inherit;font-family:var(--font-si);font-weight:600;text-align:left;padding:.9rem 1.1rem;border-radius:10px;border:2px solid var(--line);background:#fff;cursor:pointer;transition:border-color .2s,background-color .2s,transform .15s var(--ease-out);color:var(--ink)}.opt:hover:not(:disabled){border-color:var(--ink)}.opt:active:not(:disabled){transform:scale(.98)}.opt.right{border-color:var(--matcha);background:#e7f2e1}.opt.wrong{border-color:var(--shu);background:#fde6e1}.opt:disabled{cursor:default}.quiz-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.quiz-feedback{font-weight:700;min-height:1.5em}.quiz-result{text-align:center;padding:1rem 0}.quiz-result .score{font-size:var(--step-4);font-weight:900}@media(max-width:520px){.quiz-opts{grid-template-columns:1fr}}.stroke-wrap{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center}.stroke-box{width:min(300px,78vw);aspect-ratio:1;background:#fff;border:3px solid var(--shu);position:relative}.stroke-box:before,.stroke-box:after{content:"";position:absolute;border:0 dashed rgba(224,69,43,.35)}.stroke-box:before{left:50%;top:0;bottom:0;border-left-width:1px}.stroke-box:after{top:50%;left:0;right:0;border-top-width:1px}.stroke-box svg{position:relative;z-index:1;width:100%;height:100%}.stroke-box path{fill:none;stroke:var(--ink);stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}.stroke-box path.ghost{stroke:#e7ebf1}.stroke-box text{font-size:7px;fill:var(--shu);font-family:var(--font);font-weight:700}.kanji-pick{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.25rem}.kanji-pick .chip{font-family:var(--font);font-weight:700;font-size:1.35rem;font-weight:400;padding:.2rem .8rem}.stroke-count{font-weight:700;color:var(--ink-soft)}@media(max-width:720px){.stroke-wrap{grid-template-columns:1fr;justify-items:center}}.roadmap{list-style:none;margin:0;padding:0;counter-reset:step;display:grid;gap:0;border-left:3px solid var(--ink);margin-left:1rem}.roadmap li{position:relative;padding:0 0 2.25rem 2.25rem}.roadmap li:last-child{padding-bottom:0}.roadmap li:before{counter-increment:step;content:counter(step);position:absolute;left:-1.15rem;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--paper);border:3px solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:.9rem}.roadmap li.now:before{background:var(--kin)}.roadmap .when{font-weight:900;color:var(--accent);font-size:.95rem}.roadmap h3{margin:.1rem 0 .3rem}.roadmap p{margin:0;color:var(--ink-soft)}.tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;border-top:2px solid var(--ink)}.tips>div{padding:1.5rem 1.5rem 1.5rem 0;border-bottom:1px solid var(--line)}.tips h3{font-size:1.08rem;margin-bottom:.3rem}.tips p{color:var(--ink-soft);margin:0;font-size:.98rem}.seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.season-card{border-radius:var(--radius-m);padding:1.5rem 1.25rem;position:relative;overflow:hidden;min-height:300px;display:flex;flex-direction:column;border:2px solid transparent;transition:transform .3s var(--ease-out)}.season-card .jp{font-size:4rem;line-height:1;margin-bottom:.75rem}.season-card h3{margin-bottom:.1rem}.season-card .months{font-weight:700;font-size:.9rem;opacity:.8;margin-bottom:.75rem}.season-card p{font-size:.95rem;margin:0 0 .5rem}.season-card.current{border-color:var(--ink);transform:translateY(-6px)}.season-card .now-badge{position:absolute;top:1rem;right:1rem;background:var(--ink);color:#fff;font-size:.78rem;font-weight:700;padding:.15rem .6rem;border-radius:999px}.s-spring{background:linear-gradient(180deg,#fde3ec,#fff)}.s-summer{background:linear-gradient(180deg,#d7f1fb,#fff)}.s-autumn{background:linear-gradient(180deg,#fbdcc4,#fff)}.s-winter{background:linear-gradient(180deg,#e0eaf6,#fff)}@media(max-width:960px){.seasons{grid-template-columns:1fr 1fr}}@media(max-width:520px){.seasons{grid-template-columns:1fr}.season-card{min-height:0}}.culture{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem 2.5rem}.culture-item .phrase{font-family:var(--font);font-weight:700;font-size:2rem;line-height:1.2}.culture-item .reading{color:var(--accent);font-weight:700}.culture-item p{color:var(--ink-soft);margin-top:.5rem}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}.phone-big{display:block;font-size:clamp(2.6rem,8vw,4.6rem);font-weight:900;text-decoration:none;letter-spacing:-.01em;line-height:1.1;margin:.4rem 0 1.25rem;font-variant-numeric:tabular-nums}.phone-big:hover{color:var(--shu)}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem}.venue{border-top:2px solid var(--ink);padding-top:1.25rem;margin-bottom:2rem}.venue h3{margin-bottom:.2rem}.venue .when{font-weight:700;color:var(--ink-soft);margin-bottom:.8rem}.map{width:100%;aspect-ratio:4 / 3;border:0;border-radius:var(--radius-m);background:var(--mist)}@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}.instructor{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:start;padding:2.25rem;border-radius:var(--radius-m);background:var(--mist)}.instructor .seal-lg{width:7.5rem;height:7.5rem;border-radius:50%;border:4px solid var(--shu);color:var(--shu);display:grid;place-items:center;font-family:var(--brush);font-size:2.2rem;writing-mode:vertical-rl;line-height:1;transform:rotate(-6deg);background:#fff}.instructor h3{font-size:var(--step-2);margin-bottom:.1rem}.instructor .role{color:var(--ink-soft);font-weight:700;margin-bottom:1rem}.creds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem 1.5rem}.creds li{padding-left:1.4rem;position:relative;font-size:.97rem}.creds li:before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:.55rem;background:var(--shu);border-radius:2px;transform:rotate(45deg)}@media(max-width:640px){.instructor{grid-template-columns:1fr}.instructor .seal-lg{width:5.5rem;height:5.5rem;font-size:1.6rem}}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.week>div{border-radius:10px;padding:.9rem .5rem;text-align:center;background:var(--mist);min-height:7.5rem}.week .jp{font-size:1.8rem;line-height:1;display:block}.week .d{font-weight:700;font-size:.85rem;display:block;margin-top:.3rem}.week .has{background:var(--ink);color:#fff}.week .has[data-level="O/L"]{background:var(--shu)}.week .slot{display:block;margin-top:.5rem;font-size:.78rem;font-weight:700;line-height:1.35}.week .today{outline:3px solid var(--kin);outline-offset:2px}@media(max-width:720px){.week{grid-template-columns:repeat(4,1fr)}}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;counter-reset:s}.steps li{counter-increment:s;padding-top:3.25rem;position:relative}.steps li:before{content:counter(s);position:absolute;top:0;left:0;width:2.5rem;height:2.5rem;border:2px solid var(--shu);display:grid;place-items:center;font-weight:900;color:var(--shu)}.steps p{color:var(--ink-soft);margin:0}.covers{margin:0;padding-left:1.2rem}.covers li{margin-bottom:.3rem}.covers li::marker{color:var(--accent)}.site-footer{background:#17213a;color:#ffffffd1;padding-block:3.5rem 2rem;font-size:.95rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}.site-footer h2{font-size:1rem;color:#fff;margin-bottom:.8rem}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-base{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;color:#fff9;display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between}.footer-base a{color:#fffc}@media(max-width:760px){.footer-grid{grid-template-columns:1fr}}.bg-mist{background:var(--mist)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:860px){.two-col{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ribbon-track{animation:none}}@media(max-width:620px){.sec-head{grid-template-columns:1fr}.sec-head .jp{grid-row:auto;font-size:2.6rem;margin-bottom:.4rem}.stamp{width:4.2rem;height:4.2rem;font-size:1.35rem;right:.9rem;top:.9rem}.countdown .range{padding-right:4.2rem}.countdown{box-shadow:5px 5px 0 var(--ink)}}.dev-hire{color:var(--kin);font-weight:700;text-decoration:none;border-bottom:1px dashed currentColor;white-space:nowrap}.dev-hire:hover{color:#fff}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem .5rem;margin:0 0 1rem;padding:0;font-size:.85rem;font-weight:700}.crumbs li{color:var(--ink-soft)}.crumbs li+li:before{content:"›";margin-right:.5rem;color:var(--ink-soft)}.crumbs a{color:var(--ink);text-decoration:none}.crumbs a:hover{text-decoration:underline}.si-lede{font-family:var(--font-si);color:var(--ink-soft);max-width:60ch;margin-top:-.25rem}.home-si{font-family:var(--font-si);color:var(--ink);max-width:46ch;margin-top:-.5rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}.footer-base a{text-decoration:underline;text-underline-offset:2px}.chip[aria-selected=true]{background:var(--ink);color:#fff}@media(max-width:520px){.h1-si{font-size:clamp(2.2rem,10.5vw,3rem);white-space:nowrap}.season-chip{font-size:.8rem}}.dock{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;pointer-events:none;transition:transform .35s var(--ease-out)}.dock>*{pointer-events:auto}.dock-btn{font:inherit;font-weight:800;font-size:.92rem;display:inline-flex;align-items:center;gap:.5rem;height:2.9rem;min-width:2.9rem;padding:0 1.05rem 0 .8rem;border-radius:999px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-decoration:none;cursor:pointer;color:#fff;opacity:0;transform:translate(calc(100% + 1.5rem));transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .25s,box-shadow .15s,translate .15s}.dock-btn svg{width:1.3rem;height:1.3rem;flex:none}.dock-btn:hover{translate:-2px -2px;box-shadow:5px 5px 0 var(--ink)}.dock-btn:active{translate:1px 1px;box-shadow:1px 1px 0 var(--ink)}.dock-btn.fb{background:#1877f2}.dock-btn.share{background:var(--shu)}.dock-btn.top{background:var(--ink);padding:0;justify-content:center;width:2.9rem;box-shadow:3px 3px 0 var(--kin)}.dock-btn.top:hover{box-shadow:5px 5px 0 var(--kin)}.dock-btn.top:hover svg{animation:topBob .6s ease-in-out infinite alternate}.dock.on .dock-btn.fb,.dock.on .dock-btn.share,.dock.on .dock-btn.top.on{opacity:1;transform:none}.dock.on .dock-btn.fb{transition-delay:0s,0s,0s,0s}.dock.on .dock-btn.share{transition-delay:.08s,.08s,0s,0s}.dock.dodge{transform:translate(calc(100% + 2rem))}.dock.wiggle .dock-btn.fb svg{animation:fbWiggle .8s ease 1.4s}@keyframes fbWiggle{20%{transform:rotate(-16deg) scale(1.15)}40%{transform:rotate(14deg) scale(1.15)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}@keyframes topBob{to{transform:translateY(-3px)}}.share-wrap{position:relative}.share-menu{position:absolute;right:0;bottom:calc(100% + .6rem);min-width:12.5rem;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);padding:.4rem;display:grid;gap:.15rem;transform-origin:bottom right}.share-menu:not([hidden]){animation:menuPop .3s cubic-bezier(.34,1.56,.64,1)}.share-menu[hidden]{display:none}.share-menu a,.share-menu button{font:inherit;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .75rem;border:0;border-radius:10px;background:none;color:var(--ink);text-decoration:none;cursor:pointer;text-align:left}.share-menu a:hover,.share-menu button:hover,.share-menu :focus-visible{background:var(--mist)}.share-menu svg{width:1.4rem;height:1.4rem;flex:none}.share-menu .done{color:var(--matcha)}@keyframes menuPop{0%{opacity:0;transform:scale(.85) translateY(6px)}}.dock-tip{position:absolute;right:calc(100% + .75rem);top:.2rem;margin:0;width:max-content;max-width:min(15rem,calc(100vw - 6rem));display:flex;align-items:center;gap:.5rem;background:var(--ink);color:#fff;font-size:.85rem;font-weight:700;line-height:1.35;padding:.55rem .5rem .55rem .85rem;border-radius:12px;box-shadow:0 8px 20px -8px #0006}.dock-tip:after{content:"";position:absolute;right:-6px;top:1rem;width:12px;height:12px;background:var(--ink);transform:rotate(45deg);border-radius:2px}.dock-tip[hidden]{display:none}.dock-tip:not([hidden]){animation:tipIn .4s var(--ease-out)}.dock-tip button{font:inherit;flex:none;width:1.6rem;height:1.6rem;border:0;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer}@keyframes tipIn{0%{opacity:0;transform:translate(8px)}}@media(max-width:720px){.dock{gap:.5rem}.dock-btn{height:2.75rem;min-width:2.75rem;width:2.75rem;padding:0;justify-content:center}.dock-btn .lbl{display:none}}@media(prefers-reduced-motion:reduce){.dock,.dock-btn{transition:opacity .2s}.dock-btn{transform:none}.dock.wiggle .dock-btn.fb svg,.dock-btn.top:hover svg,.share-menu:not([hidden]),.dock-tip:not([hidden]){animation:none}}@media print{.dock{display:none}}.dock-btn{visibility:hidden}.dock.on .dock-btn.fb,.dock.on .dock-btn.share,.dock.on .dock-btn.top.on{visibility:visible}.fb-card{margin-top:2.5rem;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;align-items:center;padding:1.25rem 1.3rem;border-radius:var(--radius-m);background:#1877f2;color:#fff;text-decoration:none;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transition:translate .15s,box-shadow .15s}.fb-card:hover{translate:-2px -2px;box-shadow:8px 8px 0 var(--ink)}.fb-ic{width:3.4rem;height:3.4rem;border-radius:50%;background:#fff;color:#1877f2;display:grid;place-items:center}.fb-ic svg{width:2rem;height:2rem}.fb-txt{display:grid;gap:.15rem}.fb-txt b{font-size:1.2rem}.fb-txt span{font-size:.95rem;opacity:.95;line-height:1.5}.fb-txt small{font-weight:700;opacity:.8}.fb-go{grid-column:1 / -1;justify-self:start;margin-top:.5rem;background:#fff;color:#1877f2;font-weight:800;padding:.5rem 1.1rem;border-radius:999px}.fb-card:hover .fb-go{animation:nudge .6s ease-in-out infinite alternate}@keyframes nudge{to{transform:translate(4px)}}@media(prefers-reduced-motion:no-preference){.fb-card .fb-ic{animation:fbPulse 2.4s ease-in-out infinite}}@keyframes fbPulse{0%,70%,to{box-shadow:0 0 #fff9}85%{box-shadow:0 0 0 10px #fff0}}.nav-links a{position:relative}.nav-badge{display:inline-block;vertical-align:1px;margin-left:.35rem;padding:.05rem .4rem;border-radius:6px;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--kin) linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:150% 0}@media(prefers-reduced-motion:no-preference){.nav-badge{animation:badgeShine 4s ease-in-out 1.5s infinite}}@keyframes badgeShine{0%,70%{background-position:150% 0}to{background-position:-100% 0}}.nav-links a.nav-cta{background:var(--shu);color:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-left:.35rem;transition:translate .15s,box-shadow .15s,background-color .15s}.nav-links a.nav-cta:hover{background:var(--shu-deep);translate:-1px -1px;box-shadow:4px 4px 0 var(--ink)}.nav-links a.nav-cta:active{translate:1px 1px;box-shadow:1px 1px 0 var(--ink)}.nav-links a.nav-cta[aria-current=page]{background:var(--shu-deep);color:#fff}@media(max-width:900px){.nav-cta-li{margin-top:.4rem}.nav-links a.nav-cta{margin-left:0;text-align:center}}.site-footer{padding-bottom:calc(env(safe-area-inset-bottom) + 4.5rem)}