:root{--bg:#fbf3e0;--bg-soft:#f4e8cd;--card:#fff;--frame:#157479;--frame-deep:#0f5b5f;--panel:#e9f6f4;--pink:#fbd2d6;--pink-deep:#f4a4ae;--pink-ink:#bb5b41;--rose-ink:#a04630;--mint:#b8e6c9;--mint-deep:#74c99b;--mint-ink:#2c7a52;--sage:#f9d6ca;--sage-deep:#f0917e;--sage-ink:#9c402c;--sky:#c6ecef;--sky-deep:#36c9d1;--sky-ink:#14707b;--butter:#f9e5b4;--butter-deep:#edc678;--butter-ink:#876025;--mastered:#e6b23f;--text:#3c5156;--muted:#617979;--shadow:0 6px 24px #15747921;--radius:22px;--violet-soft:#e7e3f5;--space-2:6px;--space-3:10px;--space-4:14px;--space-5:18px;--nav-h:90px;--progress:var(--sage-deep);color:var(--text);font-family:Quicksand,Zen Maru Gothic,system-ui,sans-serif}:root[data-theme=meringue]{--bg:#fbf2e9;--bg-soft:#f3e3d6;--card:#fff;--frame:#6b7fa8;--frame-deep:#52648a;--panel:#edf1f9;--pink:#fbdcdd;--pink-deep:#f2abaf;--pink-ink:#a94850;--rose-ink:#973a42;--mint:#e6e0f3;--mint-deep:#cfc3e4;--mint-ink:#665694;--sage:#f9e7cf;--sage-deep:#ecc78e;--sage-ink:#8f6527;--sky:#dfe8f8;--sky-deep:#b8c9e7;--sky-ink:#47608f;--butter:#fbf2e9;--butter-deep:#ecd8c2;--butter-ink:#8a6a4c;--mastered:#e7bd72;--text:#414a5e;--muted:#6a7085;--shadow:0 6px 24px #6b7fa829;--violet-soft:#e9e4f4;--progress:var(--sky-deep);background:#52648a}:root[data-theme=meringue] .card{background:#eaeff8}:root[data-theme=meringue] .main-col>.card:nth-of-type(2n),:root[data-theme=meringue] .main-col .study-wrap .card:nth-of-type(2n){background:#faece8}:root[data-theme=meringue] body{--page-grad:radial-gradient(ellipse 62rem 15rem at 20% 24%, #ffffff38 0, transparent 70%), radial-gradient(ellipse 52rem 12rem at 80% 40%, #ffebeb33 0, transparent 70%), linear-gradient(180deg, #52648a 0%, #8b9cc4 26%, #b8c9e7 52%, #f2abaf 78%, #f5ccc6 90%, #fbf2e9 100%)}:root[data-theme=meringue] .main-col{background:#fdfaf6}:root[data-theme=meringue] .side-nav nav button{color:#ffffffe0}:root[data-theme=neon]{--bg:#f4eefc;--bg-soft:#e6dbf7;--card:#fff;--frame:#56349b;--frame-deep:#2a1a4d;--panel:#efe8fb;--pink:#f2cdd9;--pink-deep:#e784ae;--pink-ink:#a03063;--rose-ink:#8c2454;--mint:#d3dcfb;--mint-deep:#7e97ef;--mint-ink:#34479c;--sage:#f3cbee;--sage-deep:#d478cf;--sage-ink:#953095;--sky:#cfc4fa;--sky-deep:#a97aeb;--sky-ink:#4a2d88;--butter:#fce3cd;--butter-deep:#f0b183;--butter-ink:#8f5a1f;--mastered:#eeae45;--text:#2e2247;--muted:#6b5d96;--shadow:0 6px 24px #56349b33;--violet-soft:#ece4fb;--progress:var(--sky-deep);background:#2a1a4d}:root[data-theme=neon] .card{background:#e9e0f8}:root[data-theme=neon] .main-col>.card:nth-of-type(2n),:root[data-theme=neon] .main-col .study-wrap .card:nth-of-type(2n){background:#f5e9f4}:root[data-theme=neon] body{--page-grad:radial-gradient(ellipse 62rem 15rem at 20% 24%, #ffffff2e 0, transparent 70%), radial-gradient(ellipse 52rem 12rem at 80% 40%, #ffe6fa29 0, transparent 70%), linear-gradient(180deg, #2a1a4d 0%, #56349b 26%, #a97aeb 52%, #f2cdd9 78%, #fce3cd 100%)}:root[data-theme=neon] .main-col{background:#fbf8ff}:root[data-theme=cocoa]{--bg:#f8f0ea;--bg-soft:#eeddd5;--card:#fff;--frame:#6e4c3b;--frame-deep:#3b2820;--panel:#f5e8e2;--pink:#f6d3ce;--pink-deep:#e79aa0;--pink-ink:#9e4a4f;--rose-ink:#8a2f3a;--mint:#fbd9d0;--mint-deep:#e5806e;--mint-ink:#a13b2c;--sage:#f2ddc0;--sage-deep:#d8a765;--sage-ink:#7f5a1e;--sky:#fcd4da;--sky-deep:#ef5d74;--sky-ink:#c30a3a;--butter:#f2e7df;--butter-deep:#e2cdc0;--butter-ink:#8a6a54;--mastered:#dca747;--text:#4a3228;--muted:#97776a;--shadow:0 6px 24px #6e4c3b38;--violet-soft:#f4e2df;--progress:var(--sky-deep);background:#3b2820}:root[data-theme=cocoa] .card{background:#f5e8e2}:root[data-theme=cocoa] .main-col>.card:nth-of-type(2n),:root[data-theme=cocoa] .main-col .study-wrap .card:nth-of-type(2n){background:#fbf1ec}:root[data-theme=cocoa] body{--page-grad:radial-gradient(ellipse 62rem 15rem at 20% 24%, #fff3 0, transparent 70%), radial-gradient(ellipse 52rem 12rem at 80% 40%, #fff0eb2e 0, transparent 70%), linear-gradient(180deg, #3b2820 0%, #7a5342 26%, #e5806e 52%, #ef8f97 70%, #f5e9e2 100%)}:root[data-theme=cocoa] .main-col{background:#fdf8f5}:root[data-theme=tide]{--bg:#f6f1e2;--bg-soft:#ece2c8;--card:#fff;--frame:#2f5f87;--frame-deep:#224563;--panel:#e7f2f5;--pink:#fee7dc;--pink-deep:#fed2c0;--pink-ink:#ad5136;--rose-ink:#9a4229;--mint:#d3efe2;--mint-deep:#8ed2b6;--mint-ink:#2d7057;--sage:#e6e1f4;--sage-deep:#b5a8dc;--sage-ink:#5d4f92;--sky:#cfe2f2;--sky-deep:#336ea7;--sky-ink:#235581;--butter:#faf3de;--butter-deep:#e6d5a9;--butter-ink:#80682f;--mastered:#e0b246;--text:#33485a;--muted:#5f7488;--shadow:0 6px 24px #2f5f872e;--violet-soft:#e3e9f4;--progress:var(--sky-deep);background:#224563}:root[data-theme=tide] .card{background:#e6f1f3}:root[data-theme=tide] .main-col>.card:nth-of-type(2n),:root[data-theme=tide] .main-col .study-wrap .card:nth-of-type(2n){background:#fbf1e6}:root[data-theme=tide] body{--page-grad:radial-gradient(ellipse 62rem 15rem at 20% 24%, #fff3 0, transparent 70%), radial-gradient(ellipse 52rem 12rem at 80% 40%, #ffebe12e 0, transparent 70%), linear-gradient(180deg, #224563 0%, #336ea7 26%, #8ed2b6 54%, #fed2c0 80%, #faf3de 100%)}:root[data-theme=tide] .main-col{background:#fcfaf3}:root[data-theme=tide] .btn-pink,:root[data-theme=tide] .mode-switch button.active{color:#faf3de}:root[data-theme=picnic]{--bg:#faf3e6;--bg-soft:#f0e0c8;--card:#fff;--frame:#a84a4e;--frame-deep:#86383c;--panel:#fbeaea;--pink:#fbd9d4;--pink-deep:#f2a7a0;--pink-ink:#a8483f;--rose-ink:#973a32;--mint:#eaf0c4;--mint-deep:#ccd478;--mint-ink:#61661f;--sage:#ecdcb4;--sage-deep:#d9bb84;--sage-ink:#7d5f28;--sky:#fbd6d6;--sky-deep:#f28888;--sky-ink:#9c3a3a;--butter:#f2e2ce;--butter-deep:#ddc39e;--butter-ink:#83652f;--mastered:#d8a63f;--text:#55403d;--muted:#7a6560;--shadow:0 6px 24px #a84a4e26;--violet-soft:#f6e3e0;--progress:var(--sky-deep);background:#86383c}:root[data-theme=picnic] .card{background:#eff2da}:root[data-theme=picnic] .main-col>.card:nth-of-type(2n),:root[data-theme=picnic] .main-col .study-wrap .card:nth-of-type(2n){background:#fbeee6}:root[data-theme=picnic] body{--page-grad:radial-gradient(ellipse 62rem 15rem at 20% 24%, #fff3 0, transparent 70%), radial-gradient(ellipse 52rem 12rem at 80% 40%, #fff0e62e 0, transparent 70%), linear-gradient(180deg, #86383c 0%, #f28888 28%, #f2a7a0 52%, #f2e2ce 78%, #dee2a6 100%)}:root[data-theme=picnic] .main-col{background:#fdf9f1}:root[data-theme=soda]{--bg:#f7efe9;--bg-soft:#ece0d8;--card:#fff;--frame:#0d76a8;--frame-deep:#095273;--panel:#e4f2f9;--pink:#fbd7ce;--pink-deep:#f09a87;--pink-ink:#ab2f18;--rose-ink:#940201;--mint:#d6edf8;--mint-deep:#8fd0ec;--mint-ink:#0d648b;--sage:#f2e0bd;--sage-deep:#ddb56a;--sage-ink:#7f5c1a;--sky:#fcd3c9;--sky-deep:#e41e07;--sky-ink:#940201;--butter:#f3eae3;--butter-deep:#d9c5b7;--butter-ink:#7c6150;--mastered:#e5a83a;--text:#4a3230;--muted:#7f635d;--shadow:0 6px 24px #0d76a829;--violet-soft:#f6e2dc;--progress:var(--sky-deep);background:#095273}:root[data-theme=soda] .card{background:#e6f1f7}:root[data-theme=soda] .main-col>.card:nth-of-type(2n),:root[data-theme=soda] .main-col .study-wrap .card:nth-of-type(2n){background:#faeee7}:root[data-theme=soda] body{--page-grad:radial-gradient(ellipse 62rem 15rem at 20% 24%, #fff3 0, transparent 70%), radial-gradient(ellipse 52rem 12rem at 80% 40%, #ffebe42e 0, transparent 70%), linear-gradient(180deg, #095273 0%, #1198cd 30%, #8ecbe8 56%, #ece0d8 82%, #f9cfc4 100%)}:root[data-theme=soda] .main-col{background:#fdfaf6}:root[data-theme=soda] .btn-pink,:root[data-theme=soda] .mode-switch button.active{color:#fff}:root[data-theme=atrium]{--bg:#f4f2ed;--bg-soft:#e7e4dc;--card:#fff;--frame:#5d5a53;--frame-deep:#45423c;--panel:#edf3f3;--pink:#f0dcd8;--pink-deep:#d8a99e;--pink-ink:#96513f;--rose-ink:#84422f;--mint:#dfe9dc;--mint-deep:#adc7a4;--mint-ink:#4f6b45;--sage:#e5e2d8;--sage-deep:#c2bcab;--sage-ink:#635d4b;--sky:#d9ecee;--sky-deep:#95c8cc;--sky-ink:#2f6b74;--butter:#e5e3de;--butter-deep:#cbc7bc;--butter-ink:#6c6656;--mastered:#c7a25a;--text:#3f4441;--muted:#6c7371;--shadow:0 6px 24px #5d5a5329;--violet-soft:#e7eae8;--progress:var(--sky-deep);background:#45423c}:root[data-theme=atrium] .card{background:#e9f1f2}:root[data-theme=atrium] .main-col>.card:nth-of-type(2n),:root[data-theme=atrium] .main-col .study-wrap .card:nth-of-type(2n){background:#efede7}:root[data-theme=atrium] body{--page-grad:radial-gradient(ellipse 62rem 15rem at 20% 24%, #fff3 0, transparent 70%), radial-gradient(ellipse 52rem 12rem at 80% 40%, #f0f8f82e 0, transparent 70%), linear-gradient(180deg, #45423c 0%, #9aa39e 30%, #95c8cc 56%, #b9cece 78%, #e5e3de 100%)}:root[data-theme=atrium] .main-col{background:#fbfaf7}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}html{background:#36c9d1}body:before{content:"";z-index:-1;background:var(--page-grad);position:fixed;inset:0}body{--page-grad:radial-gradient(ellipse 62rem 15rem at 20% 26%, #fff3 0, transparent 70%), radial-gradient(ellipse 48rem 11rem at 78% 44%, #ffffff29 0, transparent 70%), radial-gradient(ellipse 70rem 13rem at 45% 62%, #fff8ea38 0, transparent 70%), linear-gradient(180deg, #36c9d1 0%, #6fd4d0 30%, #a3dbcf 52%, #f6ac64 78%, #f8d2a0 90%, #f8e8cb 100%)}.ja{font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif}h1,h2,h3{margin:0;font-weight:700}button{cursor:pointer;color:var(--text);border:none;font-family:inherit;font-weight:600}input,textarea,select{color:var(--text);font-family:inherit;font-size:16px}.frame{background:var(--frame);flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.side-nav{z-index:40;background:var(--frame);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));flex-direction:row;align-items:center;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -6px 20px #0b424638}.side-logo{color:#fff;letter-spacing:.4px;font-weight:700;display:none}.side-logo .heart{color:var(--pink-deep)}.side-logo .logo-heart{vertical-align:-9px;height:30px}.side-nav nav{flex-direction:row;flex:1;gap:2px;display:flex}.side-nav nav button{color:#ffffffb8;text-align:center;background:0 0;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:14px 4px;font-size:13px;line-height:1.1;transition:background .15s,color .15s;display:flex}.side-nav nav button svg{width:30px;height:30px}.side-nav nav button .nav-ico{justify-content:center;align-items:center;width:30px;height:30px;font-size:25px;font-weight:700;line-height:1;display:inline-flex}.nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.nav-label-full{display:none}.side-nav nav button:hover{color:#fff}.side-nav nav button.active{color:#fff;background:#ffffff29}.side-foot{color:#ffffff73;min-height:40px;padding:12px;font-size:11px;display:none}.side-foot .tagline{transition:opacity .5s;display:block}.side-foot .tagline.hide{opacity:0}.main-col{min-width:0;padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-4) calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-5));background:#fbfdfc;flex:1}.home-panel{background:var(--panel);border-radius:var(--radius);border:1px solid #d7ebe8;margin-bottom:16px;padding:16px 16px 20px}.home-panel:empty{display:none}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-head .page-title{margin-bottom:0}.page-title{color:var(--sky-ink);margin-bottom:20px;font-size:22px}.side-panel{background:var(--panel);border-left:1px solid #d7ebe8;padding:28px 20px 34px;display:none}.study-wrap{max-width:560px;margin:0 auto}.study-wrap-wide{max-width:760px}@media (width>=640px) and (orientation:landscape){.frame{border-radius:30px;flex-direction:row;max-width:1160px;min-height:calc(100dvh - 40px);margin:20px auto;box-shadow:0 30px 70px #0b424659}.side-nav{width:76px;box-shadow:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;padding:20px 10px 16px;position:static}.side-logo{text-align:center;padding:0 0 20px;font-size:0;display:block}.side-logo .logo-heart{vertical-align:middle;height:26px}.side-nav nav{flex-direction:column;flex:initial;gap:4px}.side-nav nav button{padding:11px 4px}.side-nav nav button svg{width:20px;height:20px}.side-nav nav button .nav-ico{width:20px;height:20px;font-size:16px}.nav-label{display:none}.main-col{border-radius:26px 0 0 26px;padding:26px 24px 32px}}@media (width>=1024px) and (orientation:landscape){.side-nav{width:196px;padding:26px 14px 20px}.side-logo{text-align:left;padding:0 12px 28px;font-size:17px}.side-logo .logo-heart{vertical-align:-9px;height:30px}.side-nav nav{gap:4px}.side-nav nav button{text-align:left;flex-direction:row;justify-content:flex-start;gap:11px;padding:12px 14px;font-size:14px}.side-nav nav button svg{width:15px;height:15px}.side-nav nav button .nav-ico{width:15px;height:15px;font-size:13px}.nav-label,.nav-label-full{display:inline}.nav-label-short{display:none}.side-nav nav button:hover{background:#ffffff14}.side-nav nav button.active{color:var(--frame);background:#fff}.side-foot{margin-top:auto;display:block}.main-col{padding:30px 32px 46px}.page-title{font-size:26px}.home-panel{display:none}.side-panel{flex-shrink:0;width:288px;display:block}}.panel-user{align-items:center;gap:12px;margin-bottom:20px;display:flex}.avatar{background:var(--sky-deep);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.panel-user b{font-size:14.5px;display:block}.panel-user .muted{font-size:12px;display:block}.panel-signin{background:var(--card);text-align:center;border-radius:14px;margin-bottom:4px;padding:14px}.panel-signin .muted{margin-bottom:10px;font-size:12.5px}.panel-signin .btn{width:100%}.panel-title{color:var(--sky-ink);margin:22px 0 10px;font-size:15px}.panel-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.panel-stats div{background:var(--card);border-radius:14px;padding:10px 12px}.panel-stats b{color:var(--sky-ink);font-size:20px;display:block}.panel-stats span{color:var(--muted);font-size:11px}.panel-recent{flex-direction:column;gap:8px;display:flex}.panel-recent button{background:var(--card);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;transition:transform .1s;display:flex}.panel-recent button:hover{transform:translateY(-1px)}.mini-kanji{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.mini-meta{min-width:0}.mini-meta b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.mini-meta i{color:var(--muted);font-size:11px;font-style:normal}.card{border-radius:var(--radius);background:#e4f4f4;margin-bottom:16px;padding:18px 16px}@media (width>=640px){.card{padding:22px}}.main-col>.card:nth-of-type(2n),.main-col .study-wrap .card:nth-of-type(2n){background:#fdefe4}.btn{border-radius:999px;padding:13px 26px;font-size:15px;transition:transform .12s,filter .12s}.btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-pink{background:var(--sky-deep);color:var(--frame-deep)}.btn-sky{background:var(--sage);color:var(--sage-ink)}.btn-mint{background:var(--mint);color:var(--mint-ink)}.btn-ghost{background:var(--bg-soft);color:var(--sky-ink)}.btn-google{background:var(--card);color:var(--text);border:2px solid var(--bg-soft);justify-content:center;align-items:center;gap:10px;display:inline-flex}.btn-master{background:var(--butter);color:var(--butter-ink);border:2px solid var(--butter-deep);padding:10px 24px}.btn-big{width:100%;padding:16px;font-size:16px}.master-star{background:var(--card);width:40px;height:40px;color:var(--butter-deep);box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:14px;right:14px}.master-star.on{background:var(--butter);color:var(--butter-ink)}.master-star:disabled{opacity:.5}.master-star.in-head{width:36px;height:36px;position:static}.study-back{background:var(--card);width:40px;height:40px;color:var(--text);box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:inline-flex;position:absolute;top:14px;left:14px}.study-back:hover{background:var(--bg-soft);transform:translate(-2px)}.study-back:disabled{opacity:.5}.muted{color:var(--muted);font-size:13px}.pill{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.level-picker{vertical-align:middle;display:inline-block;position:relative}.pill.pill-btn{cursor:pointer;border:1.5px dashed;align-items:center;gap:5px;padding:4px 10px 4px 12px;transition:filter .12s,transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 2px 6px #15747924}.pill.pill-btn:hover{filter:brightness(.97);transform:translateY(-1px);box-shadow:0 3px 9px #15747933}.pill.pill-btn:active{transform:translateY(0);box-shadow:0 1px 4px #15747924}.pill-caret{opacity:.9;font-size:11px;line-height:1}.popover-backdrop{z-index:50;position:fixed;inset:0}.level-menu{z-index:51;background:var(--card);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:5px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.level-menu .level-opt{text-align:center;opacity:.85;border:2px solid #0000;border-radius:999px;padding:6px 20px;font-size:13px;font-weight:700;transition:opacity .12s}.level-menu .level-opt:hover{opacity:1}.level-menu .level-opt.active{opacity:1;border-color:currentColor}.lv-5,.active.lv-5{background:var(--mint);color:var(--mint-ink)}.lv-4,.active.lv-4{background:var(--sky);color:var(--sky-ink)}.lv-3,.active.lv-3{background:var(--sage);color:var(--sage-ink)}.lv-2,.active.lv-2{background:var(--pink);color:var(--pink-ink)}.lv-1,.active.lv-1{background:var(--pink-deep);color:var(--rose-ink)}.lv-0,.active.lv-0{background:var(--butter);color:var(--butter-ink)}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{text-align:center;background:var(--card);width:100%;max-width:380px;box-shadow:var(--shadow)}.auth-card input{border:2px solid var(--bg-soft);background:#fffdf8;border-radius:14px;outline:none;width:100%;margin-bottom:10px;padding:13px 16px;font-size:16px}.auth-card input:focus{border-color:var(--pink)}.auth-hero{margin-bottom:4px;font-size:54px}.auth-heart{background:#c96155;width:64px;height:64px;margin:0 auto;-webkit-mask:url(/heart-white.png) 50%/contain no-repeat;mask:url(/heart-white.png) 50%/contain no-repeat}.auth-error{color:var(--pink-ink);min-height:18px;margin:6px 0;font-size:13px}.logo{color:var(--sky-ink);letter-spacing:.5px;font-size:22px;font-weight:700}.logo .heart{color:#c96155}.link-btn{color:var(--sky-ink);background:0 0;padding:8px;font-size:13px;text-decoration:underline}.hello{margin-bottom:2px;font-size:24px}.goal-ring-wrap{align-items:center;gap:20px;display:flex}.goal-ring{flex-shrink:0;width:108px;height:108px;position:relative}.goal-ring svg{transform:rotate(-90deg)}.goal-ring .num{flex-direction:column;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.goal-ring .num b{color:var(--sky-ink);font-size:24px}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.mode-switch{background:var(--bg-soft);border-radius:999px;flex-shrink:0;padding:3px;display:inline-flex}.mode-switch button{color:var(--muted);background:0 0;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.mode-switch button.active{background:var(--sky-deep);color:var(--frame-deep)}.learned-preview{flex-wrap:wrap;gap:7px;max-height:44px;margin-top:10px;display:flex;overflow:hidden}.learned-preview .kanji-cell{background:var(--card);border-radius:11px;flex:none;width:44px;height:44px;font-size:19px}.learned-preview .kanji-cell.word{white-space:nowrap;min-height:0;padding:0 9px;font-size:13px}.study-card{text-align:center;touch-action:pan-y;padding:30px 22px;transition:transform .2s;position:relative}.study-card.dragging{transition:none}.study-layout{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.study-layout>.study-card{flex:280px;min-width:0}@media (width>=640px){.study-layout{flex-wrap:nowrap;align-items:flex-start}.study-layout>.study-card{flex:auto}}.study-kanji{font-size:96px;font-weight:500;line-height:1.15}.study-stroke{justify-content:center;margin:4px 0 8px;display:flex}.study-stroke .stroke-box{background:var(--card);box-shadow:none}.study-nav{text-align:center;justify-content:center;align-items:center;gap:10px;display:flex}.study-nav-arrow{width:34px;height:34px;color:var(--sky-ink);background:var(--bg-soft);border-radius:999px;justify-content:center;align-items:center;transition:filter .12s,transform .12s,opacity .12s;display:inline-flex}.study-nav-arrow:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.study-nav-arrow:disabled{opacity:.32;cursor:default}.study-progress{background:var(--bg-soft);border-radius:999px;height:10px;margin-bottom:18px;overflow:hidden}.study-progress i{background:linear-gradient(90deg, var(--pink-deep), var(--progress));border-radius:999px;height:100%;transition:width .3s;display:block}.reading-row{flex-wrap:wrap;justify-content:center;gap:6px 7px;max-width:300px;margin:8px auto 6px;display:flex}.reading-chip{border-radius:999px;padding:3px 11px;font-size:13px}.reading-chip.on{background:var(--sky)}.reading-chip.kun{background:var(--mint)}.meaning-line{margin:10px 0 2px;font-size:20px;font-weight:700}.btn-pair{gap:12px;margin-top:22px;display:flex}.btn-pair .btn{flex:1}.done-burst{text-align:center;padding:46px 22px}.done-burst .big{font-size:46px}.search-box{border:2px solid var(--bg-soft);background:#fffdf8;border-radius:999px;outline:none;width:100%;margin-bottom:14px;padding:12px 18px;font-family:inherit;font-size:16px}.search-box:focus{border-color:var(--pink)}.search-box::placeholder{color:var(--muted)}.level-tabs{gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.level-tabs button{background:var(--bg-soft);color:var(--muted);border-radius:999px;flex-shrink:0;padding:8px 16px}.folder-tabs button.folder-active{background:var(--pink);color:var(--pink-ink)}.folder-tabs button.folder-new{background:var(--bg-soft);color:var(--pink-ink)}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;display:grid}.folder-tile{background:var(--bg-soft);color:var(--text);text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 15px;transition:transform .1s;display:flex}.folder-tile:hover{transform:translateY(-2px)}.folder-tile svg{opacity:.9;margin-bottom:3px}.folder-tile b{font-size:15px}.folder-tile .muted{font-size:13px}.folder-tile.lv-5{background:var(--mint);color:var(--mint-ink)}.folder-tile.lv-4{background:var(--sky);color:var(--sky-ink)}.folder-tile.lv-3{background:var(--sage);color:var(--sage-ink)}.folder-tile.lv-2{background:var(--pink);color:var(--pink-ink)}.folder-tile.lv-1{background:var(--pink-deep);color:var(--rose-ink)}.folder-tile.lv-0{background:var(--butter);color:var(--butter-ink)}.folder-tile[class*=lv-] .muted{color:inherit;opacity:.72}.folder-tile-new{border:2px dashed var(--bg-soft);color:var(--muted);text-align:center;background:0 0;justify-content:center;align-items:center;gap:2px}.folder-tile-new:hover{border-color:var(--muted)}.folder-tile-plus{font-size:20px;line-height:1}.folder-tile-input{border:2px dashed var(--pink);background:var(--card);width:100%;min-height:78px;color:var(--text);border-radius:16px;outline:none;padding:14px 15px;font-family:inherit;font-size:16px}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.kanji-cell{aspect-ratio:1;background:var(--bg-soft);color:#c3baa4;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:0;font-size:24px;transition:transform .1s;display:flex}.kanji-cell:hover{transform:scale(1.08)}.kanji-cell.learned{color:var(--text)}.kanji-cell.learned.c-5{background:var(--mint)}.kanji-cell.learned.c-4{background:var(--sky)}.kanji-cell.learned.c-3{background:var(--sage)}.kanji-cell.learned.c-2{background:var(--pink)}.kanji-cell.learned.c-1{background:var(--pink-deep)}.kanji-cell.learned.c-0{background:var(--butter)}.kanji-cell.mastered{border-color:var(--mastered);box-shadow:0 0 0 3px color-mix(in srgb, var(--mastered) 34%, transparent)}.today-strip{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.today-strip .kanji-cell{background:var(--card);width:52px}.collect-bar{background:var(--bg-soft);border-radius:999px;height:12px;margin:8px 0 4px;overflow:hidden}.collect-bar i{border-radius:999px;height:100%;transition:width .3s;display:block}.upgrade-modal{text-align:center;max-width:420px;padding:30px 24px 24px}.upgrade-modal p{max-width:34ch;margin-left:auto;margin-right:auto}.upgrade-modal .btn-big{width:100%;display:block}.upgrade-lock{background:var(--bg-soft);width:56px;height:56px;color:var(--sky-ink);border-radius:999px;justify-content:center;align-items:center;margin:0 auto 12px;display:inline-flex}.btn-lock{margin-right:7px}.tab-lock{margin-left:4px}.level-opt-lock{margin-left:5px}.word-list{flex-direction:column;gap:6px;display:flex}.word-row{background:var(--card);border-radius:12px;align-items:baseline;gap:8px;padding:8px 12px;font-size:14px;display:flex}.word-row.learned{background:var(--mint)}.word-row.mastered{box-shadow:inset 0 0 0 2px var(--mastered)}.word-row b{flex-shrink:0;font-size:16px}.word-row .r{color:var(--sky-ink);flex-shrink:0;font-size:13px}.word-row .g{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.word-actions{flex-shrink:0;align-self:center;align-items:center;gap:6px;display:flex}.master-toggle{border:2px solid var(--sky-deep);background:var(--card);color:#0000;cursor:pointer;border-radius:6px;width:21px;height:21px;padding:0;font-size:11px;line-height:1;transition:transform .15s,background .15s,color .15s}@media (hover:hover){.master-toggle:hover{transform:scale(1.12)}.word-uncollect:hover{color:var(--pink-ink)}}.master-toggle:active{transform:scale(.85)}.master-toggle.on{background:var(--sky-deep);color:var(--card)}.word-uncollect{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:2px 4px;font-size:12px;line-height:1}.pos-tag{border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:700}.pos-verb{background:var(--sky);color:var(--sky-ink)}.pos-i-adj{background:var(--sage);color:var(--sage-ink)}.pos-na-adj{background:var(--pink);color:var(--pink-ink)}.pos-noun{background:var(--butter);color:var(--butter-ink)}.word-collect-list{flex-direction:column;gap:6px;display:flex}.word-collect-item{border-bottom:1px solid var(--bg-soft)}.word-collect-item:last-child{border-bottom:none}.word-collect-item .folder-rail{padding:4px 2px 8px}.word-collect-item .folder-chip{box-shadow:none;background:var(--bg-soft);padding:5px 11px;font-size:12px}.word-collect-item .folder-chip.active{background:var(--pink);color:var(--pink-ink)}.study-kanji.word{padding:18px 0;font-size:44px;line-height:1.3}.kanji-cell.word{aspect-ratio:auto;min-height:52px;padding:0 12px;font-size:16px;width:auto!important}.mini-kanji.word{width:auto;min-width:34px;padding:0 8px;font-size:13px}.kana-row{flex-wrap:wrap;align-items:center;gap:8px;padding:5px 0;display:flex}.kana-row .kanji-cell{background:var(--card);width:48px;font-size:22px}.row-learn{background:var(--bg-soft);color:var(--pink-ink);border-radius:999px;flex-shrink:0;margin-left:auto;padding:7px 14px;font-size:12px}.row-learn:hover{background:var(--pink)}.modal-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0f464a66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=560px){.modal-scrim{align-items:center;padding:30px}}.modal-card{background:var(--bg);border-radius:26px 26px 0 0;width:100%;max-width:560px;max-height:92vh;padding:22px 20px 34px;overflow-y:auto}@media (width>=560px){.modal-card{border-radius:26px}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.close-btn{background:var(--card);width:36px;height:36px;box-shadow:var(--shadow);border-radius:999px;font-size:16px}.modal-wrap{flex-direction:column;align-items:stretch;width:100%;max-width:560px;max-height:92vh;display:flex}.modal-wrap .modal-card{min-height:0}.folder-rail{scrollbar-width:none;flex-shrink:0;gap:8px;padding:4px 6px 12px;display:flex;overflow-x:auto}.folder-rail::-webkit-scrollbar{display:none}.folder-chip{background:var(--card);color:var(--muted);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.folder-chip.active{background:var(--pink);color:var(--pink-ink)}.folder-chip.folder-new{color:var(--pink-ink);background:var(--bg-soft)}input.folder-new-input{border:2px solid var(--pink);outline:none;width:140px;font-family:inherit}.modal-wrap .fc-pad{display:none}@media (width>=780px){.modal-wrap{flex-direction:row;align-items:flex-start;gap:14px;width:auto;max-width:none}.modal-wrap .modal-card{width:560px}.folder-rail{flex-direction:column;width:172px;max-height:92vh;padding:0;overflow:hidden auto}.folder-chip{white-space:normal;text-align:left}input.folder-new-input{width:auto}}@media (width>=1000px){.modal-wrap .fc-pad{display:flex}}.detail-hero{align-items:center;gap:18px;display:flex}.detail-kanji{font-size:84px;font-weight:500;line-height:1.1}.stroke-box{background:var(--card);box-shadow:var(--shadow);border-radius:18px;padding:10px}.stroke-box svg{width:130px;height:130px;display:block}.stroke-box svg path{fill:none;stroke:var(--text);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.stroke-box svg text{fill:var(--sky-ink);font-size:8px;font-weight:700}.stroke-replay{background:var(--bg-soft);color:var(--sky-ink);border-radius:999px;margin:6px auto 0;padding:5px 14px;font-size:12px;display:block}.stroke-frames{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.stroke-frame{background:var(--card);border-radius:10px;width:46px;height:46px;padding:3px;box-shadow:0 1px 4px #15747914}.stroke-frame svg{width:100%;height:100%;display:block}.stroke-frame svg path{fill:none;stroke:#b6c6c3;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.stroke-frame svg path.latest{stroke:var(--sky-deep)}.section-label{color:var(--sky-ink);text-transform:uppercase;letter-spacing:1px;margin:20px 0 8px;font-size:13px;font-weight:700}.info-table{border-collapse:collapse;width:100%;font-size:14px}.info-table td{padding:6px 0}.info-table td:first-child{color:var(--muted);width:40%}.compound-list{flex-direction:column;gap:10px;display:flex}.compound{background:var(--card);border-radius:14px;padding:10px 14px;box-shadow:0 2px 8px #15747914}.compound .w{font-size:17px;font-weight:700}.compound .w-kanji-link{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;border-radius:4px;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.compound .w-kanji-link:hover{color:var(--sky-ink);-webkit-text-decoration-color:var(--sky-ink);text-decoration-color:var(--sky-ink)}.compound .r{color:var(--sky-ink);margin-left:8px;font-size:14px}.compound .g{color:var(--muted);margin-top:2px;font-size:13px}.note-box{border:2px solid var(--bg-soft);resize:vertical;background:#fffdf8;border-radius:14px;outline:none;width:100%;min-height:70px;padding:12px 14px;font-size:16px}.note-box:focus{border-color:var(--pink)}.settings-section+.settings-section{border-top:1px solid #3c51561a;margin-top:20px;padding-top:20px}.setting-row{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.stepper{align-items:center;gap:14px;display:flex}.stepper button{background:var(--pink);width:38px;height:38px;color:var(--pink-ink);border-radius:999px;font-size:18px}.stepper b{text-align:center;min-width:30px;font-size:18px}.level-pick{gap:8px;display:flex}.level-pick button{background:var(--bg-soft);color:var(--muted);border-radius:999px;padding:8px 14px}.theme-pick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.theme-swatch{background:var(--bg-soft);border:2px solid #0000;border-radius:14px;flex-direction:column;gap:7px;padding:8px;display:flex}.theme-swatch.active{border-color:var(--sky-deep);background:var(--card)}.theme-swatch-colors{border-radius:8px;width:100%;height:30px;display:flex;overflow:hidden}.theme-swatch-colors i{flex:1}.theme-swatch-label{color:var(--text);align-items:center;gap:5px;font-size:12px;display:inline-flex}.theme-lock{color:var(--muted)}.name-input{border:2px solid var(--bg-soft);text-align:right;background:#fff;border-radius:12px;width:190px;max-width:55%;padding:9px 12px}.name-input:focus{border-color:var(--pink);outline:none}.avatar-pick{gap:10px;display:flex}.avatar-choice{background:var(--sky-deep);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;line-height:1;transition:transform .15s,box-shadow .15s;display:flex}.avatar-choice:hover{transform:translateY(-1px)}.avatar-choice.active{box-shadow:inset 0 0 0 2px #fff, 0 0 0 2px var(--sky-deep)}.spinner{text-align:center;color:var(--muted);padding:60px 0}.fc-stage{perspective:1200px;margin-bottom:4px}.fc-swipe{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .25s,opacity .25s}.fc-swipe.fc-dragging{transition:none}.fc-swipe.fc-leave-right{opacity:0;transform:translate(130%)rotate(10deg)}.fc-swipe.fc-leave-left{opacity:0;transform:translate(-130%)rotate(-10deg)}.fc-swipe.fc-will-know .fc-face{box-shadow:inset 0 0 0 3px var(--mint-deep)}.fc-flip{height:380px;transform-style:preserve-3d;transition:transform .4s;position:relative}.fc-flip.flipped{transform:rotateY(180deg)}.fc-face{backface-visibility:hidden;background:var(--violet-soft);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:26px 22px;display:flex;position:absolute;inset:0;overflow:hidden}.fc-face.fc-back{background:var(--butter);transform:rotateY(180deg)}.fc-word{font-size:13.5px;line-height:1.55}.fc-back.has-strokes .study-kanji{font-size:56px;line-height:1.1}.fc-stroke{margin-top:2px}.fc-stroke .stroke-box{box-shadow:none;padding:4px}.fc-stroke .stroke-box svg{width:108px;height:108px}@media (prefers-reduced-motion:reduce){.fc-swipe,.fc-flip{transition:none}}.fc-layout{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.fc-layout .fc-stage{flex:300px;min-width:0}.fc-pad{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.fc-pad-label{font-size:12px}.fc-pad-squares{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fc-pad-canvas{width:172px;height:172px;color:var(--text);background-color:var(--card);background-image:linear-gradient(color-mix(in srgb, var(--text) 12%, transparent) 0 0), linear-gradient(color-mix(in srgb, var(--text) 12%, transparent) 0 0);touch-action:none;cursor:crosshair;background-position:50%,50%;background-repeat:no-repeat;background-size:100% 1.5px,1.5px 100%;border-radius:16px;box-shadow:0 4px 14px #0b42461a}.fc-pad-clear{font-size:12px}