:root{--paper: #f3ecdf;--paper-2: #ebe1cf;--card: #fbf7ef;--ink: #2a2723;--ink-2: #6b6358;--ink-3: #a59b8c;--indigo: #23395b;--indigo-2: #3a5683;--shu: #c4432b;--shu-soft: #f2d9cf;--matcha: #5b7a4a;--line: rgba(42, 39, 35, .12);--mincho: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Songti SC", serif;--kana: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "PingFang SC", sans-serif;--ui: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(rgba(120,100,70,.05) 1px,transparent 1px),radial-gradient(rgba(120,100,70,.04) 1px,transparent 1px);background-size:7px 7px,13px 13px;background-position:0 0,3px 5px;min-height:100dvh}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.ja{font-family:var(--kana)}h1,h2{font-family:var(--mincho);font-weight:600;margin:0}.shell{max-width:520px;margin:0 auto;min-height:100dvh}.page{padding:0 18px calc(96px + var(--safe-b))}.hero{margin:0 -18px;padding:44px 22px 22px;color:var(--paper);background-color:var(--indigo);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Cg fill='none' stroke='%23f3ecdf' stroke-opacity='.09' stroke-width='1'%3E%3Cpath d='M0 20a20 20 0 0 1 40 0M6 20a14 14 0 0 1 28 0M12 20a8 8 0 0 1 16 0M-20 10a20 20 0 0 1 40 0M-14 10a14 14 0 0 1 28 0M-8 10a8 8 0 0 1 16 0M20 10a20 20 0 0 1 40 0M26 10a14 14 0 0 1 28 0M32 10a8 8 0 0 1 16 0'/%3E%3C/g%3E%3C/svg%3E");border-radius:0 0 22px 22px;position:relative}.hero:after{content:"";position:absolute;right:26px;top:40px;width:46px;height:46px;border-radius:50%;background:var(--shu);box-shadow:0 0 0 6px #c4432b2e}.hero-date{margin:0 0 6px;font-size:13px;opacity:.75;letter-spacing:.05em}.hero h1{font-size:34px;letter-spacing:.08em}.hero rt{font-size:10px;opacity:.7}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid rgba(243,236,223,.18);padding-top:14px}.stats div{display:flex;flex-direction:column;gap:2px}.stats b{font-family:var(--mincho);font-size:26px;font-weight:600}.stats span{font-size:11px;opacity:.7}.tasks{display:flex;flex-direction:column;gap:12px;margin-top:20px}.task{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:18px 20px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 1px #00000008,0 8px 24px -16px #23395b59;transition:transform .12s}.task:active{transform:scale(.98)}.task-kicker{font-size:12px;color:var(--ink-2);letter-spacing:.04em}.task-title{font-size:22px;font-weight:600}.task-title.ja{font-size:30px;letter-spacing:.1em}.task-hint{font-size:13px;color:var(--ink-2)}.task-review{border-left:5px solid var(--shu)}.task-learn{border-left:5px solid var(--indigo)}.task.done{color:var(--matcha);font-weight:600}.quiet{color:var(--ink-3);font-size:13px;text-align:center;margin:6px 0}.path{margin-top:28px}.path h2,.chart-section h2{font-size:17px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.path h2:before,.chart-section h2:before{content:"";width:4px;height:16px;background:var(--shu);border-radius:2px}.path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.path li{position:relative;padding:10px 10px 9px;border-radius:10px;background:#fbf7ef8c;border:1px dashed var(--line);color:var(--ink-3);display:flex;flex-direction:column;gap:2px;min-height:56px}.path li .ja{font-size:14px}.path li small{font-size:10px}.path li.done{background:var(--card);border-style:solid;color:var(--ink)}.path li.current{background:var(--card);border:1.5px solid var(--indigo);color:var(--indigo)}.mini-stamp{position:absolute;right:6px;top:6px;font-style:normal;font-family:var(--mincho);font-size:11px;color:var(--shu);border:1.5px solid var(--shu);border-radius:4px;padding:0 3px;transform:rotate(-8deg)}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;padding:8px 16px calc(8px + var(--safe-b));background:#f3ecdfeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}.tabbar button{flex:1;max-width:240px;display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:12px;font-size:11px;color:var(--ink-3)}.tabbar .tab-ja{font-family:var(--mincho);font-size:17px;font-weight:600}.tabbar button.on{color:var(--indigo);background:#23395b12}.chart-head{padding-top:36px;margin-bottom:8px}.chart-head h1{font-size:30px;letter-spacing:.1em}.seg{display:inline-flex;margin-top:14px;padding:3px;border-radius:999px;background:var(--paper-2)}.seg button{padding:7px 18px;border-radius:999px;font-size:14px;color:var(--ink-2)}.seg button.on{background:var(--indigo);color:var(--paper)}.legend{font-size:11px;color:var(--ink-2);display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:12px 0 0}.dot{width:10px;height:10px;border-radius:3px;display:inline-block;margin-left:6px}.dot.new{border:1px dashed var(--ink-3)}.dot.learning{background:var(--card);border:1px solid var(--indigo-2)}.dot.mastered{border:1.5px solid var(--shu);background:var(--shu-soft)}.chart-section{margin-top:22px}.grid{display:grid;gap:6px}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.cell{position:relative;aspect-ratio:1 / 1.05;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:transform .1s}.grid-3 .cell{aspect-ratio:1.7 / 1}.cell:active{transform:scale(.94)}.cell.empty{visibility:hidden}.cell-char{font-family:var(--kana);font-size:24px;line-height:1.1}.cell-romaji{font-size:10px;color:var(--ink-3);letter-spacing:.04em}.cell.new{border:1px dashed rgba(42,39,35,.16);color:var(--ink-3)}.cell.learning{background:var(--card);border:1px solid rgba(58,86,131,.35);color:var(--indigo)}.cell.mastered{background:var(--shu-soft);color:var(--shu);border:2px solid var(--shu);transform:rotate(-2deg);box-shadow:inset 0 0 0 2px var(--shu-soft),inset 0 0 0 3px #c4432b73}.cell.mastered .cell-romaji{color:#c4432bb3}.learn,.quiz,.result{max-width:520px;margin:0 auto;min-height:100dvh;padding:14px 20px calc(24px + var(--safe-b));display:flex;flex-direction:column}.quiz-top{display:flex;align-items:center;gap:12px;height:44px}.close{width:36px;height:36px;border-radius:50%;font-size:26px;line-height:1;color:var(--ink-2)}.bar{flex:1;height:6px;border-radius:3px;background:var(--paper-2);overflow:hidden}.bar i{display:block;height:100%;background:var(--indigo);border-radius:3px;transition:width .3s}.count{font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}.dots{flex:1;display:flex;gap:5px}.dots i{flex:1;height:4px;border-radius:2px;background:var(--paper-2)}.dots i.on{background:var(--shu)}.primary{background:var(--indigo);color:var(--paper);border-radius:14px;padding:15px 24px;font-size:16px;font-weight:600;letter-spacing:.06em}.primary:active{background:var(--indigo-2)}.primary.wide{width:100%}.ghost{padding:15px 20px;border-radius:14px;color:var(--ink-2);border:1px solid var(--line)}.ghost:disabled{opacity:.35}.speaker{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:var(--indigo);background:var(--card);border:1px solid var(--line);box-shadow:0 6px 18px -10px #23395b99}.speaker:active{transform:scale(.94)}.card{flex:1;margin:18px 0;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px -28px #23395b8c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 20px;animation:rise .28s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.card-char{font-family:var(--kana);font-size:128px;line-height:1;color:var(--ink)}.card-romaji{font-size:24px;letter-spacing:.1em;color:var(--shu);margin-bottom:6px}.card-origin{margin:10px 0 0;font-size:14px;color:var(--ink-2)}.card-origin b{font-family:var(--mincho);font-size:22px;color:var(--indigo);margin:0 3px}.card-note{margin:4px 0 0;font-size:13px;color:var(--shu);background:#c4432b12;padding:6px 12px;border-radius:8px;text-align:center}.learn-nav{display:grid;grid-template-columns:1fr 2fr;gap:10px;position:sticky;bottom:0;padding:10px 0 calc(4px + var(--safe-b));background:linear-gradient(transparent,var(--paper) 30%)}.prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:240px}.prompt-label{margin:0;color:var(--ink-2);font-size:14px}.prompt-sub{margin:0;color:var(--ink-3);font-size:12px}.prompt-char{font-family:var(--kana);font-size:120px;line-height:1}.prompt .speaker{width:108px;height:108px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{padding:20px 8px;border-radius:14px;background:var(--card);border:1.5px solid var(--line);font-size:22px;letter-spacing:.06em;transition:background .15s,border-color .15s,opacity .15s}.options-kana .option{font-family:var(--kana);font-size:34px;padding:16px 8px}.option:active{transform:scale(.97)}.option.right{background:#e3ecd9;border-color:var(--matcha);color:#33502a}.option.wrong{background:var(--shu-soft);border-color:var(--shu);color:var(--shu)}.option.dim{opacity:.4}.feedback{margin-top:14px;padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;animation:rise .2s ease-out}.feedback p{margin:0}.feedback .ja{font-size:22px}.feedback .origin{color:var(--ink-2);font-size:13px}.feedback-sub{font-size:12px;color:var(--ink-3)}.feedback .primary{margin-top:6px}.result{align-items:center;justify-content:center;text-align:center;gap:12px}.result-stamp{width:92px;height:92px;border-radius:14px;border:4px solid var(--shu);color:var(--shu);font-family:var(--mincho);font-size:54px;font-weight:700;display:grid;place-items:center;transform:rotate(-10deg);animation:stamp .45s cubic-bezier(.2,1.6,.4,1);margin-bottom:10px}@keyframes stamp{0%{transform:rotate(-10deg) scale(1.8);opacity:0}}.result h1{font-size:26px}.result-score{margin:0;color:var(--ink-2)}.result-score b{color:var(--ink);font-size:20px}.result-missed{width:100%;margin:8px 0;font-size:13px;color:var(--ink-2)}.missed-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.missed-list span{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:12px}.missed-list b{font-family:var(--kana);font-size:26px;font-weight:400;color:var(--shu)}.result .primary{margin-top:18px}.tabbar{gap:4px}.tabbar .tab-ja{font-size:15px}.journey-sub{margin:8px 0 0;font-size:13px;color:var(--ink-2)}.journey-sub b{color:var(--shu);font-size:16px}.map{position:relative;margin:14px 0 0;border-radius:18px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:radial-gradient(ellipse at 70% 20%,rgba(255,255,255,.5),transparent 60%),linear-gradient(#e9e0cd,#e2d6bf);border:1px solid var(--line);box-shadow:inset 0 0 40px #785f3c1f}.map svg{width:100%;height:100%;display:block}.map .land{fill:#f6f0e3;stroke:var(--indigo);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linejoin:round}.map .route{fill:none;stroke:#23395b59;stroke-width:1.5;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.map .route.lit{stroke:var(--shu);stroke-width:2.2;stroke-dasharray:none}.stop{cursor:pointer}.stop .hit{fill:transparent}.stop .dot{fill:#f6f0e3;stroke:#23395b8c;stroke-width:1.5;vector-effect:non-scaling-stroke}.stop.lit .dot{fill:var(--shu);stroke:#fff6ea}.stop.current .dot{fill:var(--indigo);stroke:#fff6ea;animation:pulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pulse{50%{transform:scale(1.5)}}.stop text{text-anchor:middle;font-family:var(--mincho);fill:var(--ink-2);paint-order:stroke;stroke:#f6f0e3;stroke-width:3px}.stop.lit text{fill:var(--shu)}.map-zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px}.map-zoom button{width:36px;height:36px;border-radius:10px;background:#fbf7efeb;border:1px solid var(--line);color:var(--indigo);font-family:var(--mincho);font-size:15px}.stops{margin-top:16px;display:flex;flex-direction:column;gap:6px}.stop-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;text-align:left;color:var(--ink-3);border:1px dashed var(--line)}.stop-no{font-family:var(--mincho);font-size:13px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor}.stop-name{font-family:var(--mincho);font-size:16px}.stop-name small{font-family:var(--ui);font-size:11px;margin-left:8px}.stop-lesson{font-family:var(--kana);font-size:12px}.stop-row.lit{background:var(--card);border-style:solid;color:var(--ink)}.stop-row.lit .stop-no{background:var(--shu);border-color:var(--shu);color:#fff}.stop-row.current{background:var(--card);border:1.5px solid var(--indigo);color:var(--indigo)}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#1e1c1973;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:520px;max-height:92dvh;overflow:auto;background:var(--paper);border-radius:22px 22px 0 0;padding:18px 20px calc(20px + var(--safe-b));animation:up .28s cubic-bezier(.2,.9,.3,1)}@keyframes up{0%{transform:translateY(40%)}}.sheet h2{margin-top:16px;font-size:26px;display:flex;align-items:baseline;gap:10px}.sheet h2 rt{font-size:11px;color:var(--ink-2)}.sheet h2 small{font-family:var(--ui);font-size:14px;font-weight:400;color:var(--ink-2)}.sheet p{color:var(--ink-2);line-height:1.7;margin:8px 0}.sheet-meta{font-size:12px}.sheet .primary{margin-top:10px}.postcard{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4 / 3;background:var(--paper-2);box-shadow:0 0 0 6px #fbf7ef,0 0 0 7px var(--line),0 18px 30px -18px #23395b99;margin:7px}.postcard img{width:100%;height:100%;object-fit:cover;display:block}.postcard.locked img{filter:grayscale(1) blur(10px) brightness(1.1);opacity:.55}.postcard .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:14px;color:var(--ink-2)}.postmark{position:absolute;right:10px;top:10px;font-style:normal;font-family:var(--mincho);font-size:13px;color:var(--shu);background:#fbf7efbf;border:1.5px solid var(--shu);border-radius:50%;width:58px;height:58px;display:grid;place-items:center;transform:rotate(-12deg)}.unlocked{width:100%;margin-top:10px;animation:rise .5s .3s both}.unlocked-kicker{color:var(--shu);font-weight:600;letter-spacing:.1em;margin:0 0 8px}.unlocked-name{font-family:var(--mincho);font-size:18px;margin:12px 0 2px}.unlocked-blurb{margin:0;font-size:13px;color:var(--ink-2)}.streak{margin-top:16px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:20px;border-radius:18px;background:var(--indigo);color:var(--paper)}.streak-num{display:flex;flex-direction:column;align-items:center;padding-right:20px;border-right:1px solid rgba(243,236,223,.2)}.streak-num b{font-family:var(--mincho);font-size:54px;line-height:1;color:#f4a58f}.streak-num span{font-size:12px;opacity:.8;margin-top:4px}.streak-side p{margin:4px 0;font-size:13px;opacity:.9}.streak-side b{font-size:16px}.heat,.heat-col{display:grid;gap:3px}.heat i,.heat-legend i{display:block;aspect-ratio:1;border-radius:3px}.heat-legend{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ink-3);margin:10px 0 0}.heat-legend i{width:11px;display:inline-block}.l0{background:#2a272312}.l1{background:#f2d9cf}.l2{background:#e6a48f}.l3{background:#d36a4f}.l4{background:var(--shu)}.heat i.future{background:transparent}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:96px 1fr 44px;align-items:center;gap:10px;font-size:12px}.bar-label{color:var(--ink-2)}.bar-track{position:relative;height:10px;border-radius:5px;background:#2a272312;overflow:hidden}.bar-track i{position:absolute;left:0;top:0;bottom:0;border-radius:5px}.bar-learned,.key-learned{background:#3a568359}.bar-mastered,.key-mastered{background:var(--shu)}.bar-num{text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums}.typing{display:grid;grid-template-columns:1fr auto;gap:10px}.typing input{min-width:0;font:inherit;font-size:24px;letter-spacing:.08em;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);outline:none}.typing input:focus{border-color:var(--indigo-2)}.typing.right input{background:#e3ecd9;border-color:var(--matcha);color:#33502a}.typing.wrong input{background:var(--shu-soft);border-color:var(--shu);color:var(--shu);text-decoration:line-through}.typing .primary:disabled{opacity:.4}.kana-head{display:flex;align-items:center;gap:14px}.kana-big{font-family:var(--kana);font-size:54px;line-height:1}.kana-info{flex:1;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink-2)}.kana-info b{font-size:22px;color:var(--shu);letter-spacing:.08em}.kana-note{color:var(--shu)}.speaker.small{width:52px;height:52px}.speaker.small svg{width:28px;height:28px}.trace-pick{margin-top:12px}.trace{margin-top:14px}.trace-loading{text-align:center;color:var(--ink-3);padding:60px 0}.trace-pad{width:100%;max-width:340px;aspect-ratio:1;display:block;margin:0 auto;background:var(--card);border:1.5px solid var(--shu);border-radius:6px;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .2s}.trace-pad.bad{background:#f8e6df;animation:shake .3s}.trace-pad.finished{background:#eef3e8;border-color:var(--matcha)}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.trace-pad .grid-line{stroke:#c4432b40;stroke-width:.5;stroke-dasharray:2 2}.trace-pad .stroke{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}.trace-pad .guide{stroke:#2a27231f}.trace-pad .done{stroke:var(--ink)}.trace-pad .user{stroke:var(--indigo-2);stroke-width:5;opacity:.85}.trace-pad .demo{stroke:var(--shu);stroke-dasharray:1;animation:draw 1.3s ease-in-out both}@keyframes draw{0%{stroke-dashoffset:1;opacity:1}55%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.trace-pad .start-dot{fill:var(--shu);animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.trace-bar{max-width:340px;margin:10px auto 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.trace-msg{font-size:13px;color:var(--ink-2)}.trace-msg.ok{color:var(--matcha);font-weight:600}.trace-msg.bad{color:var(--shu)}.ghost.small{padding:8px 14px;font-size:13px;border-radius:10px}.write-btn{margin-top:6px}.credit{text-align:center;font-size:10px;color:var(--ink-3);margin:10px 0 0!important}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;color:var(--paper);background-color:var(--indigo);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Cg fill='none' stroke='%23f3ecdf' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M0 20a20 20 0 0 1 40 0M6 20a14 14 0 0 1 28 0M12 20a8 8 0 0 1 16 0M-20 10a20 20 0 0 1 40 0M-14 10a14 14 0 0 1 28 0M-8 10a8 8 0 0 1 16 0M20 10a20 20 0 0 1 40 0M26 10a14 14 0 0 1 28 0M32 10a8 8 0 0 1 16 0'/%3E%3C/g%3E%3C/svg%3E");cursor:pointer;transition:opacity .7s,transform .7s}.splash.leaving{opacity:0;transform:scale(1.04)}.splash-sun{position:absolute;width:46vmin;height:46vmin;max-width:260px;max-height:260px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e3644a,var(--shu) 60%,#a8341f);box-shadow:0 0 80px 10px #c4432b59;top:50%;left:50%;transform:translate(-50%,-88%);animation:sunrise 2.2s cubic-bezier(.2,.7,.2,1) both}@keyframes sunrise{0%{transform:translate(-50%,-30%);opacity:0}}.splash-waves{position:absolute;left:0;right:0;bottom:0;height:38%;background-color:#1b2d49;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'%3E%3Cg fill='none' stroke='%23f3ecdf' stroke-opacity='.18' stroke-width='1.2'%3E%3Cpath d='M0 30a30 30 0 0 1 60 0M9 30a21 21 0 0 1 42 0M18 30a12 12 0 0 1 24 0M-30 15a30 30 0 0 1 60 0M-21 15a21 21 0 0 1 42 0M-12 15a12 12 0 0 1 24 0M30 15a30 30 0 0 1 60 0M39 15a21 21 0 0 1 42 0M48 15a12 12 0 0 1 24 0'/%3E%3C/g%3E%3C/svg%3E");animation:waves 14s linear infinite}@keyframes waves{to{background-position:120px 0}}.splash-title{position:relative;font-size:clamp(40px,12vw,64px);letter-spacing:.12em;text-shadow:0 2px 18px rgba(0,0,0,.35);margin-top:-6vh}.splash-title span{display:inline-block;animation:ink .9s ease-out both}@keyframes ink{0%{opacity:0;filter:blur(8px);transform:translateY(6px)}}.splash-sub{position:relative;margin:0;font-size:14px;letter-spacing:.2em;opacity:0;animation:fade-in 1s 1.8s both}@keyframes fade-in{to{opacity:.85}}.splash-btn{position:relative;margin-top:16vh;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--mincho);font-size:22px;letter-spacing:.2em;color:var(--paper);padding:14px 40px;border:1.5px solid rgba(243,236,223,.6);border-radius:999px;background:#1b2d498c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;animation:fade-in 1s 2.3s both,breathe 2.4s 3.3s ease-in-out infinite}.splash-btn small{font-family:var(--ui);font-size:11px;letter-spacing:.1em;opacity:.75}@keyframes breathe{50%{box-shadow:0 0 0 8px #f3ecdf14}}.settings{display:flex;flex-direction:column;border-radius:14px;background:var(--card);border:1px solid var(--line);overflow:hidden}.settings label{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:14px}.settings label+label{border-top:1px solid var(--line)}.settings input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:13px;background:#2a272326;position:relative;transition:background .2s;cursor:pointer}.settings input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.settings input:checked{background:var(--matcha)}.settings input:checked:after{transform:translate(18px)}.today-h{font-size:15px;margin:24px 0 -8px;color:var(--ink-2);letter-spacing:.1em}.task-word{border-left-color:var(--matcha)}.task-wait{opacity:.7;border-left:5px dashed var(--ink-3)}.task.done{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.wcard{flex:1;margin:14px 0;border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px -28px #23395b8c;padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;animation:rise .28s ease-out}.sheet .wcard{flex:none;box-shadow:none}.wcard-img{aspect-ratio:1;max-height:30dvh;margin:0 auto;border-radius:14px;overflow:hidden;background:var(--paper-2);display:grid;place-items:center;color:var(--ink-3);font-size:12px}.wcard-img img{width:100%;height:100%;object-fit:cover;display:block}.wcard-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.wcard-word{font-family:var(--kana);font-size:34px;line-height:1.5}.wcard-word.long{font-size:24px}.wcard-word rt,.ex-ja rt,.prompt-word rt,.options-word rt,.cloze-ja rt{font-size:.42em;color:var(--ink-2)}.wcard-romaji{margin:-4px 0 0;color:var(--shu);letter-spacing:.06em;font-size:14px}.wcard-zh{margin:0;font-size:18px;font-weight:600}.wcard-ex{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#23395b0d}.ex-play{flex:none;width:30px;height:30px;border-radius:50%;background:var(--indigo);color:var(--paper);font-size:11px;margin-top:6px}.ex-ja{font-family:var(--kana);font-size:17px;line-height:1.9}.ex-zh{margin:0;font-size:13px;color:var(--ink-2)}.speaker:disabled{opacity:.35}.shadow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rec{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--ink-2)}.rec i{width:10px;height:10px;border-radius:50%;background:var(--shu)}.rec.on{background:var(--shu);color:#fff;border-color:var(--shu)}.rec.on i{background:#fff;animation:blink .8s infinite}.shadow-tip{font-size:12px;color:var(--shu)}.prompt-word{font-family:var(--kana);font-size:44px;line-height:1.6}.prompt-zh{font-size:28px;font-weight:600;margin:0}.options-word .option{font-family:var(--kana);font-size:20px;padding:14px 6px;line-height:1.6}.cloze-img{width:46%;max-width:200px;aspect-ratio:1;object-fit:cover;border-radius:14px}.cloze-ja{margin:0;font-family:var(--kana);font-size:19px;line-height:2;text-align:center}.cloze-zh{margin:-6px 0 0;font-size:13px;color:var(--ink-2)}.blank{display:inline-block;min-width:3em;margin:0 4px;padding:0 6px;border-bottom:2px solid var(--indigo);text-align:center;color:var(--indigo)}.blank.right{color:var(--matcha);border-color:var(--matcha)}.blank.wrong{color:var(--shu);border-color:var(--shu)}.feedback-word{font-size:22px}.chips,.word-chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.chips button,.word-chips button{padding:6px 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--ink-2);background:var(--card)}.word-chips button{font-family:var(--kana)}.chips button.on,.word-chips button.on{background:var(--indigo);color:var(--paper);border-color:var(--indigo)}.places{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.place{text-align:left;display:flex;flex-direction:column;gap:2px;padding:6px 6px 10px;border-radius:14px;border:1px dashed var(--line);color:var(--ink-3)}.place-img{aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:#2a27230d;display:grid;place-items:center;margin-bottom:4px}.place-img span{font-family:var(--mincho);font-size:26px;opacity:.4}.place-img img{width:100%;height:100%;object-fit:cover}.place-name{font-family:var(--mincho);font-size:15px;padding:0 4px}.place small{font-size:11px;padding:0 4px}.place.lit{background:var(--card);border-style:solid;color:var(--ink)}.place.current{background:var(--card);border:1.5px solid var(--indigo);color:var(--indigo)}