@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--r-card:16px;--r-hero:20px;--r-btn:12px;--r-cell:12px;--r-pill:999px;--washi:#fcfcfa;--washi2:#f1f1ef;--paper:#fff;--line:#e6e6e3;--line2:#d7d8d4;--ink:#1b1c1e;--ink2:#42464b;--muted:#74797f;--sakura:#ac5064;--sakura-bg:#fdf0f2;--sakura-dark:#8c3e52;--matcha:#5b7a6e;--matcha-bg:#eff5f2;--matcha-dark:#3e5c52;--amber:#6b6f5e;--amber-bg:#f1f2ee;--blue-bg:#eff3f7;--blue:#4e6e8e;--shadow-card:0 1px 3px #171a1e0d;--shadow:0 6px 24px #171a1e0f, 0 1px 4px #171a1e0a;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-jp:"Shippori Mincho", "Hiragino Mincho ProN", serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--pat-seigaiha:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cg fill='none' stroke='%23AC5064' stroke-opacity='0.7' stroke-width='1'%3E%3Ccircle cx='0' cy='24' r='12'/%3E%3Ccircle cx='0' cy='24' r='8'/%3E%3Ccircle cx='0' cy='24' r='4'/%3E%3Ccircle cx='24' cy='24' r='12'/%3E%3Ccircle cx='24' cy='24' r='8'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='48' cy='24' r='12'/%3E%3Ccircle cx='48' cy='24' r='8'/%3E%3Ccircle cx='48' cy='24' r='4'/%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='36' cy='12' r='12'/%3E%3Ccircle cx='36' cy='12' r='8'/%3E%3Ccircle cx='36' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");--pat-seigaiha-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='0.85' stroke-width='1'%3E%3Ccircle cx='0' cy='24' r='12'/%3E%3Ccircle cx='0' cy='24' r='8'/%3E%3Ccircle cx='0' cy='24' r='4'/%3E%3Ccircle cx='24' cy='24' r='12'/%3E%3Ccircle cx='24' cy='24' r='8'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='48' cy='24' r='12'/%3E%3Ccircle cx='48' cy='24' r='8'/%3E%3Ccircle cx='48' cy='24' r='4'/%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='36' cy='12' r='12'/%3E%3Ccircle cx='36' cy='12' r='8'/%3E%3Ccircle cx='36' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");--pat-seigaiha-w-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='0.38' stroke-width='1'%3E%3Ccircle cx='0' cy='24' r='12'/%3E%3Ccircle cx='0' cy='24' r='8'/%3E%3Ccircle cx='0' cy='24' r='4'/%3E%3Ccircle cx='24' cy='24' r='12'/%3E%3Ccircle cx='24' cy='24' r='8'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='48' cy='24' r='12'/%3E%3Ccircle cx='24' cy='24' r='8'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='48' cy='24' r='12'/%3E%3Ccircle cx='48' cy='24' r='8'/%3E%3Ccircle cx='48' cy='24' r='4'/%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='36' cy='12' r='12'/%3E%3Ccircle cx='36' cy='12' r='8'/%3E%3Ccircle cx='36' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E");--pat-seigaiha-w-faint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='0.22' stroke-width='1'%3E%3Ccircle cx='0' cy='24' r='12'/%3E%3Ccircle cx='0' cy='24' r='8'/%3E%3Ccircle cx='0' cy='24' r='4'/%3E%3Ccircle cx='24' cy='24' r='12'/%3E%3Ccircle cx='24' cy='24' r='8'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='48' cy='24' r='12'/%3E%3Ccircle cx='48' cy='24' r='8'/%3E%3Ccircle cx='48' cy='24' r='4'/%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='36' cy='12' r='12'/%3E%3Ccircle cx='36' cy='12' r='8'/%3E%3Ccircle cx='36' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=dark]{--washi:#121316;--washi2:#1b1c1f;--paper:#1e1f22;--line:#2a2c30;--line2:#3a3c40;--ink:#f4f5f5;--ink2:#c9ccd0;--muted:#9ba0a6;--sakura:#e08a9e;--sakura-bg:#2e1e24;--sakura-dark:#f0a8b8;--matcha:#8ab4a6;--matcha-bg:#1e2e28;--matcha-dark:#bfe3d6;--amber-bg:#23282b;--blue-bg:#18222d;--shadow-card:0 1px 3px #00000059}[data-theme=sepia]{--washi:#f4f6f7;--washi2:#e7ebed;--paper:#fbfcfc;--line:#d9dee1;--line2:#c3cbce;--ink:#22282b;--ink2:#3f484c;--muted:#788286;--sakura-bg:#f2e9eb;--matcha-bg:#e8efed;--amber-bg:#eff0ec}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;height:100%}body{background:var(--washi2);color:var(--ink2);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}.jp{font-family:var(--font-jp)}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.small{font-size:.82em}p{margin:0}button{cursor:pointer;font-family:inherit}ruby rt{color:var(--muted);font-size:.52em;font-weight:600}.app{background:var(--washi);-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;max-width:none;height:100dvh;margin:0;display:flex;position:relative}@media (width>=600px){.app{max-width:480px;box-shadow:var(--shadow);margin:0 auto}}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}button{touch-action:manipulation}.main{scrollbar-width:none;overscroll-behavior:none;flex:1;min-height:0;overflow:hidden auto}.main::-webkit-scrollbar{display:none}.screen-scroll{padding:var(--s2) var(--s5) var(--s3);flex-direction:column;min-height:100%;display:flex}.tab-pane-fill{flex-direction:column;flex:auto;min-height:0;display:flex}.tab-pane-fill[hidden],.tab-pane[hidden]{display:none}@keyframes panein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pane-anim{animation:.26s cubic-bezier(.22,.61,.36,1) backwards panein}.materi-controls{z-index:15;background:var(--washi);gap:var(--s3);margin:calc(-1 * var(--s2)) calc(-1 * var(--s5)) 0;padding:var(--s2) var(--s5) var(--s3);border-bottom:1px solid var(--line);flex-direction:column;display:flex;position:sticky;top:0;box-shadow:0 10px 16px -14px #171a1e47}.appbar{z-index:20;background:var(--washi);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);flex-shrink:0;position:sticky;top:0;overflow:hidden}.appbar:before{content:"";z-index:0;opacity:.08;pointer-events:none;background-image:var(--pat-seigaiha);background-size:48px 24px;position:absolute;inset:0}.appbar-inner{z-index:1;padding:var(--s3) var(--s5);justify-content:space-between;align-items:center;gap:var(--s3);display:flex;position:relative}.appbar h2{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:19px}.appbar p{margin:var(--s1) 0 0;color:var(--muted);font-size:12px}.avatar{background:var(--matcha-bg);border:1px solid var(--line);width:36px;height:36px;color:var(--matcha-dark);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.avatar-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;font-family:inherit;transition:transform .12s,border-color .18s,box-shadow .18s;position:relative}.avatar-btn:active{border-color:var(--sakura);transform:scale(.92)}.avatar-btn:after{content:"";background:var(--sakura);border:1.5px solid var(--washi);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.bottomnav{z-index:20;border-top:1px solid var(--line);background:var(--paper);padding:var(--s2) var(--s2) calc(var(--s2) + env(safe-area-inset-bottom));gap:var(--s1);flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.bottomnav:before{content:"";z-index:0;opacity:.08;pointer-events:none;background-image:var(--pat-seigaiha);background-size:48px 24px;position:absolute;inset:0}.nav-thumb{z-index:0;left:var(--s2);bottom:calc(var(--s2) + env(safe-area-inset-bottom,0px));height:56px;width:calc((100% - 2 * var(--s2) - 4 * var(--s1)) / 5);border-radius:var(--r-pill);background:var(--sakura-bg);transform:translateX(calc(var(--nav-i,0) * (100% + var(--s1))));will-change:transform;pointer-events:none;transition:transform .3s cubic-bezier(.25,.8,.3,1),opacity .2s 90ms;position:absolute;overflow:hidden}.bottomnav.nav-fab-active .nav-thumb{opacity:0;transition-delay:0s,0s}.nav-thumb:before{content:"";border-radius:inherit;opacity:.08;pointer-events:none;background-image:var(--pat-seigaiha);background-size:48px 24px;position:absolute;inset:0}.bottomnav button{z-index:1;height:56px;padding:var(--s1) var(--s1) var(--s2);border-radius:var(--r-pill);letter-spacing:.02em;color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;font-size:9.5px;font-weight:700;transition:color .22s;display:flex;position:relative}.bottomnav button .ic{font-family:var(--font-jp);place-items:center;width:100%;height:26px;font-size:19px;font-weight:600;line-height:1;transition:transform .26s cubic-bezier(.3,1.4,.5,1);display:grid}.bottomnav button.active{color:var(--sakura)}.bottomnav button.active .ic{transform:scale(1.16)}.bottomnav button:active .ic{transform:scale(.94)}.bottomnav button.active:active .ic{transform:scale(1.05)}.bottomnav .fab-btn{z-index:2;height:78px;margin-top:-22px}.fab-circle{background-color:var(--sakura);background-image:var(--pat-seigaiha-w-faint);color:#fff;width:52px;height:52px;font-family:var(--font-jp);border:3px solid var(--paper);background-size:36px 18px;border-radius:50%;place-items:center;font-size:21px;font-weight:700;transition:transform .26s cubic-bezier(.3,1.4,.5,1),background-color .22s;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff61,0 10px 22px #ac506459}.fab-circle:after{content:"";border:2px solid var(--sakura);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .22s,transform .26s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:-3px;transform:scale(.96)}.fab-btn:active .fab-circle{transform:scale(.93)}.fab-btn.active .fab-circle{background-color:var(--sakura-dark);transform:scale(1.07)}.fab-btn.active .fab-circle:after{opacity:1;transform:scale(1)}.fab-btn.active:active .fab-circle{transform:scale(.98)}.fab-btn .fab-label{color:var(--muted);font-size:9.5px;font-weight:700;transition:color .22s}.fab-btn.active .fab-label{color:var(--sakura)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--shadow-card)}.card+.card{margin-top:var(--s3)}.section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:var(--s6) 0 var(--s3);font-size:12px;font-weight:800}.section-title:first-child{margin-top:var(--s3)}.btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:var(--s2) var(--s4);border-radius:var(--r-btn);justify-content:center;align-items:center;gap:var(--s2);font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--line2)}.btn.primary{background:var(--sakura);color:#fff;border-color:var(--sakura)}.btn.primary:hover{background:var(--sakura-dark)}.btn.block{width:100%}.btn:disabled{opacity:.5}.badge{align-items:center;gap:var(--s1);padding:var(--s1) var(--s2);border-radius:var(--r-pill);letter-spacing:.05em;text-transform:uppercase;border:1px solid;font-size:10px;font-weight:800;display:inline-flex}.badge.sakura{background:var(--sakura-bg);color:var(--sakura-dark);border-color:#e5cbd2}.badge.matcha{background:var(--matcha-bg);color:var(--matcha-dark);border-color:#c9d6d1}.badge.amber{background:var(--amber-bg);color:var(--amber);border-color:#d8dbd2}.badge-row{gap:var(--s2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.badge-row .badge{min-width:0;padding-left:var(--s1);padding-right:var(--s1);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;justify-content:center;overflow:hidden}.badge-row-full{width:100%;margin-top:var(--s2);justify-content:center;display:flex}.progress-track{background:var(--washi2);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--sakura);border-radius:999px;height:100%;transition:width .3s}.progress-fill.matcha{background:var(--matcha)}.sashiko{opacity:.85;height:2px;margin:var(--s3) 0 0;background-image:repeating-linear-gradient(90deg,#ac50648c 0 7px,#0000 7px 13px)}.hanko{background:var(--sakura);color:#fff;width:40px;height:40px;font-family:var(--font-jp);border-radius:8px;flex-shrink:0;place-items:center;font-size:19px;font-weight:800;line-height:1;display:inline-grid;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px #ffffff59,0 4px 10px #ac50644d}.hanko.two{font-size:13px}.tategaki{writing-mode:vertical-rl;white-space:nowrap;font-family:var(--font-jp);letter-spacing:.34em;pointer-events:none;font-size:11px}@media (width<=360px){.hero-tategaki{display:none}}.card-sakura{color:var(--ink);border-radius:var(--r-hero);isolation:isolate;padding:var(--s5);background:linear-gradient(155deg,#fce9ee 0%,#f7cbd6 58%,#f1b2c1 100%);border:1px solid #efc2ce;position:relative;overflow:hidden;box-shadow:0 10px 26px #ac50642e}[data-theme=dark] .card-sakura{background:linear-gradient(155deg,#7c3b4e 0%,#5e2c3d 100%);border-color:#8a4a5e;box-shadow:0 10px 26px #00000059}.card-sakura:before{content:"";z-index:-1;opacity:.5;pointer-events:none;background-image:var(--pat-seigaiha-w-soft);background-size:56px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 85%);mask-image:linear-gradient(#000 0% 35%,#0000 85%)}.card-sakura:after{content:"日";font-family:var(--font-jp);color:#fff;opacity:.42;pointer-events:none;font-size:190px;font-weight:800;line-height:1;position:absolute;bottom:-48px;right:-16px}.card-sakura h3{color:var(--ink);margin:0;font-size:15px}.card-sakura p{color:var(--ink2);font-size:12.5px;line-height:1.6}.seigaiha-strip{display:none}.petals{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-sakura .petals path{fill:#fff}.hero-tategaki{color:var(--sakura-dark)!important;opacity:.55!important}@media (prefers-reduced-motion:reduce){.petal{animation:none}}.ring{background:conic-gradient(#8c3e52 calc(var(--p) * 1%), #ac5064 0);border-radius:50%;flex-shrink:0;place-items:center;width:84px;height:84px;display:grid;position:relative;box-shadow:0 8px 20px #ac506459}.ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.ring b{color:#ac5064;font-size:21px;position:relative}.ring span{letter-spacing:.08em;text-transform:uppercase;color:#8c3e52;text-align:center;font-size:9px;font-weight:800;display:block;position:relative}.ring.light:before{background:#fff}.ring.light b{color:#ac5064}.ring.light span{color:#8c3e52}.grid2{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.grid3{gap:var(--s2);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.grid2>.card+.card,.grid3>.card+.card{margin-top:0}.grid2>*,.grid3>*{min-width:0}.module{padding:var(--s4);border-radius:var(--r-card);border:1px solid var(--line);background:var(--paper);text-align:left;width:100%;height:100%;box-shadow:var(--shadow-card);flex-direction:column;transition:transform .15s;display:flex}.module:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.module:active{transform:scale(.985)}.module .ic{border-radius:var(--r-cell);width:36px;height:36px;margin-bottom:var(--s3);font-size:17px;font-family:var(--font-jp);flex-shrink:0;place-items:center;display:grid}.module b{color:var(--ink);font-size:13px;display:block}.module span{color:var(--muted);margin-top:var(--s1);font-size:11.5px;line-height:1.4;display:block}.module small{padding-top:var(--s2);letter-spacing:.05em;text-transform:uppercase;margin-top:auto;font-size:10px;font-weight:800;display:inline-block}.tabs{gap:var(--s1);background:var(--washi2);border:1px solid var(--line);padding:var(--s1);border-radius:var(--r-pill);display:flex}.tabs button{padding:var(--s2) var(--s3);border-radius:var(--r-pill);color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;gap:var(--s1);background:0 0;border:1px solid #0000;flex:1;font-size:12.5px;font-weight:700;display:inline-flex}.tabs button.active{background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:0 1px 4px #00000014}.tabs.scrollable{scrollbar-width:none;overscroll-behavior-x:none;overflow-x:auto}.tabs.scrollable::-webkit-scrollbar{display:none}.kana-grid{gap:var(--s2);margin-top:var(--s3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.kana-cell{aspect-ratio:1;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-cell);padding:var(--s1);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;font-family:inherit;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.kana-cell:active{border-color:var(--sakura);box-shadow:0 0 0 2px var(--sakura-bg);transform:scale(.93)}.kana-cell b{font-family:var(--font-jp);color:var(--ink);font-size:20px;line-height:1}.kana-cell span{letter-spacing:.04em;color:var(--muted);margin-top:var(--s1);text-transform:uppercase;font-size:9px;font-weight:700}.kana-cell.done{border-color:var(--matcha);background:var(--matcha-bg)}.list-row{gap:var(--s3);padding:var(--s3) 0;text-align:left;background:repeating-linear-gradient(90deg,#ac506480 0 7px,#0000 7px 13px) 0 100%/100% 2px no-repeat;border:0;align-items:center;width:100%;display:flex}.list-row:last-child{background-image:none}.kanji-box{background:var(--washi2);border:1px solid var(--line);border-radius:var(--r-cell);width:52px;height:52px;font-family:var(--font-jp);color:var(--ink);flex-shrink:0;place-items:center;font-size:28px;font-weight:700;display:grid}.list-row b{color:var(--ink);font-size:13.5px;display:block}.list-row p{margin:var(--s1) 0 0;color:var(--muted);font-size:12px;line-height:1.4}.list-row .meta{text-align:right;flex-shrink:0;margin-left:auto}.list-row .meta b{font-size:12px}.list-row .meta span{color:var(--muted);font-size:11px}.chip-row{gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}.chip{padding:var(--s1) var(--s3);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);color:var(--ink2);font-size:11px;font-weight:700}.chip.on{background:var(--sakura);color:var(--washi);border-color:var(--sakura)}.search{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-btn);width:100%;padding:var(--s3);color:var(--ink);font-family:inherit;font-size:13px}.stroke-wrap{gap:var(--s3);align-items:center;display:flex}.stroke-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-cell);flex-shrink:0;place-items:center;width:112px;height:112px;display:grid;position:relative;overflow:hidden}.stroke-box:before,.stroke-box:after{content:"";background:var(--line);position:absolute}.stroke-box:before{width:1px;top:0;bottom:0;left:50%}.stroke-box:after{height:1px;top:50%;left:0;right:0}.stroke-box span{font-family:var(--font-jp);z-index:1;color:var(--ink);font-size:58px;font-weight:800;position:relative}.stroke-stage{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-cell);width:100%;max-width:340px;margin:0 auto;position:relative;overflow:hidden}.stroke-svg-big{width:100%;height:auto;display:block}.stroke-nums{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.stroke-guide{stroke:var(--line);stroke-width:.7px;stroke-dasharray:3 3}.stroke-path-big{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.4px}.stroke-path-big.stroke-done{stroke:var(--ink)}.stroke-path-big.stroke-guide-path{stroke:#cbd0d3;stroke-width:3.4px}.stroke-path-big.stroke-now{stroke:var(--sakura);stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:butt}.stroke-start-dot.done{fill:var(--ink)}.stroke-start-dot.now{fill:var(--sakura)}.stroke-num-dot{fill:#9aa1a6;stroke:#fff;stroke-width:.55px}.stroke-num-dot.on{fill:var(--sakura)}.stroke-num-txt{fill:#fff;font-size:2.3px;font-weight:700;font-family:var(--font-body)}.stroke-controls{gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.stroke-controls .btn{padding:var(--s2) var(--s3);font-size:12px}.stroke-console{max-width:340px;margin:var(--s3) auto 0;gap:var(--s2);flex-direction:column;display:flex}.stroke-btn-grid{gap:var(--s2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stroke-btn-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stroke-btn-grid .btn{width:100%;min-width:0;padding:var(--s2) var(--s1);gap:var(--s1);white-space:nowrap;font-size:12px}.stroke-mode-tabs{margin-bottom:var(--s3)}.practice-svg{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stroke-path-big.practice-active-ghost{stroke:var(--sakura);opacity:.38}.practice-trace{fill:none;stroke:var(--sakura);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.practice-trace.fail{opacity:.35}.stroke-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px}.stroke-done{stroke:var(--ink)}.stroke-todo{stroke:var(--line);stroke-width:2.4px}.stroke-anim{stroke:var(--sakura);stroke-dasharray:1;stroke-dashoffset:1px;animation:.5s forwards drawstroke}@keyframes drawstroke{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.stroke-fallback{font-family:var(--font-jp);fill:var(--ink);font-size:52px;font-weight:800}.example{background:var(--washi);border:1px solid var(--line);border-radius:var(--r-cell);padding:var(--s3);margin-top:var(--s2)}.example .jp{color:var(--ink);font-size:15px}.example p{margin:var(--s1) 0 0;color:var(--muted);font-size:12px}.accordion{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);box-shadow:var(--shadow-card);overflow:hidden}.accordion+.accordion{margin-top:var(--s3)}.acc-head{justify-content:space-between;align-items:center;gap:var(--s3);width:100%;padding:var(--s4);text-align:left;background:0 0;border:0;display:flex}.acc-head b{color:var(--ink);font-size:13.5px}.acc-head>span{color:var(--muted);font-size:18px;transition:all .2s}.accordion.open .acc-head>span{transform:rotate(45deg)}.acc-body{padding:0 var(--s4) var(--s4);color:var(--ink2);border-top:1px solid var(--line);font-size:12.5px;line-height:1.7}.radio-list{gap:var(--s2);margin-top:var(--s3);flex-direction:column;display:flex}.radio-item{gap:var(--s3);text-align:left;width:100%;padding:var(--s3) var(--s4);border-radius:var(--r-btn);border:1px solid var(--line);background:var(--paper);color:var(--ink);align-items:center;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.radio-item.selected{border-color:var(--sakura);background:var(--sakura-bg)}.radio-item.correct{border-color:var(--matcha);background:var(--matcha-bg)}.radio-item.wrong{background:#f7ecec;border-color:#c0564f}.radio-dot{border:2px solid var(--line2);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.radio-item.selected .radio-dot{border-color:var(--sakura);background:var(--sakura)}.radio-item.correct .radio-dot{border-color:var(--matcha);background:var(--matcha)}.flashcard{perspective:900px;height:300px;margin-top:var(--s3);cursor:pointer}.flash-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped .flash-inner{transform:rotateY(180deg)}.flash-face{backface-visibility:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-hero);padding:var(--s5);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flash-back{background:var(--sakura-bg);color:var(--ink);border-color:var(--line);transform:rotateY(180deg)}.flash-face .big{font-family:var(--font-jp);color:var(--ink);font-size:56px;font-weight:800;line-height:1}.flash-back .big{color:var(--sakura-dark);font-size:32px}.flash-face .reading{color:var(--muted);margin-top:var(--s2);letter-spacing:.04em;font-size:14px}.flash-back p{color:var(--ink2);font-size:13px;line-height:1.6}.srs-btns{gap:var(--s2);margin-top:var(--s3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.srs-btns button{padding:var(--s3) var(--s1);border-radius:var(--r-btn);border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:11px;font-weight:700}.srs-btns button small{color:var(--muted);margin-top:var(--s1);font-size:10px;font-weight:600;display:block}.srs-btns .again{color:#8a3a44;background:#f7ecec;border-color:#dbb9bc}.srs-btns .hard{background:#eff1f2;border-color:#c9cfd2}.srs-btns .good{color:#33544a;background:#ebf1ee;border-color:#b9cfc6}.srs-btns .easy{color:#33546e;background:#edf1f6;border-color:#bcccdc}.chat-screen{flex-direction:column;flex:1;min-height:0;display:flex}.chat-status{align-items:center;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--line);flex-shrink:0;display:flex}.chat-status>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.status-dot{background:var(--line);border-radius:50%;flex:none;width:7px;height:7px}.status-dot.on{background:var(--matcha-dark)}.chat-msgs{overscroll-behavior:none;scrollbar-width:none;gap:var(--s2);min-height:0;padding:var(--s3) 0;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.chat-msgs::-webkit-scrollbar{display:none}.bubble{max-width:82%;padding:var(--s3);border-radius:var(--r-card);color:var(--ink2);font-size:13px;line-height:1.6}.bubble.ai{background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:var(--s1);box-shadow:var(--shadow-card);align-self:flex-start}.bubble.me{background:var(--sakura);color:#fff;border-bottom-right-radius:var(--s1);align-self:flex-end}.bubble p{white-space:pre-wrap}.chat-suggest{gap:var(--s2);padding-bottom:var(--s2);flex-wrap:wrap;flex-shrink:0;display:flex}.suggest-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink2);border-radius:var(--r-pill);padding:var(--s1) var(--s3);box-shadow:var(--shadow-card);font-size:12px;font-weight:600;transition:transform .12s,border-color .18s}.suggest-chip:active{border-color:var(--sakura);transform:scale(.96)}.chat-input-row{gap:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line);background:var(--washi);flex-shrink:0;align-items:stretch;display:flex}.chat-input-row input{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-btn);min-width:0;padding:var(--s3);color:var(--ink);flex:1;font-family:inherit;font-size:13px}.chat-input-row .btn{padding:var(--s2) var(--s4)}.demo-tag{letter-spacing:.05em;text-transform:uppercase;background:var(--amber-bg);color:var(--amber);border-radius:var(--r-pill);padding:0 var(--s2);margin-bottom:var(--s1);font-size:9px;font-weight:800;display:inline-block}.sheet-backdrop{z-index:60;padding:var(--s5);background:#10111373;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);border-radius:var(--r-hero);width:100%;max-width:480px;padding:var(--s5);max-height:calc(100dvh - (2 * var(--s5)));overscroll-behavior:none;isolation:isolate;box-shadow:var(--shadow);position:relative;overflow-y:auto}.field{margin-top:var(--s3)}.field label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s1);font-size:11px;font-weight:800;display:block}.field input,.field select{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-btn);width:100%;padding:var(--s3);color:var(--ink);font-family:inherit;font-size:13px}.voice-notice{z-index:55;width:calc(100% - (2 * var(--s4)));max-width:448px;left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom,0px));gap:var(--s3);background:var(--paper);color:var(--ink2);border:1px solid var(--line);border-left:4px solid var(--sakura);border-radius:var(--r-card);box-shadow:var(--shadow);padding:var(--s3) var(--s4);align-items:flex-start;margin-inline:auto;font-size:12.5px;line-height:1.55;animation:.22s rise;display:flex;position:fixed}.voice-notice b{color:var(--ink)}.voice-notice button{border:1px solid var(--line);background:var(--paper);width:26px;height:26px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;line-height:1;display:grid}.theme-card{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-card);width:100%;padding:var(--s3);text-align:left;box-shadow:var(--shadow-card)}.theme-card.active{border-color:var(--sakura);box-shadow:0 0 0 1px var(--sakura)}.theme-card b{color:var(--ink);font-size:12.5px;display:block}.theme-card .tc-label{color:var(--muted);margin-top:var(--s1);font-size:11px;display:block}.theme-swatch{border-radius:var(--r-cell);border:1px solid var(--line);height:44px;font-family:var(--font-jp);margin-bottom:var(--s2);place-items:center;font-size:20px;font-weight:700;display:grid}.switch{border-radius:var(--r-pill);background:var(--line2);border:0;flex-shrink:0;width:46px;height:26px;padding:0;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--matcha)}.switch.on:after{left:23px}.detail-overlay{background:var(--washi);z-index:40;overscroll-behavior:none;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.detail-overlay::-webkit-scrollbar{display:none}.kv-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px;font-weight:800}.stat-tile{padding:var(--s4);text-align:center;overflow-wrap:break-word;flex-direction:column;width:100%;min-width:0;height:100%;display:flex}.stat-value{flex:none;justify-content:center;align-items:center;height:44px;display:flex}.stat-tile b{color:var(--ink);font-size:20px}.stat-tile p{margin:var(--s1) 0 0;color:var(--muted);min-height:30px;font-size:11px}.icon-btn{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-btn);width:36px;height:36px;color:var(--ink);flex-shrink:0;place-items:center;font-size:15px;display:grid}.progress-mini{color:var(--muted);font-size:12px;font-weight:700}.romaji-line{color:var(--muted);font-size:.62em;font-family:var(--font-body);letter-spacing:.02em;margin-top:var(--s1);display:block}@property --p{syntax:"<number>";inherits:false;initial-value:0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes stamp{0%{opacity:0;transform:scale(1.7)rotate(-16deg)}55%{opacity:1;transform:scale(.93)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(-5deg)}}@keyframes dialogin{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dialogout{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes slidein{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes petalfloat{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(2px,9px)rotate(16deg)}}.anim-in{animation:.4s cubic-bezier(.22,.61,.36,1) both rise}.head-in{animation:.3s both fadein}.detail-overlay{animation:.3s cubic-bezier(.22,.61,.36,1) backwards slidein}.sheet-backdrop{animation:.25s both fadein}.sheet{animation:.2s cubic-bezier(.22,.61,.36,1) both dialogin}.sheet-backdrop.closing{animation:.19s both fadeout}.sheet.closing{animation:.19s both dialogout}.hanko{animation:.45s cubic-bezier(.22,.61,.36,1) .18s both stamp}.petal{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite petalfloat}.petal.p2{animation-duration:9s;animation-delay:-2.5s}.petal.p3{animation-duration:8s;animation-delay:-5s}.petal.p4{animation-duration:10s;animation-delay:-1.2s}.petal.p5{animation-duration:7.5s;animation-delay:-4s}.ring{font-variant-numeric:tabular-nums;transition:--p .9s cubic-bezier(.22,.61,.36,1)}.ring b,.stat-tile b{font-variant-numeric:tabular-nums}.progress-fill{transition:width .65s cubic-bezier(.22,.61,.36,1)}.section-title{align-items:center;gap:var(--s2);display:flex}.section-title:before{content:"";background:var(--sakura);opacity:.85;border-radius:1.5px;flex-shrink:0;width:6px;height:6px;transform:rotate(45deg)}.empty-state{text-align:center;padding:var(--s6) var(--s4);border:1px dashed var(--line2);border-radius:var(--r-card);color:var(--muted);font-size:12.5px;line-height:1.6;position:relative;overflow:hidden}.empty-state:before{content:"空";right:var(--s3);font-family:var(--font-jp);color:var(--ink);opacity:.09;pointer-events:none;font-size:44px;font-weight:800;position:absolute;top:50%;transform:translateY(-50%)}.btn{transition:background-color .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s}.btn:active{transform:scale(.97)}.icon-btn{transition:transform .12s,border-color .18s,background-color .18s}.icon-btn:active{transform:scale(.92)}.chip{transition:transform .12s,background-color .18s,color .18s,border-color .18s}.chip:active{transform:scale(.95)}.tabs button{transition:background-color .22s,color .22s,box-shadow .22s,transform .12s}.tabs button:active{transform:scale(.96)}.list-row{border-radius:var(--r-cell);transition:background-color .18s,transform .12s}.list-row:active{transform:scale(.99)}.radio-item{transition:border-color .2s,background-color .2s,transform .12s,box-shadow .2s}.radio-item:active{transform:scale(.99)}.radio-dot{transition:background-color .2s,border-color .2s,transform .2s}.radio-item.selected .radio-dot{transform:scale(1.08)}.radio-item.correct .radio-dot{animation:.35s cubic-bezier(.22,.61,.36,1) both pop}.srs-btns button{transition:transform .12s,background-color .18s,border-color .18s}.srs-btns button:active{transform:scale(.95)}.theme-card{transition:transform .12s,border-color .2s,box-shadow .2s}.theme-card:active{transform:scale(.97)}.switch:after{transition:left .25s cubic-bezier(.22,.61,.36,1)}.switch:active{transform:scale(.94)}.switch{transition:background-color .22s,transform .12s}.acc-head{transition:background-color .18s}.acc-head:active{background:var(--washi2)}.acc-body{animation:.28s cubic-bezier(.22,.61,.36,1) both rise}.kana-cell{transition:transform .12s,box-shadow .18s,border-color .18s,background-color .18s}.search,.chat-input-row input,.field input,.field select{transition:border-color .18s,box-shadow .18s}.search:focus,.chat-input-row input:focus,.field input:focus,.field select:focus{border-color:var(--sakura);box-shadow:0 0 0 3px var(--sakura-bg);outline:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--sakura);outline-offset:2px}.flash-inner{transition:transform .55s cubic-bezier(.3,.7,.25,1)}.flashcard{transition:transform .15s}.flashcard:active{transform:scale(.99)}.flash-face{overflow:hidden}.bubble{animation:.32s cubic-bezier(.22,.61,.36,1) both rise}.card,.module,.kana-cell,.list-row,.accordion,.radio-item{contain:layout style}.orn-a,.orn-b,.orn-c{position:relative}.orn-a:before{content:"";opacity:.16;pointer-events:none;background-image:var(--pat-seigaiha);background-size:48px 24px;width:150px;height:84px;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(225deg,#000 45%,#0000 92%);mask-image:linear-gradient(225deg,#000 45%,#0000 92%)}.card,.module,.accordion,.theme-card{isolation:isolate;position:relative;overflow:hidden}.orn-b,.flash-face,.stroke-stage{isolation:isolate}.orn-b:before,.card:before,.module:before,.accordion:before,.theme-card:before,.flash-face:before,.stroke-stage:before,.sheet:before{content:"";z-index:-1;opacity:.12;pointer-events:none;background-image:var(--pat-seigaiha);background-size:48px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 42%,#0000 88%);mask-image:linear-gradient(#000 0% 42%,#0000 88%)}.stroke-svg-big{z-index:1;position:relative;transform:translateZ(0)}.orn-c,.radio-item,.example,.bubble,.kana-cell{isolation:isolate}.orn-c:before,.radio-item:before,.example:before,.bubble.ai:before{content:"";z-index:-1;opacity:.1;pointer-events:none;background-image:var(--pat-seigaiha);background-size:32px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 85%);mask-image:linear-gradient(#000 0% 35%,#0000 85%)}.bubble.me:before{content:"";z-index:-1;opacity:.16;pointer-events:none;background-image:var(--pat-seigaiha-w);background-size:32px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 85%);mask-image:linear-gradient(#000 0% 35%,#0000 85%)}.radio-item,.example,.bubble,.kana-cell{position:relative;overflow:hidden}.kana-cell:before{content:"";z-index:-1;opacity:.09;pointer-events:none;background-image:var(--pat-seigaiha);background-size:24px 12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 85%);mask-image:linear-gradient(#000 0% 35%,#0000 85%)}.kanji-box{position:relative}.kanji-box:after{content:"";background:var(--sakura);opacity:.85;pointer-events:none;border-radius:1.2px;width:5px;height:5px;position:absolute;top:4px;right:4px;transform:rotate(45deg)}.card,.module,.accordion,.theme-card,.card-sakura{animation:.45s cubic-bezier(.22,.61,.36,1) backwards rise}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.petals,.petal{animation:none!important}}.tabs .level-dot{background:var(--muted);opacity:.55;vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:5px;display:inline-block}.tabs button.active .level-dot{background:var(--sakura)}.level-empty{text-align:center;padding:var(--s6) var(--s4)}.level-empty-glyph{font-family:var(--font-jp);color:var(--sakura);opacity:.38;font-size:46px;font-weight:800;line-height:1;display:block}.level-empty b{margin-top:var(--s3);color:var(--ink);font-size:14px;display:block}.level-empty p{margin:var(--s2) auto 0;max-width:290px;color:var(--muted);font-size:12.5px;line-height:1.65}.level-empty .btn{margin-top:var(--s4)}