:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#efece5;--text:#1d1c1a;--text-2:#6b6760;--line:#e2ded5;--accent:#2f5d50;--accent-text:#fff;--fail:#c8473d;--fail-bg:#fbe9e7;--mid:#c08a1e;--mid-bg:#fbf2dc;--perfect:#2f7d5b;--perfect-bg:#e3f3ea;--review:#c8473d;--new:#2f6fb0;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f;--radius:20px;--font:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-jp:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16171a;--surface:#212226;--surface-2:#2a2b30;--text:#ecebe8;--text-2:#9b9993;--line:#34353a;--accent:#7cc4a8;--accent-text:#0f1a16;--fail:#f0857b;--fail-bg:#3a2422;--mid:#e8b85a;--mid-bg:#3a3020;--perfect:#6fd0a0;--perfect-bg:#1f3529;--review:#f0857b;--new:#7fb3ea;--shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}html.no-scroll,html.no-scroll body{overscroll-behavior:none;height:100%;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.jp{font-family:var(--font-jp)}.icon-btn{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;font-size:26px;line-height:1;display:inline-grid}.icon-btn:active{background:var(--surface-2)}.icon-btn:disabled{opacity:.25;cursor:default}.study{max-width:560px;height:100dvh;padding-top:env(safe-area-inset-top);-webkit-user-select:none;user-select:none;flex-direction:column;margin:0 auto;display:flex}.study-top{justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.study-counts{font-variant-numeric:tabular-nums;gap:6px;font-size:15px;font-weight:500;display:flex}.count.review{color:var(--review)}.count.new{color:var(--new)}.dot{color:var(--text-2)}.count-mode{color:var(--text-2);font-weight:500}.study-stage{flex:1;min-height:0;padding:4px 16px 12px;display:flex}.card{background:var(--surface);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow);touch-action:pan-y;cursor:pointer;outline:none;flex:1;transition:box-shadow .15s;position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;pointer-events:none;border:3px solid #0000;transition:border-color .1s;position:absolute;inset:0}.card[data-swipe=fail]:after{border-color:var(--fail);background:color-mix(in srgb, var(--fail) 8%, transparent)}.card[data-swipe=perfect]:after{border-color:var(--perfect);background:color-mix(in srgb, var(--perfect) 8%, transparent)}.card-inner{flex-direction:column;justify-content:center;height:100%;padding:20px;animation:.16s ease-out card-in;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}.card-badge{letter-spacing:.04em;background:var(--fail-bg);color:var(--fail);border-radius:99px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:14px;left:14px}.card-badge.new{background:color-mix(in srgb, var(--new) 14%, transparent);color:var(--new)}.front{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.front-text{text-align:center;word-break:keep-all;overflow-wrap:anywhere;font-weight:500;line-height:1.1}.front-text.len-1{font-size:clamp(96px,30vw,36dvh)}.front-text.len-2{font-size:clamp(64px,22vw,30dvh)}.front-text.len-3{font-size:clamp(52px,17vw,24dvh)}.front-text.len-4{font-size:clamp(44px,14vw,20dvh)}.front-text.len-6{font-size:clamp(36px,11vw,16dvh)}.front-text.len-long{font-size:clamp(28px,8.5vw,12dvh)}.tap-hint{color:var(--text-2);font-size:13px;position:absolute;bottom:16px}.back{flex-direction:column;gap:clamp(10px,2.2dvh,22px);min-height:0;display:flex}.back-head{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.back-char{font-size:clamp(64px,20vw,20dvh);font-weight:500;line-height:1.1}.back-hun{color:var(--accent);font-size:clamp(20px,6vw,28px);font-weight:700}.back-reading{color:var(--text-2);font-size:clamp(18px,5.2vw,26px)}.back-word{font-size:clamp(40px,13vw,14dvh);font-weight:500;line-height:1.15}.back-na{color:var(--text-2);font-size:clamp(16px,4.6vw,20px)}.back-word.idiom{font-size:clamp(30px,9.5vw,11dvh)}.back-rows{background:var(--surface-2);border-radius:14px;gap:8px;padding:12px 14px;display:grid}.back-row{grid-template-columns:3.2em 1fr;align-items:baseline;gap:10px;font-size:clamp(15px,4.3vw,18px);display:grid}.back-label{color:var(--text-2);font-size:13px}.back-value{overflow-wrap:anywhere}.reading{white-space:nowrap;display:inline-block}.reading-more{color:var(--text-2);font-size:.8em}.meanings{counter-reset:m;text-align:center;gap:4px;margin:0;padding:0;list-style:none;display:grid}.meanings li{font-size:clamp(19px,5.6vw,26px);font-weight:700}.meanings li+li{color:var(--text-2);font-size:clamp(16px,4.6vw,21px);font-weight:500}.related{gap:2px;margin:0;padding:0;list-style:none;display:grid}.related li{border-bottom:1px solid var(--line);grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;padding:8px 4px;font-size:clamp(15px,4.3vw,18px);display:grid}.related li:last-child{border-bottom:0}.rel-word{font-weight:700}.rel-read{color:var(--text-2);font-size:.9em}.rel-mean{text-align:right}.study-bottom{padding:0 12px calc(8px + env(safe-area-inset-bottom))}.grade-row,.grade-when-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.grade-btn{cursor:pointer;touch-action:manipulation;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:68px;transition:transform 80ms,opacity .15s;display:flex}.grade-btn:active:not(:disabled){transform:scale(.96)}.grade-btn:disabled{opacity:.35;cursor:default}.grade-icon{font-size:20px;line-height:1}.grade-text{font-size:14px;font-weight:700}.grade-btn.fail{background:var(--fail-bg);color:var(--fail)}.grade-btn.mid{background:var(--mid-bg);color:var(--mid)}.grade-btn.perfect{background:var(--perfect-bg);color:var(--perfect)}.grade-when{text-align:center;color:var(--text-2);font-variant-numeric:tabular-nums;min-height:1.6em;padding-top:6px;font-size:12px}.locked .grade-when{visibility:hidden}.done{text-align:center;align-items:center;gap:12px}.done-emoji{font-size:56px}.done-title{font-size:22px;font-weight:700}.done-sub{color:var(--text-2);max-width:22em;margin-bottom:8px;font-size:15px;line-height:1.5}.home{max-width:560px;padding:calc(8px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));min-height:100dvh;margin:0 auto}.home-top{justify-content:space-between;align-items:center;min-height:52px;display:flex}.home-top h1{margin:0;font-size:22px;font-weight:700}.tabs{background:var(--surface-2);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0 16px;padding:4px;display:grid}.tab{height:42px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:16px;font-weight:500}.tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.home-panel{gap:12px;display:grid}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat,.progress-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stat-num{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1.1}.stat-num.review{color:var(--review)}.stat-num.new{color:var(--new)}.stat-label{color:var(--text-2);margin-top:4px;font-size:14px}.progress-top{justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.progress-top strong{font-size:22px}.progress-bar{background:var(--surface-2);border-radius:99px;height:8px;margin:10px 0 8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:inherit;height:100%}.progress-sub{color:var(--text-2);font-size:13px}.btn-primary,.btn-ghost{cursor:pointer;border:0;border-radius:16px;place-items:center;height:52px;padding:0 24px;font-size:17px;font-weight:700;display:grid}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary.big{height:60px;margin-top:4px;font-size:18px}.btn-primary.muted{background:var(--surface-2);color:var(--text-2)}.btn-ghost{color:var(--text-2);font-size:15px;font-weight:500}.placeholder{color:var(--text-2);text-align:center;margin-top:30vh}.top-actions{align-items:center;display:flex}.add-btn{font-size:30px;font-weight:300}.card-badge.mine{background:color-mix(in srgb, var(--mid) 18%, transparent);color:var(--mid)}html.sheet-open,html.sheet-open body{overflow:hidden}.sheet-backdrop{z-index:10;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;background:#00000059;justify-content:center;align-items:flex-start;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}.sheet{background:var(--surface);border-radius:var(--radius);width:100%;max-width:520px;box-shadow:var(--shadow);padding:6px 16px 16px}.sheet-head{align-items:center;gap:8px;min-height:48px;display:flex}.sheet-head strong{font-size:17px}.sheet-head .icon-btn{margin-left:auto}.sheet-form{gap:10px;display:grid}.field{gap:4px;display:grid}.field-label{color:var(--text-2);font-size:13px}.field-input{font:inherit;border:1px solid var(--line);background:var(--bg);height:46px;color:var(--text);border-radius:12px;outline:none;padding:0 12px;font-size:17px}.field-input.jp{font-family:var(--font-jp)}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}.field-hint{color:var(--text-2);min-height:1.2em;font-size:13px}.field-hint.found{color:var(--perfect)}.form-error{color:var(--fail);min-height:1.2em;font-size:14px}.sheet-save{width:100%}.sheet-save:disabled{opacity:.6}.form-toast{color:var(--perfect);opacity:0;font-size:13px}.form-toast.show{animation:2.4s ease-out toast}@keyframes toast{0%,70%{opacity:1}to{opacity:0}}.settings-group{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:8px}.setting-row{cursor:pointer;align-items:center;gap:12px;min-height:64px;padding:14px 16px;display:flex}.setting-row+.setting-row{border-top:1px solid var(--line)}.setting-text{flex:1;gap:3px;display:grid}.setting-text strong{font-size:16px;font-weight:500}.setting-text small{color:var(--text-2);font-size:13px;line-height:1.4}.num-input{width:76px;height:42px;font:inherit;text-align:center;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;font-size:17px}.switch{appearance:none;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:99px;flex:none;width:52px;height:32px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{transform:translate(20px)}.settings-toast{color:var(--perfect);opacity:0;margin-left:auto;font-size:13px}.settings-toast.show{animation:2s ease-out toast}.placeholder.small{margin-top:24px;font-size:13px}.mode-chips{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px;display:grid}.mode-chip{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--text-2);cursor:pointer;touch-action:manipulation;border-radius:12px;font-size:15px}.mode-chip[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700}.home-links{justify-content:center;display:flex}.home-links .btn-ghost{flex:1}.status-badge{white-space:nowrap;border-radius:99px;flex:none;padding:3px 8px;font-size:12px;font-weight:700}.status-badge.new{background:var(--surface-2);color:var(--text-2)}.status-badge.learning{background:color-mix(in srgb, var(--new) 15%, transparent);color:var(--new)}.status-badge.mastered{background:var(--perfect-bg);color:var(--perfect)}.list-page{max-width:560px;height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;margin:0 auto;display:flex}.list-top{gap:4px;padding:0 8px 0 4px}.list-top h1{flex:1;font-size:20px}.list-count{color:var(--text-2);font-variant-numeric:tabular-nums;padding-right:8px;font-size:13px}.list-controls{gap:8px;padding:0 16px 10px;display:grid}.list-search{font:inherit;border:1px solid var(--line);background:var(--surface);height:44px;color:var(--text);border-radius:12px;outline:none;width:100%;padding:0 14px;font-size:17px}.list-search:focus{border-color:var(--accent)}.list-filters{gap:6px;display:flex}.list-select{min-width:0;font:inherit;border:1px solid var(--line);background:var(--surface);height:36px;color:var(--text);border-radius:10px;flex:1;padding:0 8px;font-size:14px}.list-empty{text-align:center;color:var(--text-2);padding:24px}.vlist{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-top:1px solid var(--line);min-height:0;padding-bottom:env(safe-area-inset-bottom);flex:1;overflow-y:auto}.vlist-spacer{position:relative}.list-row{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:12px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.list-row:active{background:var(--surface-2)}.list-title{white-space:nowrap;text-overflow:ellipsis;flex:none;width:4.6em;font-size:24px;font-weight:500;overflow:hidden}.list-title.long{font-size:17px}.list-body{flex:1;gap:2px;min-width:0;display:grid}.list-sub,.list-meaning{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-sub{color:var(--text-2);font-size:13px}.list-meaning{font-size:15px}.detail-page{align-content:start;gap:12px;display:grid}.detail-page .home-top{margin-bottom:-4px}.detail-hero{text-align:center;padding:8px 0 4px}.hero-text{font-size:clamp(40px,13vw,64px);font-weight:500;line-height:1.15}.hero-text.len-1{font-size:clamp(88px,30vw,140px)}.hero-text.idiom{font-size:clamp(30px,9vw,48px)}.hero-sub{color:var(--accent);font-size:22px;font-weight:700}.hero-reading{color:var(--text-2);font-size:20px}.detail-status,.detail-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);gap:10px;padding:14px 16px;display:grid}.detail-status-top{align-items:center;gap:10px;display:flex}.detail-status-info{color:var(--text-2);font-size:14px}.detail-actions{gap:8px;display:flex}.detail-actions.my-actions{box-shadow:none;background:0 0;padding:0}.detail-btn{flex:1;height:46px;padding:0 12px;font-size:15px}.btn-outline{border:1px solid var(--line);background:var(--surface);color:var(--text)}.detail-toast{color:var(--perfect);min-height:1.2em;font-size:13px}.detail-toast:empty{display:none}.detail-meanings{gap:4px;margin:0;padding-left:1.3em;font-size:18px;display:grid}.detail-meanings li:first-child{font-weight:700}.detail-h2{color:var(--text-2);margin:0;font-size:15px;font-weight:500}.related-list{margin:0;padding:0;list-style:none}.related-link{border-bottom:1px solid var(--line);grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;padding:10px 2px;display:grid}.related-list li:last-child .related-link{border-bottom:0}.rel-title{font-size:18px;font-weight:700}.rel-sub{color:var(--text-2);font-size:13px}.rel-meaning{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.more-btn{height:40px}.mywords-page{align-content:start;gap:10px;display:grid}.my-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.my-row{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;gap:10px;padding:12px 14px;display:flex}.my-main{flex:1;gap:2px;min-width:0;display:grid}.my-title{font-size:22px;font-weight:500}.my-sub{color:var(--text-2);font-size:13px}.my-meaning{font-size:15px}.my-note{color:var(--mid);font-size:12px}.my-side{align-content:space-between;justify-items:end;gap:8px;display:grid}.my-buttons{gap:6px;display:flex}.mini-btn{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:10px;height:34px;padding:0 12px;font-size:13px}.mini-btn.danger{color:var(--fail)}.settings-h2{color:var(--text-2);margin:18px 4px 0;font-size:13px;font-weight:500}.link-row{width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0}.chev{color:var(--text-2);font-size:20px}.danger-row strong{color:var(--fail)}.settings-status{color:var(--perfect);min-height:1.4em;margin:12px 4px;font-size:14px}.settings-status.error{color:var(--fail)}.sync-dot{place-items:center;width:28px;height:44px;display:inline-grid}.sync-dot span{background:var(--text-2);opacity:.45;border-radius:50%;width:9px;height:9px}.sync-dot[data-state=ok] span{background:var(--perfect);opacity:1}.sync-dot[data-state=bad] span{background:var(--fail);opacity:1}.sync-status{color:var(--text-2);text-align:right;max-width:50%;font-size:14px;font-weight:700}.sync-status[data-state=ok]{color:var(--perfect)}.sync-status[data-state=bad]{color:var(--fail)}.sync-key-row{gap:8px;padding:0 16px 14px;display:grid}.sync-buttons{gap:6px;display:flex}.sync-btn{flex:1;height:42px;padding:0 8px;font-size:14px}.sync-btn:disabled{opacity:.5}.sync-help{color:var(--text-2);font-size:12px;line-height:1.5}