img[src*="/api/img/"]{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}:root{--bg: #ffffff;--bg-soft: #fafafa;--bg-muted: #f4f4f5;--bg-hover: #f9fafb;--bg-back: #fafafa;--border: #e5e7eb;--border-strong: #d4d4d8;--text: #09090b;--text-soft: #3f3f46;--text-mute: #71717a;--text-faint: #a1a1aa;--accent: #4f46e5;--accent-soft: #eef2ff;--success: #059669;--success-soft: #ecfdf5;--success-border: #a7f3d0;--danger: #dc2626;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.header{border-bottom:1px solid var(--border);padding:20px 32px;display:flex;justify-content:center;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:fixed;top:0;left:0;right:0;z-index:100}.header-inner{position:relative;width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.page-tabs{position:absolute;left:50%;transform:translate(-50%)}@media (max-width: 940px){.page-tabs{position:static;transform:none;order:3;flex-basis:100%;justify-content:center;margin-top:14px}}.header h1{font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--text);display:flex;align-items:center;gap:10px}.header h1 .logo{width:28px;height:28px;color:var(--text);display:inline-flex;align-items:center;justify-content:center}.header h1 .logo svg{display:block}.header h1 .jp{font-family:Noto Sans JP,sans-serif;color:var(--text-mute);font-weight:500;font-size:13px;margin-left:4px;letter-spacing:.04em}.header .meta{font-size:13px;color:var(--text-mute);display:inline-flex;align-items:center;gap:6px}.header .meta .pill{background:var(--bg-muted);color:var(--text-soft);padding:3px 8px;border-radius:999px;font-size:12px;font-weight:500;font-feature-settings:"tnum"}.topstats{display:inline-flex;align-items:center;gap:2px}.ts-item{position:relative;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:9px;cursor:default;transition:background .12s}.ts-item:hover{background:var(--bg-muted)}.ts-item.ts-bump{animation:tsBump .5s cubic-bezier(.34,1.56,.64,1)}.ts-xp.ts-bump svg{filter:drop-shadow(0 0 7px #7c3aed)}.ts-gold.ts-bump svg{filter:drop-shadow(0 0 7px #38bdf8)}@keyframes tsBump{0%{transform:scale(1)}32%{transform:scale(1.32)}62%{transform:scale(.93)}to{transform:scale(1)}}.ts-float{position:absolute;left:50%;top:-3px;transform:translate(-50%);font-size:13px;font-weight:800;white-space:nowrap;pointer-events:none;z-index:5;font-feature-settings:"tnum";animation:tsFloat 1s ease-out forwards}.ts-xp .ts-float{color:#7c3aed}.ts-gold .ts-float{color:#38bdf8}@keyframes tsFloat{0%{opacity:0;transform:translate(-50%,4px) scale(.8)}22%{opacity:1;transform:translate(-50%,-7px) scale(1)}to{opacity:0;transform:translate(-50%,-24px) scale(1)}}.ts-item svg{display:block}.ts-item b{font-size:13px;font-weight:800;font-feature-settings:"tnum"}.ts-xp b{color:var(--text-mute)}.avatar-btn{position:relative;overflow:visible}.account-menu #am-avatar{position:relative;display:inline-block}.av-lv{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:9px;font-weight:800;letter-spacing:-.2px;line-height:1.5;padding:0 6px;border-radius:999px;border:2px solid var(--bg);white-space:nowrap;pointer-events:none;box-shadow:0 2px 5px #7c3aed59}.ts-gold b{color:#0ea5e9}.header .save-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--success);padding:4px 10px;background:var(--success-soft);border:1px solid var(--success-border);border-radius:999px;opacity:0;transform:translateY(-2px);transition:opacity .25s,transform .25s}.header .save-status.show{opacity:1;transform:translateY(0)}.header .save-status .dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.admin-fab{position:fixed;right:20px;bottom:20px;z-index:60;box-shadow:var(--shadow-md)}.brand{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.page-tabs{display:flex;gap:4px;padding:0;background:none;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.page-tab{white-space:nowrap;flex:0 0 auto}.page-tab,.sub-tab{text-decoration:none}.vintro{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.page-tab{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;font-weight:700;color:var(--text-mute);cursor:pointer;transition:color .15s,background .15s}.page-tab .tab-badge{position:absolute;top:-3px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center}.page-tab .tab-badge[hidden]{display:none}.page-tab:hover{color:var(--text);background:var(--bg-muted)}.page-tab.active,.page-tab.active:hover{color:var(--bg);background:var(--text)}.empty-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:50vh;text-align:center;color:var(--text-mute)}.empty-view-icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-faint);border-radius:var(--radius);font-family:Noto Sans JP,sans-serif;font-size:28px;font-weight:700}.empty-view h2{font-size:18px;font-weight:700;color:var(--text-soft)}.empty-view p{font-size:14px}.w-side-tools{display:flex;flex-direction:column;gap:8px;padding:0 12px 14px}.w-side-tools .search{width:100%}.w-side-tools .search input{width:100%;box-sizing:border-box}.w-side-tools .toggle{align-self:flex-start}.day-count{font-size:12px;color:var(--text-mute);font-weight:500;margin-left:10px;font-family:Pretendard,sans-serif}.level-acc{display:flex;flex-direction:column;gap:4px;padding:0 8px}.lv-group{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.lv-group.open{border-color:var(--border-strong)}.lv-head{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-soft);border:none;cursor:pointer;font:inherit;color:var(--text);transition:background .12s}.lv-head:hover,.lv-group.open .lv-head{background:var(--bg-muted)}.lv-caret{font-size:10px;color:var(--text-mute);transition:transform .15s;display:inline-block}.lv-group.open .lv-caret{transform:rotate(90deg)}.lv-name{font-weight:700;font-size:14px;letter-spacing:.01em}.lv-count{margin-left:auto;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-feature-settings:"tnum"}.lv-days{display:none;flex-direction:column;gap:1px;padding:4px;background:var(--bg);max-height:320px;overflow-y:auto}.lv-group.open .lv-days{display:flex}.card.wcard{aspect-ratio:1 / 1;height:auto}.wcard .tab-panel{display:flex;flex-direction:column;padding:12px 16px 14px}.wcard .tab-panel[hidden]{display:none}.card.wcard.known .tab-panel,.card.wcard.known .wpane-img .wimg.has-img{background:var(--success-soft)}.wpane-word .center{flex:1 1 auto}.wpane-img{padding:0}.wpane-img .wimg{width:100%;height:100%;border-radius:0}.wcard .wpane-mean{gap:0;justify-content:center;overflow:auto;text-align:left}.wcard .wpane-mean .field-val,.wcard .wpane-mean label{text-align:left}.wpane-mean .field-val{flex:1 1 auto;border-bottom:1px solid var(--border);padding:4px 0 5px;color:var(--text);font-size:14px;font-family:Noto Sans JP,Pretendard,sans-serif;word-break:break-all}.wpane-mean .field-val.jp{font-family:Noto Sans JP,sans-serif}.wpane-mean .field.mnemo{flex-direction:column;align-items:stretch;gap:4px;margin-top:6px}.wpane-mean .mnemo-row{display:flex;align-items:center;justify-content:space-between}.wpane-mean .mnemo-row label{min-width:0}.wpane-mean .wtip-revert{position:static}.wpane-note{gap:8px;padding-top:14px}.wpane-note .wnote-label{font-size:12px;color:var(--text-mute);font-weight:600;font-family:Pretendard,sans-serif}.wpane-note .wnote-edit{flex:1 1 auto;width:100%;box-sizing:border-box;resize:none;font-family:Pretendard,sans-serif;font-size:13px;line-height:1.6;color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.wpane-note .wnote-edit::placeholder{color:var(--text-faint)}.wpane-note .wnote-edit:focus{outline:none;border-color:var(--accent);background:var(--bg)}.wimg{position:relative;border-radius:var(--radius-sm);overflow:hidden}.wimg-img{display:none;width:100%;height:100%;object-fit:cover}.wimg.has-img .wimg-img{display:block}.wimg.has-img .wimg-fallback{display:none}.wimg-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box}.wimg-fallback.upload{border:1.5px dashed var(--border-strong);background:var(--bg-soft);color:var(--text-mute);font-size:13px;cursor:pointer;transition:all .12s}.wimg-fallback.upload:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wimg-fallback.empty{color:var(--text-faint);font-size:12px;background:var(--bg-soft)}.wimg.loading{opacity:.6;pointer-events:none}.wimg-del{position:absolute;top:6px;right:6px;width:24px;height:24px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;font-size:11px;line-height:1;display:none;align-items:center;justify-content:center;z-index:2}.wimg.has-img .wimg-del{display:flex}.wimg-del:hover{background:#dc2626d9}.wcard .num-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-feature-settings:"tnum"}.wcard .num-row .right{display:inline-flex;gap:6px;align-items:center}.wcard .lv-badge{font-size:10px;font-weight:700;color:var(--bg);background:var(--text);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;letter-spacing:.02em}.wcard .pos{font-size:10px;color:var(--accent);background:var(--accent-soft);padding:2px 7px;border-radius:4px;font-weight:600;font-family:Pretendard,sans-serif}.wcard .center{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 4px;min-height:0}.wcard .word{font-family:Noto Sans JP,sans-serif;font-size:38px;font-weight:600;color:var(--text);line-height:1.15;text-align:center;word-break:break-all}.wcard .word ruby{ruby-align:center;ruby-position:over;-webkit-ruby-position:before}.wcard .word ruby rt{font-family:Noto Sans JP,sans-serif;font-size:15px;font-weight:500;color:var(--accent);line-height:1.2;letter-spacing:0}.wcard .word.hide-furi ruby rt{color:transparent}.wcard .wk{font-size:12px;color:var(--text-faint);font-family:JetBrains Mono,monospace;text-align:center}.wcard .wk.hidden{color:transparent;background:var(--bg-muted);border-radius:4px;min-width:50%}.wcard .meaning{font-size:15px;color:var(--text-soft);font-weight:500;text-align:center;margin-top:2px;word-break:keep-all}.wcard .meaning.hidden{color:transparent;background:var(--bg-muted);border-radius:4px;min-width:60%;min-height:1.2em}.wcard .wtip-wrap{margin:4px 0 8px}.wcard .wtip-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wcard .wtip-label{font-size:11px;color:var(--text-mute);font-weight:600;font-family:Pretendard,sans-serif}.wcard .wtip-revert{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);cursor:pointer;width:18px;height:18px;border-radius:4px;padding:0;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.wcard .wtip-revert:hover{border-color:var(--accent);color:var(--accent)}.wcard .wtip-revert.hidden{display:none}.wcard .wtip-edit{width:100%;box-sizing:border-box;resize:vertical;min-height:40px;font-family:Pretendard,sans-serif;font-size:12px;line-height:1.5;color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;transition:border-color .12s,background .12s}.wcard .wtip-edit::placeholder{color:var(--text-faint)}.wcard .wtip-edit:focus{outline:none;border-color:var(--accent);background:var(--bg)}.wcard .foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace;border-top:1px dashed var(--border);padding-top:8px}.wcard .foot .lv-day{font-family:Pretendard,sans-serif}.wcard .foot .known-check{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--text-mute);font-family:Pretendard,sans-serif;font-size:11px;-webkit-user-select:none;user-select:none}.wcard .foot .known-check input{width:14px;height:14px;cursor:pointer;accent-color:var(--success);margin:0}.card.known.wcard .foot .known-check{color:var(--success);font-weight:600}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px 32px;border-bottom:1px solid var(--border);background:var(--bg)}.search{flex:1 1 240px;max-width:360px;position:relative}.search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:13px;border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:var(--text-faint)}.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}.search:before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a1a1aa' stroke-width='1.5'><circle cx='7' cy='7' r='5'/><path d='m11 11 3 3'/></svg>");background-repeat:no-repeat}.toggle{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border);background:var(--bg);color:var(--text-soft);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;border-radius:var(--radius-sm);transition:all .15s;-webkit-user-select:none;user-select:none}.toggle:hover{border-color:var(--border-strong);background:var(--bg-hover)}.toggle.on{background:var(--text);color:var(--bg);border-color:var(--text)}.toggle .dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint);transition:background .15s}.toggle.on .dot{background:#4ade80}.data-controls{display:inline-flex;gap:4px;margin-left:8px;padding-left:12px;border-left:1px solid var(--border)}.data-btn{padding:7px 12px;border:1px solid var(--border);background:var(--bg);color:var(--text-soft);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;border-radius:var(--radius-sm);transition:all .15s}.data-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text)}.data-btn.danger:hover{color:var(--danger);border-color:#fecaca;background:#fef2f2}.stat{margin-left:auto;font-size:12px;color:var(--text-mute)}.stat strong{color:var(--text);font-weight:600;font-feature-settings:"tnum"}.col-selector{display:inline-flex;align-items:center;gap:8px}.col-selector .label{font-size:11px;color:var(--text-mute);font-weight:500;letter-spacing:.04em}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.seg-btn{padding:6px 10px;background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-soft);cursor:pointer;font-size:12px;font-weight:500;font-family:JetBrains Mono,monospace;transition:all .12s;min-width:28px}.seg-btn:last-child{border-right:none}.seg-btn:hover{background:var(--bg-hover);color:var(--text)}.seg-btn.active{background:var(--text);color:var(--bg)}.layout{display:grid;grid-template-columns:240px 1fr;gap:0;min-height:calc(100vh - 134px);width:100%;max-width:1100px;margin:0 auto}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{border-right:none!important;border-bottom:1px solid var(--border);position:static!important;max-height:none!important}.day-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(64px,1fr))!important;gap:6px!important;padding:14px!important}.day-btn{justify-content:center!important;padding:10px 8px!important;border:1px solid var(--border)!important}.day-btn .day-meta{display:none!important}.day-btn.active{border-color:var(--accent)!important}}.sidebar{border-right:1px solid var(--border);background:var(--bg-soft);position:sticky;top:67px;align-self:start;min-height:calc(100vh - 134px);max-height:calc(100vh - 134px);overflow-y:auto;padding:18px 0}.sidebar h2{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-mute);padding:0 20px 10px;text-transform:uppercase}.day-grid{display:flex;flex-direction:column;padding:0 8px;gap:1px}.day-btn{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;color:var(--text-soft);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;text-align:left;transition:all .12s;width:100%;border-radius:var(--radius-sm)}.day-btn:hover{background:var(--bg-muted);color:var(--text)}.day-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.day-btn .day-meta{font-size:11px;color:var(--text-faint);font-weight:500;font-feature-settings:"tnum"}.day-btn .day-meta .filled{color:var(--success);font-weight:600}.day-btn.active .day-meta{color:var(--accent);opacity:.7}.main{padding:28px 32px 80px}@media (max-width: 900px){.main{padding:20px 20px 60px}}.day-header{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.day-header .day-title{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text);display:inline-flex;align-items:center;gap:10px}.day-header .day-title .num{color:var(--accent);background:var(--accent-soft);font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);letter-spacing:.02em;font-feature-settings:"tnum"}.day-header .day-range{color:var(--text-mute);font-size:13px;font-family:JetBrains Mono,monospace;font-feature-settings:"tnum"}.day-header .known-filter,.day-header .col-selector{display:inline-flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid var(--border)}.filter-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;font-size:12px;font-weight:500;color:var(--text-soft);cursor:pointer;font-family:Pretendard,sans-serif;transition:all .12s}.filter-btn:hover{border-color:var(--text);color:var(--text)}.filter-btn.active{background:var(--success);border-color:var(--success);color:#fff}.day-header .bulk-tabs{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.bulk-tabs .bulk-label{font-size:12px;color:var(--text-mute);font-weight:500;margin-right:4px}.bulk-tab{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;font-size:12px;font-weight:500;color:var(--text-soft);cursor:pointer;font-family:Pretendard,sans-serif;transition:all .12s}.bulk-tab:hover{border-color:var(--text);color:var(--text)}.bulk-tab.active{background:var(--text);border-color:var(--text);color:var(--bg)}.word-grid{display:grid;gap:12px}.word-grid[data-cols="1"]{grid-template-columns:1fr}.word-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.word-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.word-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.word-grid[data-cols="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.word-grid[data-cols="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width: 1200px){.word-grid[data-cols="5"],.word-grid[data-cols="6"]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 900px){.word-grid[data-cols="3"],.word-grid[data-cols="4"],.word-grid[data-cols="5"],.word-grid[data-cols="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.word-grid[data-cols]{grid-template-columns:1fr}}.card{position:relative;display:flex;flex-direction:column;min-height:240px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .15s,box-shadow .15s}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card.known{background:var(--success-soft);border-color:var(--success-border)}.card.known .word{color:var(--success)}.tab-bar{display:flex;border-bottom:1px solid var(--border);background:var(--bg-soft);flex:0 0 auto}.tab-btn{flex:1;background:none;border:none;padding:8px 4px;font-size:11px;color:var(--text-mute);cursor:pointer;font-family:Pretendard,sans-serif;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .12s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);border-bottom-color:var(--text);font-weight:600;background:var(--bg)}.tab-panel{flex:1 1 auto;overflow:auto;background:var(--bg);cursor:default}.tab-panel[hidden]{display:none}.card.known .pane-front{background:var(--success-soft)}.pane-note{background:var(--bg-back)}.pane-explain{padding:12px;display:flex;flex-direction:column;gap:10px}.pane-explain .explain-original{white-space:pre-wrap;background:var(--bg-soft);border:1px solid var(--border);padding:10px 12px;border-radius:var(--radius-sm);font-family:Noto Sans JP,Pretendard,sans-serif;font-size:12.5px;line-height:1.7;color:var(--text-soft)}.pane-explain .explain-empty{color:var(--text-faint);font-size:12px;padding:14px;text-align:center}.card-front{display:grid;grid-template-rows:auto 1fr auto;padding:12px 16px 14px}.card-front .num-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-feature-settings:"tnum"}.card-front .num-row .right{display:inline-flex;gap:6px;align-items:center}.card-front .pos{font-size:10px;color:var(--accent);background:var(--accent-soft);padding:2px 7px;border-radius:4px;letter-spacing:.02em;font-weight:600;font-family:Pretendard,sans-serif}.card-front .known-btn{width:18px;height:18px;border:1px solid var(--border);background:var(--bg);border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;color:var(--text-faint);font-size:10px;transition:all .12s}.card-front .known-btn:hover{border-color:var(--success);color:var(--success)}.card.known .card-front .known-btn{background:var(--success);border-color:var(--success);color:#fff}.card-front .flip-btn{width:18px;height:18px;border:1px solid var(--border);background:var(--bg);border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;color:var(--text-mute);font-size:11px;transition:all .12s}.card-front .flip-btn:hover{border-color:var(--accent);color:var(--accent)}.card-front .center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:0;padding:4px 6px}.card-front .word{font-family:Noto Sans JP,sans-serif;font-size:44px;font-weight:600;color:var(--text);line-height:1.15;text-align:center;word-break:break-all;letter-spacing:-.01em}.card-front .reading{font-family:Noto Sans JP,sans-serif;font-size:18px;color:var(--accent);font-weight:500;text-align:center;transition:all .2s;min-height:1.2em}.card-front .reading.hidden{color:transparent;background:var(--bg-muted);border-radius:4px;width:60%;margin:0 auto}.card-front .foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace;border-top:1px dashed var(--border);padding-top:8px}.card-front .note-dot{display:inline-flex;align-items:center;gap:5px;color:var(--text-faint);font-family:Pretendard,sans-serif;font-size:11px}.card-front .note-dot .indicator{width:6px;height:6px;border-radius:50%;background:var(--border-strong);transition:background .15s}.card-front .note-dot.has-note{color:var(--accent)}.card-front .note-dot.has-note .indicator{background:var(--accent)}.card-front .known-check{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--text-mute);font-family:Pretendard,sans-serif;font-size:11px;-webkit-user-select:none;user-select:none}.card-front .known-check input{width:14px;height:14px;cursor:pointer;accent-color:var(--success);margin:0}.card.known .card-front .known-check{color:var(--success);font-weight:600}.card-back{padding:14px 16px;display:flex;flex-direction:column}.card-back .back-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-back .back-header .badge{background:var(--bg);border:1px solid var(--border);padding:2px 8px;border-radius:999px;font-size:10px;color:var(--text-soft);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.card-back .flip-btn.back{background:var(--bg);border:1px solid var(--border);color:var(--text-mute);cursor:pointer;width:22px;height:22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:0;line-height:1;transition:all .12s}.card-back .flip-btn.back:hover{border-color:var(--accent);color:var(--accent)}.field{display:flex;flex-direction:row;align-items:baseline;gap:10px;margin-bottom:8px}.field:last-of-type{margin-bottom:0}.field label{flex:0 0 auto;min-width:56px;font-size:11px;color:var(--text-mute);font-weight:600;letter-spacing:.04em;margin-bottom:0}.field input{background:transparent;border:none;border-bottom:1px solid var(--border);padding:4px 0 5px;color:var(--text);font-size:14px;font-family:Noto Sans JP,Pretendard,sans-serif;transition:border-color .12s;outline:none;width:100%}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint);font-size:12px}.field input:focus,.field textarea:focus{border-bottom-color:var(--accent)}.field textarea{background:transparent;border:none;border-bottom:1px solid var(--border);padding:4px 0 5px;color:var(--text);font-size:14px;font-family:Noto Sans JP,Pretendard,sans-serif;transition:border-color .12s;outline:none;width:100%;resize:vertical;line-height:1.4}.empty-state{text-align:center;padding:80px 20px;color:var(--text-mute)}.empty-state .icon{font-size:32px;color:var(--text-faint);margin-bottom:12px;font-weight:300}.notice{margin:0 32px 22px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;font-size:13px;color:var(--text-soft);line-height:1.65;display:flex;gap:12px;align-items:flex-start}.notice .icon{flex-shrink:0;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px}.notice strong{color:var(--text);font-weight:600}.notice .split{display:flex;gap:24px;flex-wrap:wrap}.notice .split>div{flex:1;min-width:200px}.notice .split .label{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--bg);border:1px solid var(--border);padding:2px 8px;border-radius:4px;color:var(--text-soft);margin-right:6px}.footer{text-align:center;padding:24px 20px;border-top:1px solid var(--border);color:var(--text-faint);font-size:11px;letter-spacing:.05em;font-family:JetBrains Mono,monospace}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-family:Pretendard,sans-serif;letter-spacing:normal}.footer-link{background:none;border:none;padding:0;font:inherit;font-size:12.5px;color:var(--text-mute);cursor:pointer;text-decoration:none}.footer-link:hover{color:var(--text);text-decoration:underline}.footer-sep{color:var(--text-faint)}.footer-copy{font-size:11px;color:var(--text-faint);font-family:Pretendard,sans-serif;letter-spacing:normal}.footer-seo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.sidebar:hover::-webkit-scrollbar-thumb{background:var(--border)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:var(--radius);font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:all .25s;z-index:100;box-shadow:var(--shadow-lg);display:inline-flex;align-items:center;gap:8px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast .toast-dot{width:6px;height:6px;border-radius:50%;background:#4ade80}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);margin-right:6px;display:inline-block;vertical-align:middle;transition:background .2s}.sync-dot.on{background:#10b981;box-shadow:0 0 0 2px #10b98126}.sync-dot.busy{background:#f59e0b;animation:syncPulse 1s infinite}.sync-dot.error{background:#dc2626}@keyframes syncPulse{0%,to{opacity:1}50%{opacity:.4}}.data-btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.data-btn.primary:hover{background:#27272a;border-color:#27272a;color:var(--bg)}.data-btn.primary:disabled{opacity:.5;cursor:not-allowed}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal[hidden]{display:none}.modal-card{background:var(--bg);border-radius:22px;box-shadow:var(--shadow-lg);width:100%;max-width:420px;border:1px solid var(--border);overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:18px;font-weight:800;letter-spacing:-.02em}.modal-close{background:none;border:none;cursor:pointer;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-mute);font-size:22px;line-height:1;border-radius:var(--radius-sm)}.modal-close:hover{background:var(--bg-muted);color:var(--text)}.modal-body{padding:22px 24px;display:flex;flex-direction:column;gap:16px}.form-row{display:flex;flex-direction:column;gap:10px}.form-row label{font-size:12px;font-weight:600;color:var(--text-soft);letter-spacing:-.01em}.form-row .muted{color:var(--text-faint);font-weight:400}.form-row input{border:1px solid var(--border);border-radius:12px;padding:13px 15px;font-size:14px;font-family:JetBrains Mono,ui-monospace,monospace;background:var(--bg-soft);color:var(--text);outline:none;transition:border-color .12s,box-shadow .12s,background .12s}.form-row input::placeholder{font-family:Pretendard,sans-serif;color:var(--text-faint)}.form-row input:focus{border-color:var(--text);background:var(--bg);box-shadow:0 0 0 3px var(--bg-muted)}.form-row small{font-size:11px;color:var(--text-mute);line-height:1.5}.form-row small a{color:var(--accent);text-decoration:underline}.google-btn{width:100%;justify-content:center;gap:10px;padding:13px 14px;font-size:14px;font-weight:700;border-radius:12px}.google-btn .g-icon{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;background:#fff;color:#4285f4;border:1px solid var(--border);border-radius:50%;font-weight:700;font-size:13px;font-family:Pretendard,sans-serif}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--text-faint);font-size:12px;margin:16px 0 14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}#step-login .auth-link{align-self:flex-end;font-size:12px;font-weight:600;color:var(--text-mute);text-decoration:none;margin-top:2px}#step-login .auth-link:hover{text-decoration:underline}#step-login small{display:block;margin-top:10px}.modal-status{font-size:12px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-soft);min-height:32px;display:flex;align-items:center}.modal-status:empty{display:none}.modal-status.error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.modal-status.success{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.auth-welcome{font-size:14px;font-weight:600;color:var(--text-soft);text-align:center;line-height:1.55;margin:-2px 0 4px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px 20px;border-top:1px solid var(--border);background:var(--bg-soft)}.signed-in-info{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft)}.user-email{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;color:var(--text);font-weight:500}#last-synced{font-size:11px;margin-left:auto}.card.jcard{height:300px}.jcard .tab-panel{display:flex;flex-direction:column;padding:12px 16px 14px}.jcard .tab-panel[hidden]{display:none}.card.jcard.known .tab-panel{background:var(--success-soft)}.jcard .num-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-feature-settings:"tnum"}.jcard .num-row .right{display:inline-flex;gap:6px;align-items:center}.jcard .lv-badge{font-size:10px;font-weight:700;color:var(--bg);background:var(--text);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;letter-spacing:.02em}.jcard .center{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:14px 4px;min-height:0}.jcard .jkanji{font-family:"Noto Serif JP",Noto Sans JP,serif;font-size:64px;font-weight:700;color:var(--text);line-height:1;text-align:center}.jcard .foot{display:flex;align-items:center;justify-content:space-between}.jcard .lv-day{font-size:10px;color:var(--text-mute);font-weight:600;font-family:JetBrains Mono,monospace}.jpane-back{gap:0;justify-content:center}.jpane-back .field-val{flex:1 1 auto;border-bottom:1px solid var(--border);padding:4px 0 5px;color:var(--text);font-size:14px;font-family:Noto Sans JP,Pretendard,sans-serif;word-break:break-all}.jpane-back .field-val.jp{font-family:Noto Sans JP,sans-serif}.jpane-back .field-val.jkanji-sm{font-family:"Noto Serif JP",Noto Sans JP,serif;font-size:24px;font-weight:700;line-height:1.1}.jpane-back .field.mnemo{flex-direction:column;align-items:stretch;gap:4px;margin-top:4px}.jpane-back .mnemo-row{display:flex;align-items:center;justify-content:space-between}.jpane-back .mnemo-row label{min-width:0}.jpane-back .jmnemo-edit{width:100%;box-sizing:border-box;resize:vertical;min-height:38px;font-family:Pretendard,sans-serif;font-size:12px;line-height:1.5;color:var(--text-soft);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;transition:border-color .12s,background .12s}.jpane-back .jmnemo-edit::placeholder{color:var(--text-faint)}.jpane-back .jmnemo-edit:focus{outline:none;border-color:var(--accent);background:var(--bg)}html[data-theme=dark]{--bg: #0f1115;--bg-soft: #161a21;--bg-muted: #1d222c;--bg-hover: #1a1f28;--bg-back: #13161c;--border: #2a2f3a;--border-strong: #3a4150;--text: #f4f5f7;--text-soft: #c9cdd6;--text-mute: #9aa1ad;--text-faint: #6b7280;--accent: #818cf8;--accent-soft: #20223a;--success: #34d399;--success-soft: #11241d;--success-border: #1f5f4a;--danger: #f87171;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.4);--shadow-md: 0 1px 3px 0 rgba(0,0,0,.5), 0 1px 2px -1px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px -4px rgba(0,0,0,.55), 0 2px 6px -2px rgba(0,0,0,.4)}html[data-theme=dark] .header{background:#0f1115d9}html[data-theme=dark] body{color:var(--text);background:var(--bg)}.avatar-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none;flex:0 0 auto}.avatar-circle.lg{width:44px;height:44px;font-size:24px}.avatar-circle.xl{width:72px;height:72px;font-size:40px}.data-btn.avatar-btn{padding:2px;border-radius:50%;border:none;background:transparent;width:auto;min-width:0;line-height:0;cursor:pointer;box-shadow:0 0 0 2px var(--border);transition:box-shadow .12s,transform .12s}.data-btn.avatar-btn .avatar-circle{width:42px;height:42px;font-size:23px}.data-btn.avatar-btn:hover{box-shadow:0 0 0 2px var(--text);transform:translateY(-1px)}.data-btn.avatar-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--text)}.account-menu{position:fixed;top:60px;left:0;z-index:100;width:264px;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:8px}.account-menu .am-head{display:flex;align-items:center;gap:12px;padding:10px 10px 12px}.account-menu .am-id{min-width:0}.account-menu .am-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu .am-email{font-size:12px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu .am-sep{height:1px;background:var(--border);margin:4px 0}.account-menu .am-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:none;background:none;cursor:pointer;font-size:14px;color:var(--text);font-family:inherit;border-radius:8px;text-align:left}.account-menu .am-item:hover{background:var(--bg-muted)}.account-menu .am-item.danger{color:var(--danger)}.account-menu .am-ico{width:20px;text-align:center;font-size:15px}.account-menu .am-right{margin-left:auto;font-size:12px;color:var(--text-mute);font-weight:600}.settings-card{width:min(680px,94vw)}.settings-body{display:flex;flex-direction:column;gap:24px;max-height:76vh;overflow:auto}.set-section .set-title{font-size:12px;font-weight:700;color:var(--text-mute);letter-spacing:.04em;margin-bottom:10px;text-transform:none}.set-card{border:1px solid var(--border);border-radius:14px;background:var(--bg);overflow:hidden}.set-card+.set-card{margin-top:12px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.set-switch{position:relative;flex:0 0 auto;width:46px;height:26px;cursor:pointer}.set-switch input{position:absolute;opacity:0;width:0;height:0}.set-switch-tr{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--border);transition:background .15s}.set-switch-tr:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .15s}.set-switch input:checked+.set-switch-tr{background:var(--text)}.set-switch input:checked+.set-switch-tr:after{transform:translate(20px)}.cd-seg{display:inline-flex;flex:0 0 auto;gap:4px;background:var(--bg-muted);padding:3px;border-radius:10px}.cd-opt{border:none;background:transparent;color:var(--text-mute);font:inherit;font-size:13px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .12s}.cd-opt.on{background:var(--bg);color:var(--text);box-shadow:0 1px 2px #00000014}.set-footer{padding:8px 2px 4px}.set-save{width:100%;padding:14px;border:none;border-radius:12px;background:var(--text);color:var(--bg);font:inherit;font-size:15.5px;font-weight:800;cursor:pointer}.set-save:hover{filter:brightness(.92)}.set-row.avatar-row{flex-direction:column;align-items:flex-start;gap:14px}.set-col{min-width:0}.set-divider{height:1px;background:var(--border)}.set-label{font-size:14px;font-weight:600;color:var(--text)}.set-value{font-size:13px;color:var(--text-soft);margin-top:3px}.set-value.muted{color:var(--text-mute)}.set-edit{color:var(--accent);background:none;border:none;cursor:pointer;font-size:13px;font-weight:700;padding:6px 8px;border-radius:6px}.set-edit:hover{background:var(--accent-soft)}.set-edit.primary{color:#fff;background:var(--accent)}.set-input{width:100%;margin-top:4px;padding:7px 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-soft);color:var(--text);font-size:14px;font-family:inherit}.set-input:focus{outline:none;border-color:var(--accent)}.set-select{padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-muted);color:var(--text);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.avatar-pick{display:flex;gap:18px;align-items:flex-start;flex:1}.set-row.avatar-row .avatar-pick{width:100%}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,44px);gap:10px;flex:1}.avatar-opt{border:none;background:none;padding:0;cursor:pointer;border-radius:50%;line-height:0;transition:transform .1s}.avatar-opt:hover{transform:scale(1.08)}.avatar-opt.active{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.wcard .tts-btn{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;transition:all .12s}.wcard .tts-btn:hover{background:var(--bg-muted);border-color:var(--border-strong);transform:translateY(-1px)}.wcard .tts-btn:active{transform:scale(.94)}.wcard .tts-btn.playing{background:var(--text);color:var(--bg);border-color:var(--text);animation:ttsPulse 1s ease-in-out infinite}@keyframes ttsPulse{0%,to{box-shadow:0 0 0 0 var(--bg-muted)}50%{box-shadow:0 0 0 5px var(--bg-muted)}}.info-card{width:min(640px,94vw)}.info-body{max-height:72vh;overflow:auto;font-size:13.5px;line-height:1.7;color:var(--text-soft)}.info-body .info-lead{color:var(--text);margin-bottom:14px}.info-body h4{font-size:14px;font-weight:700;color:var(--text);margin:16px 0 6px}.info-body p{margin:6px 0}.info-body ul{margin:6px 0 6px 18px}.info-body li{margin:4px 0}.info-body a{color:var(--accent);text-decoration:none}.info-body a:hover{text-decoration:underline}.info-body .info-foot{margin-top:16px;font-size:12px;color:var(--text-mute)}.info-body .help-cta{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.info-body .help-cta .data-btn{text-decoration:none}.info-body .muted{color:var(--text-mute);font-size:12px}.info-body .info-meta{font-size:12px;color:var(--text-mute);margin:-6px 0 8px}.info-body .info-note{font-size:12px;color:var(--text-mute);background:var(--bg-soft);border-left:3px solid var(--border-strong);padding:8px 10px;border-radius:0 6px 6px 0;margin:8px 0}.info-body .info-table{width:100%;border-collapse:collapse;margin:8px 0 4px;font-size:12.5px}.info-body .info-table th,.info-body .info-table td{border:1px solid var(--border);padding:7px 9px;text-align:left;vertical-align:top}.info-body .info-table th{background:var(--bg-muted);font-weight:700;color:var(--text);white-space:nowrap}.info-body .info-table td{color:var(--text-soft)}.info-body ul.faq{list-style:none;margin-left:0}.info-body ul.faq li{padding:7px 0;border-bottom:1px solid var(--border)}.info-body ul.faq li:last-child{border-bottom:none}.info-body ul.faq b{color:var(--text)}.jpane-stroke{align-items:center;justify-content:center;gap:6px}.stroke-box{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;position:relative}.stroke-svg{width:auto;height:100%;max-height:150px;max-width:78%;object-fit:contain;display:block}.stroke-box.no-stroke .stroke-svg{display:none}.stroke-fallback{display:none;color:var(--text-faint);font-size:13px}.stroke-box.no-stroke .stroke-fallback{display:block}.stroke-foot{display:flex;align-items:center;justify-content:space-between;width:100%;flex:0 0 auto}.stroke-replay{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-soft);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .12s}.stroke-replay:hover{border-color:var(--accent);color:var(--accent)}.stroke-credit{font-size:10px;color:var(--text-faint)}html[data-theme=dark] .stroke-svg{filter:invert(1) hue-rotate(180deg)}.wcard .wpane-ex{gap:9px;justify-content:flex-start;overflow:auto;padding-top:10px}.wpane-ex .ex-item{padding-bottom:8px;border-bottom:1px solid var(--border)}.wpane-ex .ex-item:last-child{border-bottom:none;padding-bottom:0}.wpane-ex .ex-jp{display:flex;align-items:flex-start;gap:8px}.wpane-ex .ex-sentence{flex:1 1 auto;font-family:Noto Sans JP,sans-serif;font-size:15px;font-weight:600;color:var(--text);line-height:2.05;word-break:break-all}.wpane-ex .ex-sentence ruby rt{font-size:10.5px;color:var(--accent);font-weight:500;-webkit-ruby-position:before;ruby-position:over}.wpane-ex .ex-tts{flex:0 0 auto;margin-top:8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.wpane-ex .ex-tts:hover{background:var(--bg-muted);border-color:var(--border-strong)}.wpane-ex .ex-tts.playing{background:var(--text);color:var(--bg);border-color:var(--text)}.wpane-ex .ex-t{font-size:14px;color:var(--text-soft);line-height:1.55;margin-top:2px}.wpane-ex .ex-empty{color:var(--text-faint);font-size:13px;text-align:center;margin:auto}.card.scard{height:280px}.scard .tab-panel{display:flex;flex-direction:column;padding:12px 16px 14px}.scard .tab-panel[hidden]{display:none}.card.scard.known .tab-panel{background:var(--success-soft)}.scard .num-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace}.scard .num-row .right{display:inline-flex;gap:5px;align-items:center}.scard .lv-badge{font-size:10px;font-weight:700;color:var(--bg);background:var(--text);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace}.scard .cat-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}.scard .cat-badge.gram{color:var(--accent);background:var(--accent-soft)}.scard .cat-badge.conv{color:var(--success);background:var(--success-soft)}.scard .center{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px 4px;min-height:0;overflow:auto}.scard .sent-jp{font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:600;color:var(--text);line-height:2.1;text-align:center;word-break:break-all}.scard .sent-jp ruby rt{font-size:10.5px;color:var(--accent);font-weight:500;-webkit-ruby-position:before;ruby-position:over}.scard .center .ex-tts{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.scard .center .ex-tts:hover{background:var(--bg-muted);border-color:var(--border-strong)}.scard .center .ex-tts.playing{background:var(--text);color:var(--bg)}.scard .foot{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.scard .foot .lv-day{font-size:10px;color:var(--text-mute);font-weight:600;font-family:Pretendard,sans-serif}.scard .spane-exp{gap:0;justify-content:flex-start;overflow:auto;text-align:left}.scard .spane-exp .field-val{flex:1 1 auto;border-bottom:1px solid var(--border);padding:4px 0 5px;color:var(--text);font-size:14px;word-break:break-all}.scard .spane-exp .field-val.jp{font-family:Noto Sans JP,sans-serif;color:var(--accent);font-weight:600}.scard .spane-exp .field.mnemo{flex-direction:column;align-items:stretch;gap:4px;margin-top:8px}.scard .spane-exp .exp-text{font-size:13px;color:var(--text-soft);line-height:1.6}.scard .spane-exp .kanji-list{display:flex;flex-wrap:wrap;gap:5px}.scard .spane-exp .kanji-chip{display:inline-flex;align-items:baseline;gap:4px;padding:3px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-soft);font-size:12px}.scard .spane-exp .kanji-chip b{font-family:"Noto Serif JP",Noto Sans JP,serif;font-size:15px;color:var(--text);font-weight:700}.scard .spane-exp .kanji-chip em{font-style:normal;color:var(--text-mute);font-size:11px}.scard .spane-exp .gram-field{align-items:baseline}.scard .spane-exp .gram-val{flex:1 1 auto;display:flex;flex-direction:column;border-bottom:1px solid var(--border);padding:4px 0 5px}.scard .spane-exp .gram-p{font-size:14px;color:var(--text);word-break:break-all}.scard .spane-exp .gram-g{font-size:12.5px;color:var(--text-soft);line-height:1.5;margin-top:3px;word-break:break-all}.gcard .center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px}.gram-head{text-align:center}.gram-head .gram-p{font-size:clamp(20px,5vw,30px);font-weight:800;color:var(--text);word-break:keep-all;line-height:1.3}.gram-head .gram-pk{font-size:14px;color:var(--text-mute);font-weight:600;margin-top:5px}.gram-head .gram-g{font-size:13px;color:var(--text-soft);line-height:1.7;margin-top:10px}.fc-gram .gram-head .gram-p{font-size:clamp(22px,4vw,36px)}.fc-gram .gram-head .gram-pk{font-size:15px;margin-top:6px}.fc-gram .gram-head .gram-g{font-size:15px;margin-top:16px;line-height:1.75;max-width:680px;margin-left:auto;margin-right:auto}.gram-exp .fc-field+.fc-field{margin-top:14px}.sc-jp .ex-tts{border:none;background:transparent;color:var(--text-mute);padding:2px;margin-left:3px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;transition:background .14s,color .14s}.sc-jp .ex-tts:hover{background:var(--bg-muted);color:var(--text)}.sc-jp .ex-tts.playing{color:var(--text)}.gram-hl{background:linear-gradient(transparent 58%,#ffdd57bf 58%);border-radius:1px;padding:0 1px}.scard .spane-exp .kanji-field{align-items:flex-start}.scard .spane-exp .kanji-field .kanji-list{flex:1 1 auto}.note-lock{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:12px}.note-lock .lock-icon{font-size:30px;opacity:.85}.note-lock .lock-msg{font-size:13px;color:var(--text-mute);line-height:1.5}.note-lock .note-login-link{border:none;background:var(--text);color:var(--bg);font-family:inherit;font-size:13px;font-weight:700;padding:8px 18px;border-radius:999px;cursor:pointer;transition:filter .12s}.note-lock .note-login-link:hover{filter:brightness(1.15)}.card.lcard{height:280px}.lcard .tab-panel{display:flex;flex-direction:column;padding:12px 16px 14px}.lcard .tab-panel[hidden]{display:none}.card.lcard.known .tab-panel{background:var(--success-soft)}.lcard .num-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace}.lcard .num-row .right{display:inline-flex;gap:5px;align-items:center}.lcard .lv-badge{font-size:10px;font-weight:700;color:var(--bg);background:var(--text);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace}.lcard .type-badge{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:2px 7px;border-radius:4px}.lcard .lpane-listen .center{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:8px;text-align:center}.lcard .listen-theme{font-size:14px;font-weight:600;color:var(--text);word-break:keep-all}.lcard .listen-play{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;background:var(--text);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;transition:transform .12s,filter .12s}.lcard .listen-play:hover{filter:brightness(1.15);transform:scale(1.04)}.lcard .listen-play.playing{animation:ttsPulse 1.1s ease-in-out infinite}.lcard .listen-hint{font-size:11px;color:var(--text-faint)}.lcard .foot{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.lcard .foot .lv-day{font-size:10px;color:var(--text-mute);font-weight:600;font-family:Pretendard,sans-serif}.lcard .lpane-script{gap:8px;justify-content:flex-start;overflow:auto}.lcard .script-lines{display:flex;flex-direction:column;gap:9px}.lcard .sc-line{display:flex;gap:7px;align-items:flex-start}.lcard .sp-chip{flex:0 0 auto;font-size:10px;font-weight:700;padding:3px 6px;border-radius:5px;margin-top:6px}.lcard .sp-chip.f{color:#be185d;background:#fce7f3}.lcard .sp-chip.m{color:#1d4ed8;background:#dbeafe}.lcard .sc-body{flex:1 1 auto}.lcard .sc-jp{font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:600;color:var(--text);line-height:2;word-break:break-all}.lcard .sc-jp ruby rt{font-size:9.5px;color:var(--accent);font-weight:500;-webkit-ruby-position:before;ruby-position:over}.lcard .sc-t{font-size:12px;color:var(--text-soft);line-height:1.5}.lcard .script-note{margin-top:6px;padding-top:8px;border-top:1px solid var(--border);font-size:12px;color:var(--text-soft);line-height:1.5}.lcard .script-note .sn-label{font-weight:700;color:var(--text-mute)}html[data-theme=dark] .lcard .sp-chip.f{color:#f9a8d4;background:#4a1d3a}html[data-theme=dark] .lcard .sp-chip.m{color:#93c5fd;background:#1e3a5f}.lcard .listen-play .ic-pause,.lcard .listen-play.playing .ic-play{display:none}.lcard .listen-play.playing .ic-pause{display:inline}.lcard .speed-seg{display:inline-flex;gap:2px;padding:2px;background:var(--bg-muted);border-radius:999px}.lcard .sp-btn{border:none;background:none;cursor:pointer;font:inherit;font-size:11px;font-weight:600;color:var(--text-mute);padding:3px 9px;border-radius:999px;transition:all .12s}.lcard .sp-btn.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.lcard .script-top{display:flex;align-items:center;gap:8px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border)}.lcard .listen-play.sm{width:30px;height:30px;flex:0 0 auto}.lcard .shadow-hint{font-size:11.5px;color:var(--text-mute);font-weight:600}.lcard .sc-k{font-size:11.5px;color:var(--text-mute);line-height:1.4;margin:1px 0}.card.rcard{height:360px}.rcard .tab-panel{display:flex;flex-direction:column;padding:12px 16px 14px}.rcard .tab-panel[hidden]{display:none}.card.rcard.known .tab-panel{background:var(--success-soft)}.rcard .num-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace}.rcard .num-row .right{display:inline-flex;gap:5px;align-items:center}.rcard .lv-badge{font-size:10px;font-weight:700;color:var(--bg);background:var(--text);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace}.rcard .genre-badge{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:2px 7px;border-radius:4px}.rcard .read-top{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:2px;border-bottom:1px solid var(--border)}.rcard .read-title{flex:1 1 auto;font-size:12.5px;font-weight:700;color:var(--text);word-break:keep-all;line-height:1.4}.rcard .trans-toggle{flex:0 0 auto;border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;font-size:10.5px;font-weight:600;color:var(--text-mute);padding:3px 8px;border-radius:999px;transition:all .12s}.rcard .trans-toggle:hover{background:var(--bg-muted)}.rcard .trans-toggle.off{color:var(--text-faint)}.rcard .read-body{flex:1 1 auto;overflow:auto;display:flex;flex-direction:column;gap:9px;padding-top:6px}.rcard .sc-jp{font-family:Noto Sans JP,sans-serif;font-size:14.5px;font-weight:600;color:var(--text);line-height:2;word-break:break-all}.rcard .sc-jp ruby rt{font-size:9.5px;color:var(--accent);font-weight:500;-webkit-ruby-position:before;ruby-position:over}.rcard .sc-t{font-size:12px;color:var(--text-soft);line-height:1.5;margin-top:2px}.rcard .read-body.hide-trans .sc-t{display:none}.rcard .foot{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.rcard .foot .lv-day{font-size:10px;color:var(--text-mute);font-weight:600;font-family:Pretendard,sans-serif}.rcard .listen-play{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;transition:all .12s}.rcard .listen-play.sm{width:30px;height:30px;flex:0 0 auto}.rcard .listen-play:hover{filter:brightness(1.12);transform:scale(1.04)}.rcard .listen-play.playing{animation:ttsPulse 1.1s ease-in-out infinite}.rcard .listen-play .ic-pause,.rcard .listen-play.playing .ic-play{display:none}.rcard .listen-play.playing .ic-pause{display:inline}.rcard .rpane-exp{gap:0;justify-content:flex-start;overflow:auto;text-align:left}.rcard .rpane-exp .field{display:flex;flex-direction:column;gap:5px;padding:7px 0;border-bottom:1px solid var(--border)}.rcard .rpane-exp .field:last-child{border-bottom:none}.rcard .rpane-exp .field label{font-size:11px;font-weight:700;color:var(--text-mute)}.rcard .rpane-exp .field-val{font-size:13px;color:var(--text);line-height:1.6}.rcard .vocab-list{display:flex;flex-wrap:wrap;gap:5px}.rcard .vocab-chip{display:inline-flex;align-items:baseline;gap:4px;padding:3px 8px;border:1px solid var(--border);border-radius:6px}.rcard .vocab-chip b{font-size:13px;font-weight:700;color:var(--text)}.rcard .vocab-chip i{font-size:10.5px;color:var(--accent);font-style:normal}.rcard .vocab-chip em{font-size:11px;color:var(--text-mute);font-style:normal}.word-page{display:flex;flex-direction:column;width:100%;max-width:1164px;margin:0 auto}.word-topnav{padding:22px 32px 0}.wlv-tabs{display:flex;gap:6px;flex-wrap:wrap}.wlv-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);background:var(--bg);border-radius:999px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--text-mute);transition:all .12s}.wlv-tab:hover{border-color:var(--border-strong);color:var(--text)}.wlv-tab.active{background:var(--text);border-color:var(--text);color:var(--bg)}.wlv-count{font-size:11px;font-weight:500;opacity:.7;font-family:JetBrains Mono,monospace}.word-dayfilter{display:flex;align-items:center;gap:6px;padding:16px 32px 0}.df-label{font-size:12.5px;font-weight:700;color:var(--text-mute);margin-right:4px}.df-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;font-size:12px;font-weight:600;color:var(--text-mute);padding:5px 14px;border-radius:999px;transition:all .12s}.df-btn.active{background:var(--text);border-color:var(--text);color:var(--bg)}.word-day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:32px 22px 80px}.day-tile{position:relative;perspective:1100px;cursor:pointer;height:184px}.dt-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s}.day-tile.flipped .dt-inner{transform:rotateY(180deg)}.dt-front,.dt-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;overflow:hidden}.dt-front{display:flex;flex-direction:column;padding:17px 18px;border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.day-tile:not(.flipped):hover .dt-front{border-color:var(--text);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dt-front.done{border-color:var(--success-border);background:var(--success-soft)}.dt-head{display:flex;align-items:baseline;gap:8px}.dt-num{font-size:18px;font-weight:800;color:var(--text);letter-spacing:.01em}.dt-range{font-size:11px;color:var(--text-faint);font-family:JetBrains Mono,monospace}.dt-body{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.dt-stats{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-content:center}.dt-item{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;white-space:nowrap;min-width:0}.dt-k{color:var(--text-mute);font-weight:600;white-space:nowrap}.dt-v{color:var(--text);font-weight:700;white-space:nowrap}.dt-v.due{color:var(--text)}.dt-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--bg-muted);color:var(--text-mute);white-space:nowrap}.dt-badge.on{background:var(--success-soft);color:var(--success)}.dt-badge.due{background:#fef3c7;color:#92400e}.dt-ring{width:56px;height:56px;flex:0 0 auto;transform:rotate(-90deg)}.dt-ring .ring-bg{fill:none;stroke:var(--bg-muted);stroke-width:3.5}.dt-ring .ring-fg{fill:none;stroke:var(--text);stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .45s}.dt-front.done .ring-fg{stroke:var(--success)}.dt-ring .ring-txt{transform:rotate(90deg);transform-origin:center;font-size:9px;font-weight:800;fill:var(--text);text-anchor:middle}.dt-foot{font-size:10.5px;color:var(--text-faint);border-top:1px solid var(--border);padding-top:9px;text-align:center}.dt-seen{color:var(--text-mute)}.dt-back{transform:rotateY(180deg);display:flex;flex-direction:column;gap:8px;padding:13px;background:linear-gradient(135deg,#eef1f4,#f6f8fa);color:var(--text);border:1px solid var(--border)}.dt-back-title{font-size:13px;font-weight:800;letter-spacing:.02em;flex:0 0 auto}.dt-modes{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.dt-mode{display:flex;align-items:center;justify-content:center;min-height:0;padding:0;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;border-radius:10px;transition:background .12s,transform .1s}.dt-mode:hover:not(:disabled){background:var(--bg-muted);transform:translateY(-1px)}.dt-mode.soon{opacity:.45;cursor:default}.day-tile[data-state=locked]{cursor:default}.day-tile[data-state=locked] .dt-front>*{visibility:hidden}.day-tile[data-state=locked]:hover .dt-front{transform:none;box-shadow:var(--shadow-sm);border-color:var(--border)}.dt-lockcover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none}.dt-lockcover-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg);color:var(--text-mute);box-shadow:var(--shadow-sm)}.dt-lockcover-t{font-size:11.5px;font-weight:700;color:var(--text-mute)}.dt-lock{position:absolute;top:9px;right:10px;z-index:3;color:var(--text-mute);display:inline-flex;pointer-events:none}.dt-here{position:absolute;top:-8px;left:12px;z-index:3;font-size:10.5px;font-weight:800;color:var(--bg);background:var(--text);padding:2px 9px;border-radius:999px;box-shadow:var(--shadow-sm);pointer-events:none}.day-tile[data-state=current] .dt-front{border-color:var(--text);animation:dtPulse 2s ease-in-out infinite}.day-tile[data-state=current]:not(.flipped):hover .dt-front{border-color:var(--text);animation:none;box-shadow:0 0 0 2px #0000001a,var(--shadow-md)}@keyframes dtPulse{0%,to{box-shadow:0 0 0 2px #0000001a}50%{box-shadow:0 0 0 5px #0000000f}}.day-tile[data-state=passed] .dt-front:not(.done){border-color:var(--accent-soft)}.dt-stamp{position:absolute;top:10px;right:11px;z-index:3;font-size:11px;font-weight:900;letter-spacing:.04em;color:#e11d48;border:2px solid #e11d48;border-radius:6px;padding:1px 6px;transform:rotate(-10deg);pointer-events:none;opacity:.9}.pass-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;opacity:0;transition:opacity .25s}.pass-burst.show{opacity:1}.pass-burst.out{opacity:0}.pass-stamp{font-size:clamp(52px,15vw,120px);font-weight:900;letter-spacing:.06em;color:#e11d48;border:7px solid #e11d48;border-radius:18px;padding:4px 30px;transform:rotate(-12deg) scale(1.8);opacity:0;text-shadow:0 2px 0 rgba(225,29,72,.25)}.pass-burst.show .pass-stamp{animation:passStamp .55s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes passStamp{0%{transform:rotate(-12deg) scale(1.9);opacity:0}55%{opacity:1}to{transform:rotate(-12deg) scale(1);opacity:1}}.pass-sub{font-size:15px;font-weight:800;color:var(--text);background:var(--bg);padding:7px 18px;border-radius:999px;box-shadow:var(--shadow-md)}.wdh-pass{display:inline-flex;align-items:center;gap:8px}.wdh-pass b{font-size:13px;font-weight:800;color:var(--accent)}.wdh-pass-bar{width:90px;height:7px;border-radius:999px;background:var(--bg-muted);overflow:hidden}.wdh-pass-bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s}.word-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.word-modal[hidden]{display:none}#lesson-cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--bg);display:flex;align-items:center;justify-content:center}#lesson-cover.out{opacity:0;transition:opacity .18s;pointer-events:none}.lc-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--text-mute);animation:lcSpin .7s linear infinite}@keyframes lcSpin{to{transform:rotate(360deg)}}.wm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wm-panel{position:relative;width:min(1100px,96vw);height:92vh;background:var(--bg);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.wm-panel.mode-gallery{width:min(1480px,96vw)}.wm-panel.mode-card{width:min(1040px,94vw);height:min(720px,92vh)}.wm-head{position:relative;display:flex;align-items:center;gap:10px;padding:16px 22px;flex:0 0 auto;color:var(--text);background:var(--bg);border-bottom:1px solid var(--border)}.wmh-title{font-size:16px;font-weight:800;color:var(--text)}.wmh-sub{font-size:12.5px;color:var(--text-mute)}.wmh-right{margin:0 auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center}.wmh-div{width:1px;height:20px;background:var(--border);margin:0 4px;flex:0 0 auto}.wmh-fil{display:inline-flex;gap:2px;background:var(--bg-muted);border-radius:999px;padding:3px}.wmh-fil button{border:none;background:none;color:var(--text-mute);font:inherit;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:999px;cursor:pointer;transition:all .12s}.wmh-fil button:hover{color:var(--text)}.wmh-fil button.on{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.wmh-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:14px;transition:all .12s}.wmh-btn:hover,.wmh-btn.on{background:var(--bg-muted);color:var(--text)}.wmh-chip{background:var(--bg-muted);color:var(--text);font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px}.wm-close{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:15px;transition:all .12s}.wm-close:hover{background:var(--bg-muted);color:var(--text)}.wm-body{flex:1 1 auto;overflow:auto}#w-modal,.deck-modal{align-items:stretch;justify-content:stretch}#w-modal .wm-backdrop,.deck-modal .wm-backdrop{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}#w-modal .wm-panel,#w-modal .wm-panel.mode-card,#w-modal .wm-panel.mode-gallery,.deck-modal .wm-panel,.deck-modal .wm-panel.mode-card{width:100vw;height:100vh;height:100dvh;max-width:none;border-radius:0;box-shadow:none}#w-modal:not([hidden]) .wm-panel,.deck-modal:not([hidden]) .wm-panel{animation:wmSlideUp .32s cubic-bezier(.32,.72,0,1)}@keyframes wmSlideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}#w-modal .wm-head,.deck-modal .wm-head{padding:16px 24px 12px;gap:14px;row-gap:14px;border-bottom:none;width:100%;max-width:960px;margin:0 auto;flex-wrap:wrap}#w-modal .wm-panel.mode-gallery .wm-head{max-width:none}#w-modal .wm-panel.mode-gallery .wm-head,.deck-modal .wm-panel.mode-gallery .wm-head{max-width:none;padding-left:clamp(24px,6vw,110px);padding-right:clamp(24px,6vw,110px)}#w-modal .wmh-title,#w-modal .wmh-sub,.deck-modal .wmh-title,.deck-modal .wmh-sub{display:none}#w-modal .wm-close,.deck-modal .wm-close{order:-2;border:none;background:transparent;color:var(--text-mute);width:36px;height:36px;font-size:19px;border-radius:999px}#w-modal .wm-close:hover,.deck-modal .wm-close:hover{background:var(--bg-muted);color:var(--text)}#w-modal .wmh-prog{order:-1;flex:1 1 auto;height:16px;background:var(--bg-muted);border-radius:999px;overflow:hidden}#w-modal .wmh-prog>span{display:block;height:100%;background:var(--text);border-radius:999px;transition:width .35s ease}#w-modal .wmh-right,.deck-modal .wmh-right{margin:0;order:3;flex:1 1 100%;justify-content:center}#w-modal .wmh-tabs,.deck-modal .wmh-tabs{position:static;transform:none;left:auto;top:auto;display:flex;gap:6px;flex-wrap:wrap}#w-modal .wmh-tab,.deck-modal .wmh-tab{white-space:nowrap}#w-modal .fcx-progress{display:none}.deck-modal .wmh-prog{order:-1;flex:1 1 auto;height:16px;background:var(--bg-muted);border-radius:999px;overflow:hidden}.deck-modal .wmh-prog>span{display:block;height:100%;background:var(--text);border-radius:999px;transition:width .35s ease}#w-modal .wm-body,.deck-modal .wm-body{display:flex;flex-direction:column}#w-modal .fcx,#w-modal .quiz-q,#w-modal .quiz-start,#w-modal .quiz-result,#w-modal .fc-done,.deck-modal .fcx,.deck-modal .quiz-q,.deck-modal .quiz-start,.deck-modal .quiz-result{width:100%;max-width:960px;margin:0 auto}#w-modal .fcx-bar,.deck-modal .fcx-bar{padding:22px 16px 10px;gap:16px 24px;margin-bottom:3.5px}@media (hover: hover) and (pointer: fine){#w-modal .fcx-bar,.deck-modal .fcx-bar{padding-bottom:44px}}#w-modal .fcx-card,.deck-modal .fcx-card{padding-bottom:12px}.fcx{display:flex;flex-direction:column;height:100%}.fcx-progress{flex:0 0 auto;height:4px;background:var(--bg-muted)}.fcx-progress span{display:block;height:100%;background:var(--text);transition:width .3s}.fc-tabs{flex:0 0 auto;display:flex;justify-content:center;gap:6px;padding:14px 18px 4px;flex-wrap:wrap}.fc-tab{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font:inherit;font-size:13px;font-weight:600;padding:7px 15px;border-radius:999px;cursor:pointer;transition:all .12s}.fc-tab:hover{border-color:var(--text);color:var(--text)}.fc-tab.on{background:var(--text);color:var(--bg);border-color:var(--text)}.fc-kanji{font-family:Noto Sans JP,sans-serif;font-size:clamp(72px,12vw,150px);font-weight:800;color:var(--text);line-height:1.1}.fc-stroke{width:min(360px,80%);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.fc-stroke img{width:100%;height:100%;object-fit:contain}.fc-stroke.no-stroke:after{content:"획순 준비 중";color:var(--text-faint);font-size:14px}.fc-stroke.no-stroke img{display:none}.fc-replay{margin-top:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-mute);cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px}.fc-replay:hover{border-color:var(--text);color:var(--text)}.fc-fields{display:flex;flex-direction:column;gap:12px;width:min(560px,92%);text-align:left}.fc-field{display:flex;flex-direction:column;gap:3px;padding:12px 16px;background:var(--bg-soft);border-radius:12px}.fc-field label{font-size:12px;font-weight:700;color:var(--text-mute)}.fc-field .v{font-size:17px;font-weight:600;color:var(--text)}.fc-field .v.jp{font-family:Noto Sans JP,sans-serif}.jk-exp{display:flex;flex-direction:column;gap:26px}.jk-exp .fc-field{background:none;padding:0;gap:6px}.jk-exp .fc-field label{font-size:13px}.jk-exp-head{display:flex;align-items:center;justify-content:center;gap:22px;text-align:left;padding:4px 0}.jk-exp-charbox{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.jk-exp-charbox .jk-lb{font-size:12px;font-weight:700;color:var(--text-mute)}.jk-exp-char{font-family:Noto Sans JP,sans-serif;font-size:clamp(56px,12vw,72px);font-weight:800;line-height:1;color:var(--text);flex:1 1 0;min-width:0;text-align:center}.jk-exp-info{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--border);padding-left:22px}.jk-exp-info .jk-vv{font-size:14px;font-weight:700;color:var(--text)}.jk-exp-info .jk-vv.jp{font-family:Noto Sans JP,sans-serif}.jk-defrow{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.jk-defrow .fc-field{padding:0;background:none}.jk-morph{display:block;width:100%;max-width:400px;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;margin:4px auto 12px;box-shadow:var(--shadow-sm);background:var(--bg-muted)}.jk-mn{display:flex;gap:7px;align-items:flex-start;justify-content:center;font-size:14px;color:var(--text-soft);line-height:1.6;text-align:center}.jk-mn-ic{flex:0 0 auto;color:#f5b301;margin-top:3px;display:inline-flex}.mn-concl{white-space:nowrap}.jk-words .jk-wlist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.jk-words .jk-wchip{justify-content:center}@media (max-width: 560px){.jk-words .jk-wlist{grid-template-columns:repeat(2,1fr)}}.jk-wchip{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;background:var(--bg);border:none;border-radius:14px}.jk-wchip .jk-wjp{font-family:Noto Sans JP,sans-serif;font-size:19px;font-weight:700;line-height:1.5}.jk-wchip .jk-wjp rt{font-size:.5em;font-weight:700;color:var(--accent)}.jk-wchip .jk-wm{font-size:11px;color:var(--text-mute)}.fc-fields-plain{gap:0}.fc-fields-plain .fc-field{background:none;padding:0;gap:8px}.fc-fields-plain .fc-field+.fc-field{margin-top:22px;padding-top:22px;border-top:1px solid var(--border)}.fc-pane-scroll,.fcx-pane.fc-pane-scroll{align-items:stretch;justify-content:flex-start;padding:24px 28px;overflow:auto}.fc-pane-scroll .fc-fields,.fc-pane-scroll .read-body,.fc-pane-scroll .script-lines,.fc-pane-scroll .fc-read{width:100%;max-width:720px;margin:0 auto}.fc-read{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.fc-pane .listen-theme{font-size:22px;font-weight:700;color:var(--text);text-align:center}.fc-pane .listen-play{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;width:56px;height:56px;transition:all .12s}.fc-pane .listen-play.sm{width:34px;height:34px;flex:0 0 auto}.fc-pane .listen-play:hover{filter:brightness(1.12);transform:scale(1.04)}.fc-pane .listen-play.playing{animation:ttsPulse 1.1s ease-in-out infinite}.fc-pane .listen-play .ic-pause,.fc-pane .listen-play.playing .ic-play{display:none}.fc-pane .listen-play.playing .ic-pause{display:inline}.fc-pane .speed-seg{display:inline-flex;gap:2px;padding:3px;background:var(--bg-muted);border-radius:999px}.fc-pane .sp-btn{border:none;background:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--text-mute);padding:5px 12px;border-radius:999px}.fc-pane .sp-btn.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.fc-pane .listen-hint,.fc-pane .shadow-hint{font-size:13px;color:var(--text-faint)}.fc-pane .script-top{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.fc-pane .script-lines{display:flex;flex-direction:column;gap:12px;text-align:left}.fc-pane .sc-line{display:flex;gap:8px;align-items:flex-start;text-align:left}.fc-pane .sc-body{text-align:left;flex:1 1 auto}.fc-pane .sc-play{flex:0 0 auto;width:34px;height:34px;margin-top:4px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text-mute);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.fc-pane .sc-play:hover,.fc-pane .sc-play.playing{background:var(--text);color:var(--bg);border-color:var(--text)}.fc-pane .sp-chip{flex:0 0 auto;font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px;margin-top:5px}.fc-pane .sp-chip.f{color:#be185d;background:#fce7f3}.fc-pane .sp-chip.m{color:#1d4ed8;background:#dbeafe}.fc-pane .sc-jp{font-family:Noto Sans JP,sans-serif;font-size:21px;font-weight:600;color:var(--text);line-height:2.1}.fc-pane .sc-jp ruby rt{font-size:12.5px;color:var(--accent);font-weight:500;-webkit-ruby-position:before;ruby-position:over}.fc-pane .sent-jp{font-family:Noto Sans JP,sans-serif;font-weight:600;color:var(--text);line-height:2;word-break:break-all}.fc-pane .sent-jp ruby rt{font-size:.46em;font-weight:600;color:var(--accent);-webkit-ruby-position:before;ruby-position:over}.fc-pane .sc-jp-kor{line-height:1.5}.sc-jp-kor .kr{display:inline-flex;flex-direction:column;align-items:center;vertical-align:bottom;line-height:1.15;margin:0 1px}.sc-jp-kor .kr-jp{font-size:12px;color:var(--accent);font-weight:500}.sc-jp-kor .kr-h{font-size:21px}.sc-jp-kor .kr-ko{font-size:12px;color:var(--text-mute);font-weight:500}.fc-pane .sc-k{font-size:15px;color:var(--text-mute)}.fc-pane .sc-k{font-size:14px;color:var(--text-mute);font-weight:500;line-height:1.5;margin-top:4px}.fc-vchip.reading-now{outline:2px solid var(--text);outline-offset:1px}.read-body .rd-line.reading-now{background:var(--bg-soft);border-radius:10px;box-shadow:0 0 0 6px var(--bg-soft)}.se-vchip.reading-now{outline:2px solid var(--text);outline-offset:1px}.se-exs .se-ex.reading-now{background:var(--bg-soft);border-radius:10px;box-shadow:0 0 0 6px var(--bg-soft)}.fc-pane .sc-t{font-size:16.5px;color:var(--text);line-height:1.6;margin-top:3px}.fc-pane .script-note{margin-top:8px;padding-top:10px;border-top:1px solid var(--border);font-size:13px;color:var(--text-soft)}.fc-pane .script-note .sn-label{font-weight:700;color:var(--text-mute)}.fc-pane .read-top{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.fc-pane .read-title{flex:1 1 auto;font-size:16px;font-weight:700;color:var(--text);line-height:1.4}.fc-pane .trans-toggle{flex:0 0 auto;border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;font-size:12px;font-weight:600;color:var(--text-mute);padding:6px 12px;border-radius:999px}.fc-pane .trans-toggle:hover{border-color:var(--text);color:var(--text)}.fc-pane .read-body{display:flex;flex-direction:column;gap:26px;text-align:left}.fc-pane .read-body.hide-trans .sc-t{display:none}.fc-story{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:4px 0 8px}.fc-story .read-title{font-size:15px;font-weight:800;color:var(--text)}.story-img-wrap{width:100%;max-width:460px;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background:var(--bg-muted);box-shadow:0 6px 24px #00000014}.story-img-wrap.noimg{display:none}.story-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s}.story-caption{min-height:60px;display:flex;flex-direction:column;gap:7px;justify-content:center}.story-jp{font-family:Noto Sans JP,sans-serif;font-size:22px;font-weight:600;color:var(--text);line-height:2}.story-jp ruby rt{font-size:12.5px;color:var(--accent);font-weight:500;-webkit-ruby-position:before;ruby-position:over}.story-ko{font-size:15.5px;color:var(--text-soft);line-height:1.55}.story-dots{display:flex;gap:7px}.story-dot{width:7px;height:7px;border-radius:50%;background:var(--border);transition:all .2s}.story-dot.on{background:var(--text);width:20px;border-radius:4px}@media (max-width: 560px){.story-img-wrap{max-width:320px}.story-jp{font-size:19px}}.fc-vocab{display:flex;flex-wrap:wrap;gap:6px}.fc-vchip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:8px}.fc-vchip b{font-family:Noto Sans JP,sans-serif;font-size:21px;font-weight:700;color:var(--text);line-height:2}.fc-vchip b ruby rt{font-size:12.5px;color:var(--accent);font-weight:700;-webkit-ruby-position:before;ruby-position:over}.fc-vchip i{font-size:12px;color:var(--accent);font-style:normal}.fc-vchip em{font-size:13px;color:var(--text-mute);font-style:normal}.wmh-tabs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:6px}.wmh-tab{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font:inherit;font-size:13px;font-weight:600;padding:7px 15px;border-radius:999px;cursor:pointer;transition:all .12s}.wmh-tab:hover{border-color:var(--text);color:var(--text)}.wmh-tab.on{background:var(--text);color:var(--bg);border-color:var(--text)}.fcx-card{flex:1 1 auto;position:relative;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.fcx-card.fcx-in{animation:cardIn .26s cubic-bezier(.22,.61,.36,1)}.fcx-pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 30px;text-align:center;overflow:auto}.fcx-word{font-family:Noto Sans JP,sans-serif;font-size:clamp(56px,7vw,88px);font-weight:800;line-height:1.4;color:var(--text)}.fcx-word.sm{font-size:clamp(34px,4.4vw,52px)}.fcx-word ruby rt{font-size:clamp(20px,2.6vw,32px);font-weight:600;color:var(--accent)}.fcx-kana{font-size:16px;color:var(--text-mute)}.fcx-img{max-height:56vh}.fcx-img img{max-height:56vh;max-width:min(580px,86vw);border-radius:16px}.fcx-pane-image{padding:12px;overflow:hidden;gap:12px;justify-content:center}.fcx-imgtip{flex:0 0 auto;max-width:92%;font-size:16px;font-weight:600;color:var(--text);line-height:1.45;text-align:center}.fcx-pane-image .fcx-img{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.fcx-pane-image .fcx-img img{max-height:100%;max-width:min(620px,90%);object-fit:contain}.fcx-img.noimg:after{content:"연상이미지 없음";color:var(--text-faint);font-size:14px}.fcx-img.noimg img{display:none}.fcx-pane-note{justify-content:flex-start;padding:24px 30px 28px}.fcx-note-label{font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px}.fcx-note{width:min(820px,96%);flex:1 1 auto;min-height:0;resize:vertical;border:1px solid var(--border);border-radius:14px;padding:16px 18px;font:inherit;font-size:15px;line-height:1.6;color:var(--text);background:var(--bg-soft)}.fcx-note:focus{outline:none;border-color:var(--text)}.fcx-note-locked{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--text-mute);margin-top:40px}.fcx-speak{margin-top:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);width:46px;height:46px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:background .12s,transform .1s}.fcx-speak:hover{background:var(--bg-muted);transform:scale(1.06)}.fcx-speak svg{width:22px;height:22px}.fcx-hint{font-size:13px;color:var(--text-faint);margin-top:6px}.fcx-pane-mean{justify-content:flex-start;padding-top:22px}.fcx-mean-inner{display:flex;flex-direction:column;align-items:center;gap:13px;width:min(580px,92%)}.fcx-img.fcx-meanimg{width:100%;display:flex;justify-content:center;margin-top:4px}.fcx-img.fcx-meanimg img{width:100%;max-width:400px;max-height:42vh;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;display:block}.fcx-pane-kanji .fcx-word{margin-bottom:4px}.fcx-badge{align-self:flex-start;display:flex;align-items:center;gap:6px;margin-bottom:2px}.fcx-headrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;column-gap:8px}.fcx-headrow{align-items:start}.fcx-headrow .fcx-badge{grid-column:1;justify-self:start;align-self:start;margin-top:8px;margin-bottom:0}.fcx-headrow .fcx-word{grid-column:2}@media (max-width: 600px){.fcx-headrow{grid-template-columns:1fr;row-gap:6px}.fcx-headrow .fcx-badge{grid-column:1;margin-top:0}.fcx-headrow .fcx-word{grid-column:1;justify-self:center}}.fcx-bg-pos{font-size:12px;font-weight:700;color:var(--text-mute);background:var(--bg-muted);padding:4px 11px;border-radius:999px}.fcx-bg-lv{font-size:12px;font-weight:700;color:var(--bg);background:var(--text);padding:4px 11px;border-radius:999px}.fcx-bmean{font-size:30px;font-weight:800;color:var(--text)}.fcx-tip{font-size:14px;color:var(--text-soft);line-height:1.5;max-width:560px;display:inline-flex;gap:7px;align-items:flex-start;text-align:left}.fcx-tip-ic{flex:0 0 auto;color:#f5b301;margin-top:3px;display:inline-flex}@media (max-width: 600px){.fcx-pane-mean{padding-top:12px}.fcx-mean-inner{gap:8px}.fcx-bmean{font-size:25px}.fcx-img.fcx-meanimg{margin-top:0}.fcx-img.fcx-meanimg img{max-width:360px;max-height:none}.jk-morph{max-width:360px}}.fcx-exs{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.fc-ex{display:flex;flex-direction:column;gap:2px;padding:9px 12px;background:var(--bg-soft);border-radius:10px;text-align:left}.fc-ex-jp{font-family:Noto Sans JP,sans-serif;font-size:17px;color:var(--text)}.fc-ex-jp ruby rt{font-size:11px;color:var(--accent)}.fc-ex-k{font-size:13px;color:var(--text-soft)}.fc-ex-t{font-size:14px;color:var(--text-mute);margin-top:7px}.fcx-kjbox{width:100%;display:flex;flex-direction:column;gap:6px;padding:11px 14px;background:var(--bg-soft);border-radius:10px;text-align:left}.fcx-kj{display:flex;align-items:baseline;gap:10px}.fcx-kj-c{font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;color:var(--text);flex:0 0 auto;min-width:24px;line-height:1.2}.fcx-kj-t{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.fcx-kj-t b{font-size:13.5px;font-weight:600;color:var(--text-soft)}.fcx-kj-r{font-family:Noto Sans JP,sans-serif;font-size:12px;color:var(--text-mute)}.fcx-bar{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:14px 24px 28px;border-top:1px solid var(--border);background:var(--bg)}.fcx-left{display:flex;gap:8px;justify-self:start}.fcx-right{justify-self:end;display:flex;align-items:center;gap:12px}.fcx-known{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-mute);cursor:pointer;transition:color .12s}.fcx-known:hover,.fcx-known.on{color:var(--text)}.fcx-known input{cursor:pointer;width:16px;height:16px;margin:0;accent-color:var(--text)}.fcx-mark.on input{accent-color:#eab308}.fcx-tool{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .12s}.fcx-tool:hover{background:var(--bg-muted);color:var(--text)}.fcx-tool.on{background:var(--text);color:var(--bg);border-color:var(--text)}.fcx-tool-auto.on{background:#22c55e;border-color:#22c55e;color:#fff}.fcx-tool-mark.on{background:#facc15;border-color:#facc15;color:#422006}.fcx-tool-mark.on:hover{background:#fde047;border-color:#fde047}.fcx-markbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font:inherit;font-size:13px;font-weight:700;padding:8px 15px;border-radius:999px;cursor:pointer;transition:all .12s;white-space:nowrap}.fcx-markbtn svg{width:16px;height:16px;flex:0 0 auto}.fcx-markbtn:hover{border-color:var(--text);color:var(--text)}.fcx-markbtn.on{background:#facc15;border-color:#facc15;color:#422006}.fcx-markbtn.on:hover{background:#fde047;border-color:#fde047}.fcx-markbtn.bm-markbtn{gap:0;padding:0;width:34px;height:34px;border-radius:50%;justify-content:center}.fcx-tool svg{width:19px;height:19px}.fcx-nav{justify-self:center}.fcx-col{display:flex;flex-direction:column;gap:1px}.fcxb-label{font-size:11px;color:var(--accent);font-weight:700}.fcxb-jp,.fcxb-m{font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:700;color:var(--text)}.fcxb-r{font-size:12px;color:var(--text-mute)}.fcx-nav{display:flex;align-items:center;gap:16px;position:relative}.fcx-count{font-size:14px;font-weight:700;color:var(--text-mute);font-family:JetBrains Mono,monospace;min-width:70px;text-align:center}.fcx-navbtn{border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--text-mute);padding:9px 16px;border-radius:10px;transition:all .12s}.fcx-navbtn:hover:not(:disabled):not(.primary){border-color:var(--text);color:var(--text)}.fcx-navbtn:disabled{opacity:.35;cursor:default}.fcx-navbtn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.fcx-navbtn.primary:hover:not(:disabled){filter:brightness(1.25)}.fcx-navbtn.cue{animation:fcxCue 1.15s ease-in-out infinite}@keyframes fcxCue{0%,to{transform:scale(1);box-shadow:0 0 #80808080}50%{transform:scale(1.06);box-shadow:0 0 0 8px #80808000}}.wmh-count{order:0;flex:0 0 auto;margin-left:auto;font-size:14px;font-weight:700;color:var(--text-mute);font-family:JetBrains Mono,monospace;white-space:nowrap}.fcx-grade{justify-self:center;display:grid;grid-template-columns:1fr 1fr;gap:10px}.fcx-gbtn{border:1px solid var(--border);cursor:pointer;font:inherit;font-size:15px;font-weight:800;padding:13px 22px;border-radius:12px;transition:all .12s;white-space:nowrap}.fcx-gbtn.dunno{background:var(--bg-soft);color:var(--text)}.fcx-gbtn.dunno:hover{border-color:var(--text)}.fcx-gbtn.known{background:var(--text);color:var(--bg);border-color:var(--text)}.fcx-gbtn.known:hover{filter:brightness(1.25)}.fcx-gbtn.cue{box-shadow:0 0 0 3px #80808047}.fcx-gbtn:disabled{opacity:.4;cursor:not-allowed;filter:none}.fcx-gbtn:disabled:hover{border-color:var(--border)}.fcx-cue-hint{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:12.5px;font-weight:600;color:var(--text);animation:fcxHintIn .25s ease}@keyframes fcxHintIn{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.fcx-play{border:none;width:42px;height:42px;border-radius:50%;background:#8b5cf6;color:#fff;cursor:pointer;font-size:14px}.fcx-play:hover{filter:brightness(1.1)}.fc-done,.lesson-soon,.fc-empty{text-align:center;padding:70px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.fcd-emoji,.ls-emoji{font-size:50px}.fcd-title,.ls-title{font-size:21px;font-weight:800;color:var(--text)}.fcd-stat{font-size:16px;color:var(--text-soft)}.ls-sub{font-size:13px;color:var(--text-mute)}.quiz-start,.quiz-result{max-width:560px;min-height:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:40px 20px}.qs-title{font-size:18px;font-weight:800;color:var(--text)}.qs-types{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.qs-type{border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--text-mute);padding:9px 16px;border-radius:999px;transition:all .12s}.qs-type.on{background:var(--text);border-color:var(--text);color:var(--bg)}.qs-info{font-size:13px;color:var(--text-mute)}.qs-start{border:none;background:var(--text);color:var(--bg);cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:12px 34px;border-radius:12px;transition:filter .12s}.qs-start:hover{filter:brightness(1.25)}.quiz-q{max-width:840px;min-height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:26px;padding:4px 36px 30px}.qq-top{position:relative;display:flex;align-items:center;gap:12px}.qq-dots{display:flex;align-items:center;gap:5px;flex:1 1 auto}.qq-type{margin-right:auto;flex:0 0 auto;font-size:12.5px;font-weight:700;color:var(--text-mute)}.qd{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .15s}.qd.done{background:var(--text)}.qd.cur{background:var(--text);transform:scale(1.35)}.qq-count{font-size:13px;font-weight:700;color:var(--text);font-family:JetBrains Mono,monospace}.qq-timer{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:var(--text-mute);font-family:JetBrains Mono,monospace}.qq-timer svg{width:15px;height:15px}.card-countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fffffff0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:inherit}html[data-theme=dark] .card-countdown{background:#0f1115f0}.cc-cheer{font-size:clamp(22px,5vw,34px);font-weight:900;letter-spacing:-.01em;color:var(--text);text-align:center;padding:0 20px;margin-bottom:16px;min-height:1.3em}.cc-cheer.pop{animation:ccRise .45s ease}@keyframes ccRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cc-num{font-size:clamp(96px,24vw,168px);font-weight:900;color:var(--text);font-family:JetBrains Mono,monospace;line-height:1}.cc-num.pop{animation:ccPop .75s ease}@keyframes ccPop{0%{transform:scale(.4);opacity:0}22%{transform:scale(1.12);opacity:1}65%{transform:scale(1);opacity:1}to{transform:scale(.82);opacity:.25}}.card-countdown.out{animation:ccFade .48s ease forwards}@keyframes ccFade{to{opacity:0}}.qq-timer.urgent{color:#dc2626;animation:qqTimerPulse 1s ease-in-out infinite}@keyframes qqTimerPulse{0%,to{opacity:1}50%{opacity:.45}}.wm-panel.qz-danger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;border-radius:inherit;box-shadow:inset 0 0 70px 10px #dc2626a6;animation:qzDangerFlash .6s ease-in-out infinite}@keyframes qzDangerFlash{0%,to{opacity:.12}50%{opacity:1}}.qq-score{font-size:12.5px;font-weight:700;color:var(--text-mute)}.qq-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:18px;padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:230px}.qq-word{font-family:Noto Sans JP,sans-serif;font-size:clamp(42px,6vw,60px);font-weight:800;color:var(--text);line-height:1.25}.sq-sent{font-family:Noto Sans JP,sans-serif;font-size:clamp(22px,3.4vw,32px);font-weight:700;color:var(--text);line-height:1.6}.sq-blank{display:inline-block;width:2.4em;border-bottom:3px dashed var(--text)}.sq-cloze-t{margin-top:10px;font-size:15px;font-weight:600;color:var(--text-mute)}.sq-build-t{font-size:clamp(20px,3vw,28px);font-weight:700;color:var(--text);line-height:1.5}.sq-sent ruby rt{font-size:.55em;color:var(--accent);font-weight:600}.sq-sent .gram-hl,.gram-q-p .gram-hl{background:linear-gradient(transparent 55%,#fde68a 55%);border-radius:2px;padding:0 1px}.gram-q-p{font-family:Noto Sans JP,sans-serif;font-size:clamp(24px,4vw,38px);font-weight:800;color:var(--text);line-height:1.5}.gram-q-p ruby rt{font-size:.5em;color:var(--accent);font-weight:600}.gram-q-pk{font-size:14px;color:var(--text-mute);font-weight:600;margin-top:6px}.gram-q-mean{font-size:clamp(16px,2.6vw,21px);font-weight:700;color:var(--text);line-height:1.55}.gq-blank{display:inline-block;min-width:62px;margin:0 3px;border-bottom:3px solid var(--accent);color:var(--accent);font-weight:800;text-align:center;vertical-align:baseline}.gq-listen{display:flex;flex-direction:column;align-items:center;gap:14px}.gq-play{width:84px;height:84px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #7c3aed59;transition:transform .12s}.gq-play:hover{transform:scale(1.05)}.gq-play.playing{animation:gqPulse 1s ease-in-out infinite}@keyframes gqPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.gq-listen-t{font-size:14px;color:var(--text-mute);font-weight:600}.gsc-hint{font-size:15px;color:var(--text-mute);font-weight:600;margin-bottom:14px}.gsc-answer{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;min-height:52px;width:100%;padding:10px;border:2px dashed var(--border);border-radius:14px;box-sizing:border-box}.gsc-ph{font-size:14px;color:var(--text-faint);font-weight:500}.gsc-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}.gsc-chip{font-family:Noto Sans JP,sans-serif;font-size:19px;font-weight:700;color:var(--text);padding:12px 16px;min-height:48px;border:1px solid var(--border);border-radius:12px;background:var(--bg);cursor:pointer;transition:all .12s;line-height:1.9}.gsc-chip:hover{border-color:var(--accent)}.gsc-chip ruby rt{font-size:.5em;color:var(--accent);font-weight:600}.gsc-chip.placed{background:var(--accent);border-color:var(--accent);color:#fff}.gsc-chip.placed ruby rt{color:#ffffffe6}.gsc-result .sq-sent{color:var(--text)}.gsc-result.ok .sq-sent{color:#16a34a}.gsc-result.no .sq-sent{color:#dc2626}.gsc-result .sc-t{font-size:15px;color:var(--text-mute);font-weight:600;margin-top:10px}.quiz-opt .opt-text{line-height:1.75}.quiz-opt .opt-text ruby rt{font-size:.6em;color:var(--accent);font-weight:600}.qq-word ruby rt{font-size:clamp(16px,2.2vw,22px);color:var(--accent);font-weight:600}.qq-k{font-size:17px;color:var(--text-mute)}.qq-speak,.qq-listen-big{flex:0 0 auto;aspect-ratio:1;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s,filter .12s}.qq-speak{width:40px;height:40px}.qq-speak svg{width:19px;height:19px}.qq-listen-big{width:76px;height:76px}.qq-listen-big svg{width:36px;height:36px}.qq-speak:hover,.qq-listen-big:hover{transform:scale(1.08);box-shadow:var(--shadow-md);background:var(--bg-muted)}.qq-sub{text-align:center;font-size:14px;font-weight:600;color:var(--text-soft)}.qq-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.qq-opts,.ln-body .qq-opts{grid-template-columns:1fr}#w-modal .quiz-q,.deck-modal .quiz-q{gap:13px;padding:8px 16px 16px}#w-modal .qz-tally,.deck-modal .qz-tally{margin-bottom:12px}#w-modal .qq-box,.deck-modal .qq-box{padding:24px 18px;min-height:110px}#w-modal .qz-nav,.deck-modal .qz-nav{padding-top:10px}#w-modal .quiz-opt,.deck-modal .quiz-opt{padding:15px 18px}}.kq-kana-opts .opt-text{font-family:Noto Sans JP,sans-serif;font-size:26px;font-weight:700;line-height:1.3}.qq-word.kq-ko{font-family:inherit}.jq-jp-opts .opt-text{font-family:Noto Sans JP,sans-serif;font-size:22px;font-weight:700;line-height:1.35}.qq-word.jq-mean{font-family:inherit;font-size:clamp(26px,4.5vw,40px)}.qq-word.qq-word-ko{font-family:inherit;font-size:clamp(20px,3.6vw,30px);font-weight:700;line-height:1.4}.quiz-opt{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--bg);cursor:pointer;font:inherit;font-size:17px;font-weight:600;color:var(--text);transition:all .12s;text-align:left}.quiz-opt:hover:not(:disabled){border-color:var(--text)}.quiz-opt:disabled{cursor:default}.opt-label{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--bg-muted);color:var(--text-mute);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.opt-text{flex:1 1 auto}.opt-check,.opt-x{margin-left:auto;font-weight:800}.quiz-opt.correct{border-color:#22c55e;border-width:2px;background:var(--bg);color:var(--text)}.quiz-opt.correct .opt-label{background:#22c55e;color:#fff}.quiz-opt.correct .opt-check{color:#22c55e}.quiz-opt.wrong{background:#fee2e2;border-color:#ef4444;color:#dc2626}html[data-theme=dark] .quiz-opt.wrong{background:#4a1d1d;border-color:#7f3030;color:#fca5a5}.quiz-opt.wrong .opt-label{background:#dc2626;color:#fff}.quiz-opt.wrong .opt-x{color:#dc2626}@keyframes qzPop{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-4px) scale(1.04,.96)}50%{transform:translateY(-6px) scale(.97,1.05)}70%{transform:translateY(0) scale(1.03,.98)}to{transform:translateY(0) scale(1)}}@keyframes qzShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.quiz-opt.correct,.qimg-opt.correct,.qz-tf.correct{animation:qzPop .5s cubic-bezier(.16,1,.3,1)}.quiz-opt.wrong,.qimg-opt.wrong,.qz-tf.wrong{animation:qzShake .34s ease-in-out}@keyframes qzSlideIn{0%{opacity:0;transform:translate(46px)}to{opacity:1;transform:none}}.quiz-q.qz-fresh{animation:qzSlideIn .32s cubic-bezier(.16,1,.3,1)}@keyframes qzRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.qz-next{animation:qzRise .3s cubic-bezier(.16,1,.3,1) both}.qz-btn,.qz-next,.fcx-gbtn{border-bottom-width:3px}.qz-btn:active,.qz-next:active,.fcx-gbtn:not(:disabled):active{transform:translateY(2px);border-bottom-width:1px}.quiz-opt:not([disabled]):active,.qimg-opt:not([disabled]):active,.qz-tf:not([disabled]):active{transform:translateY(1px)}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}25%{opacity:1;transform:translate(-50%) scale(1.14)}40%{transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-22px) scale(.95)}}.combo-pill{position:fixed;top:22%;left:50%;z-index:9997;pointer-events:none;display:flex;align-items:baseline;gap:3px;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-weight:900;box-shadow:0 8px 24px #ef444459;animation:comboPop .9s cubic-bezier(.16,1,.3,1) forwards}.combo-pill .combo-x{font-size:16px;opacity:.9}.combo-pill .combo-n{font-size:26px;line-height:1}.combo-pill .combo-lbl{font-size:12px;margin-left:3px;opacity:.95}.combo-mile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2001;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s}.combo-mile.show{opacity:1}.combo-mile.out{opacity:0}.combo-mile .cm-inner{display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(60px);transition:transform .34s cubic-bezier(.16,1,.3,1)}.combo-mile.show .cm-inner{transform:none}.combo-mile .cm-big{font-size:clamp(34px,10vw,68px);font-weight:900;color:#f59e0b;text-shadow:0 4px 18px rgba(245,158,11,.4)}.combo-mile .cm-sub{font-size:15px;font-weight:700;color:var(--text-mute)}.qz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.qz-skip{flex:0 0 auto;border:1px solid var(--border);background:var(--bg);color:var(--text-mute);cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:13px 22px;border-radius:12px;transition:all .12s}.qz-skip:hover:not(:disabled){border-color:var(--text);color:var(--text)}.qz-next{flex:0 0 auto;border:none;background:var(--text);color:var(--bg);cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:13px 22px;border-radius:12px;transition:filter .12s}.qz-next:hover:not(:disabled){filter:brightness(1.25)}.qz-skip:disabled,.qz-next:disabled{opacity:.4;cursor:default}.qz-tally{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:500;margin:0 0 6px}#w-modal .wm-panel.mode-quiz .wm-head,.deck-modal .wm-panel.mode-quiz .wm-head{padding-bottom:8px}#w-modal .wmh-right:empty,.deck-modal .wmh-right:empty{display:none}.qz-tally b{font-weight:500}.qz-tally i{color:var(--text-faint);font-style:normal;font-weight:500}.qz-tally .ok,.qz-tally .no{color:var(--text)}@media (max-width: 520px){.qz-tally{font-size:12px;gap:5px}.qz-tally b{white-space:nowrap}}.qr-big{font-size:52px;font-weight:800;color:var(--text);font-family:JetBrains Mono,monospace;line-height:1}.qr-of{font-size:26px;color:var(--text-mute)}.qr-pct{color:var(--text-mute);font-size:15px;font-weight:600}.qr-reward{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px;animation:qrRewardIn .42s cubic-bezier(.16,1,.3,1) both;animation-delay:.18s}@keyframes qrRewardIn{0%{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:none}}.qr-rw{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:999px;font-size:15px;font-weight:800}.qr-rw .qr-ic{width:15px;height:15px;flex:0 0 auto}.qr-rw.clear{animation:qrClearPulse 1s ease-in-out 1}@keyframes qrClearPulse{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}.qr-rw.xp{background:var(--accent-soft);color:var(--accent)}.qr-rw.gold{background:#f5b50a24;color:#d99400}.qr-rw.clear{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.qr-rw.bonus{background:linear-gradient(135deg,#f59e0b,#f43f5e);color:#fff}.spk-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 16px 20px;text-align:center;max-width:760px;margin:0 auto;width:100%}.spk-tier{font-size:12.5px;font-weight:800;color:var(--text-mute);letter-spacing:.02em}.spk-read-face{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 12px;text-align:center;width:100%}.spk-read-face .spk-jp{margin:4px 0}.spk-mic-area{display:flex;justify-content:center;margin-top:2px}.spk-fb-slot{width:100%;display:flex;justify-content:center}.spk-exp-read{font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:600;color:var(--accent)}.spk-exp-ko{font-size:17px;font-weight:600}.spk-exp-ctx{font-size:13px;color:var(--text-mute)}.spk-target{display:flex;flex-direction:column;gap:8px;align-items:center;margin:6px 0}.spk-word{font-size:40px;font-weight:800;line-height:1.2}.spk-read{font-size:20px;color:var(--accent);font-weight:700}.spk-jp{font-size:27px;font-weight:700;line-height:1.7}.spk-jp ruby rt{font-size:.5em;font-weight:600;color:var(--accent)}.spk-role{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-right:6px;border-radius:999px;background:var(--bg-muted);font-size:13px;font-weight:800;vertical-align:middle}.spk-ko{font-size:15px;color:var(--text-mute)}.spk-lineinfo{display:inline}.spk-listen{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;transition:background .12s,transform .1s}.spk-listen svg{width:24px;height:24px}.spk-listen:hover{background:var(--bg-muted)}.spk-listen:active{transform:scale(.94)}.spk-input{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.spk-mic{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:108px;height:108px;border-radius:50%;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #7c3aed59;transition:transform .1s}.spk-mic svg{width:34px;height:34px}.spk-mic:active{transform:scale(.96)}.spk-mic.rec{background:linear-gradient(135deg,#f43f5e,#e11d48);animation:spkPulse 1.1s ease-in-out infinite}@keyframes spkPulse{0%,to{box-shadow:0 8px 20px #e11d4859,0 0 #e11d4866}50%{box-shadow:0 8px 20px #e11d4859,0 0 0 14px #e11d4800}}.spk-fb{width:100%;max-width:560px;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:7px;align-items:center}.spk-fb.good{background:#10b9811a}.spk-fb.bad{background:#f43f5e17}.spk-fb-t{font-size:15px;font-weight:800}.spk-fb.good .spk-fb-t{color:#059669}.spk-fb.bad .spk-fb-t{color:#e11d48}.spk-fb-sub{font-size:12.5px;color:var(--text-mute)}.spk-aligned{font-size:22px;font-weight:700;letter-spacing:1px}.spk-ch.ok{color:#10b981}.spk-ch.no{color:#f43f5e;opacity:.7}.spk-selfrate{display:flex;gap:10px}.spk-note{font-size:12px;color:var(--text-mute);max-width:320px}.qz-btn.ghost{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}@media (max-width: 600px){.spk-word{font-size:34px}.spk-jp{font-size:22px}.spk-mic{width:96px;height:96px}}.qr-remark{color:var(--text);font-size:14.5px;font-weight:700;line-height:1.55;max-width:360px;text-align:center;margin-top:2px}.qr-remark.ok{color:var(--text);font-size:30px;font-weight:800}.qr-remark.fail{color:var(--text);font-size:23px;font-weight:800}.qr-cheer{color:var(--text-mute);font-size:14.5px;font-weight:600;margin-top:-20px;margin-bottom:26px}.qr-wrong{width:100%;max-width:460px;display:flex;flex-direction:column;gap:5px;margin-top:4px}.qrw-label{font-size:13px;font-weight:700;color:var(--text-mute);text-align:left}.qrw-list{display:flex;flex-direction:column;gap:5px;max-height:296px;overflow-y:auto;padding-right:4px}.qrw-list::-webkit-scrollbar{width:6px}.qrw-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.qrw-item{font-size:13px;color:var(--text-soft);text-align:left;padding:6px 10px;background:var(--bg-soft);border-radius:7px}.qrw-item b{color:var(--text);font-family:Noto Sans JP,sans-serif}.qr-perfect{font-size:21px;color:var(--text);font-weight:700;margin-top:-20px;margin-bottom:28px}.qr-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.qz-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;font-size:14px;font-weight:700;padding:11px 22px;border-radius:12px;transition:all .12s}.qz-btn:hover{border-color:var(--text)}.qz-btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.qz-btn.primary:hover{filter:brightness(1.25)}.qz-input{width:100%;max-width:420px;align-self:center;border:2px solid var(--border);border-radius:12px;padding:14px 18px;font:inherit;font-size:22px;text-align:center;color:var(--text);background:var(--bg)}.qz-input:focus{outline:none;border-color:var(--text)}.qz-input.ok{border-color:var(--text)}.qz-input.bad{border-color:#ef4444}.qz-submit{align-self:center;border:none;background:var(--text);color:var(--bg);cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:12px 34px;border-radius:12px}.qz-submit:hover{filter:brightness(1.25)}.qz-hint{text-align:center;font-size:14px;color:var(--text-mute)}.qz-hint b{font-family:Noto Sans JP,sans-serif;color:var(--text);font-size:18px}.qz-feedback{text-align:center;font-size:15px;font-weight:600}.qz-feedback.ok{color:var(--text)}.qz-feedback.bad{color:#dc2626}.qz-feedback b{font-family:Noto Sans JP,sans-serif}.qq-tf-eq{font-size:22px;color:var(--text-faint)}.qq-tf-m{font-size:22px;font-weight:700;color:var(--text)}.qq-tf{display:flex;gap:16px;justify-content:center}.qz-tf{width:110px;height:84px;border:2px solid var(--border);border-radius:16px;background:var(--bg);cursor:pointer;font:inherit;font-size:38px;font-weight:800;color:var(--text);transition:all .12s}.qz-tf:hover:not(:disabled){border-color:var(--text)}.qz-tf.o{color:#16a34a}.qz-tf.x{color:#dc2626}.qz-tf.correct{border-color:var(--text);border-width:3px;background:var(--bg-soft)}.qz-tf.wrong{border-color:#ef4444;background:#fee2e2}html[data-theme=dark] .qz-tf.wrong{background:#4a1d1d}.qq-cloze{gap:12px}.qq-cloze-jp{font-family:Noto Sans JP,sans-serif;font-size:26px;font-weight:700;color:var(--text);line-height:1.6}.qq-cloze-t{font-size:15px;color:var(--text-mute)}.qm-prog{font-size:12px;color:var(--text-mute);font-weight:700}.qm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;max-width:600px;margin:0 auto;width:100%}.qm-col{display:flex;flex-direction:column;gap:10px}.qm-item{border:1px solid var(--border);border-radius:12px;background:var(--bg);cursor:pointer;font:inherit;font-size:17px;font-weight:600;color:var(--text);padding:16px 14px;transition:all .12s;font-family:Noto Sans JP,sans-serif}.qm-item:hover:not(:disabled){border-color:var(--text)}.qm-item ruby rt{font-size:11px;color:var(--accent)}.qm-item.sel{border-color:var(--text);border-width:2px;background:var(--bg-soft)}.qm-item.bad{border-color:#ef4444;background:#fee2e2;animation:qmshake .3s}html[data-theme=dark] .qm-item.bad{background:#4a1d1d}.qm-item.done{background:#dcfce7;border-color:#22c55e;color:#15803d;pointer-events:none}.qm-item.done ruby rt{color:#16a34a}html[data-theme=dark] .qm-item.done{background:#14331f;border-color:#22c55e;color:#4ade80}html[data-theme=dark] .qm-item.done ruby rt{color:#86efac}.qm-item.reveal{border-color:transparent}.qm-grid-rev{row-gap:14px;align-items:stretch}.qm-grid-rev .qm-item{display:flex;align-items:center;justify-content:center}.qm-item.p0{background:#dbeafe;color:#1d4ed8}.qm-item.p1{background:#fce7f3;color:#be185d}.qm-item.p2{background:#dcfce7;color:#15803d}.qm-item.p3{background:#f3e8ff;color:#7e22ce}.qm-item.p4{background:#ffedd5;color:#c2410c}.qm-item.p5{background:#cffafe;color:#0e7490}.qm-item.reveal ruby rt{color:inherit;opacity:.75}@keyframes qmshake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.qm-timer{text-align:center;font-size:14px;font-weight:700;color:var(--text);font-family:JetBrains Mono,monospace}.qq-qimg{width:100%;max-width:260px;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--bg-muted)}.qq-qimg.sm{max-width:180px}.qq-qimg img{width:100%;height:100%;object-fit:cover}.qq-tipbox{font-size:19px;font-weight:600;color:var(--text-soft);line-height:1.5;max-width:520px}.qq-multi-m{font-size:20px;font-weight:800;color:var(--text)}.qq-opts.col{grid-template-columns:1fr}.usage-opt{align-items:flex-start}.usage-opt .opt-text{font-family:Noto Sans JP,sans-serif;font-size:16px;line-height:1.5}.usage-opt .opt-text ruby rt{font-size:10px;color:var(--accent)}.qb-built{min-height:56px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;justify-content:center;padding:14px;border:1px dashed var(--border);border-radius:14px;background:transparent}.qb-ph{color:var(--text-faint);font-size:14px;align-self:center}.qb-pool{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.qb-chip{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;font-size:18px;font-weight:600;font-family:Noto Sans JP,sans-serif;padding:10px 16px;border-radius:10px;transition:all .12s}.qb-chip:hover:not(:disabled){border-color:var(--text)}.qb-built .qb-chip{background:var(--bg-muted);color:var(--text);border-color:var(--border)}.lqb-chip{font-family:inherit;font-size:14.5px;font-weight:600;text-align:left}.lqb-no{display:inline-block;margin-right:7px;font-weight:800;color:var(--text-mute)}.qq-blur img{filter:blur(22px);animation:qzunblur 5s ease-out forwards}@keyframes qzunblur{0%{filter:blur(22px)}70%{filter:blur(6px)}to{filter:blur(0)}}.qq-zoom{overflow:hidden}.qq-zoom img{transition:transform .25s;transform-origin:center}.qq-flash img{transition:opacity .2s}.qq-flash.hide img{opacity:0}.qq-flash.hide:after{content:"입력/선택하세요";color:var(--text-faint);font-size:14px;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.qq-flash{position:relative}.qq-stroke img{background:#fff}.qq-combo{font-size:14px;font-weight:800;color:#16a34a}.qz-zoomout{align-self:center;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:7px 16px;border-radius:999px}.qz-zoomout:hover:not(:disabled){border-color:var(--text)}.qz-zoomout:disabled{opacity:.4;cursor:default}.qimg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qimg-opt{position:relative;border:2px solid var(--border);border-radius:14px;background:var(--bg);cursor:pointer;padding:0;overflow:hidden;transition:all .12s}.qimg-opt:hover:not(:disabled){border-color:var(--text)}.qimg-opt-img{aspect-ratio:1/1;background:var(--bg-muted)}.qimg-opt-img img{width:100%;height:100%;object-fit:cover}.qimg-opt .opt-label{position:absolute;top:7px;left:7px;width:24px;height:24px;background:#0000008c;color:#fff}.qimg-opt .opt-check,.qimg-opt .opt-x{position:absolute;top:7px;right:9px;font-size:22px;margin:0}.qimg-opt.correct{border-color:var(--text);border-width:3px}.qimg-opt.wrong{border-color:#ef4444}.qimg-opt.correct .opt-check,.qimg-opt.wrong .opt-x{color:#fff;text-shadow:0 0 3px #000}.qm-imgitem{padding:6px}.qm-img{aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--bg-muted)}.qm-img img{width:100%;height:100%;object-fit:cover}.qmem-grid{display:grid;gap:10px;max-width:560px;margin:0 auto;width:100%}.qmem-cell{aspect-ratio:1/1;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px;transition:all .12s}.qmem-cell:hover:not(:disabled){border-color:var(--text)}.qmem-cell.open{background:var(--bg);border-color:var(--text)}.qmem-cell.done{opacity:.3}.qmem-back{font-size:30px;font-weight:800;color:var(--text-faint)}.qmem-img{width:100%;height:100%;border-radius:8px;overflow:hidden}.qmem-img img{width:100%;height:100%;object-fit:cover}.qmem-word{font-family:Noto Sans JP,sans-serif;font-size:clamp(14px,4cqw,22px);font-weight:700;color:var(--text);text-align:center}.qq-tf-m.jp{font-family:Noto Sans JP,sans-serif}.wmh-pill{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font:inherit;font-size:12px;font-weight:700;padding:7px 13px;border-radius:999px;cursor:pointer;transition:all .12s}.wmh-pill:hover,.wmh-pill.on{background:var(--text);color:var(--bg);border-color:var(--text)}.wmh-pill.playing,.wmh-pill.playing:hover{background:#22c55e;color:#fff;border-color:#22c55e}.wmh-cyc{min-width:74px;text-align:center}.wmh-cyc-mark:hover{background:#fde047;border-color:#fde047;color:#422006}.wmh-cyc-mark.on{background:#eab308;border-color:#eab308;color:#422006}.wmh-cyc-mark.on:hover{background:#ca8a04;border-color:#ca8a04}.wmh-cols{display:inline-flex;gap:2px;background:var(--bg-muted);border-radius:999px;padding:3px}.wmh-col{border:none;background:none;color:var(--text-mute);font:inherit;font-size:12px;font-weight:700;width:26px;height:26px;border-radius:50%;cursor:pointer;transition:all .12s}.wmh-col:hover{background:var(--border)}.wmh-col.on{background:var(--text);color:var(--bg)}.wmh-auto .wmh-lbl{margin-left:4px}.wmh-cyc svg{display:none}.wmh-ls{display:none}.wmh-faces{display:contents}.gal-grid{display:grid;gap:12px;padding:18px clamp(24px,6vw,110px) 40px}.deck-modal .lc-grid{padding:18px clamp(24px,6vw,110px) 40px}.deck-modal .lq-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 16px}.deck-modal .lq-box .lq-play{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;width:56px;height:56px;transition:filter .12s,transform .1s;box-shadow:0 4px 12px #00000024}.deck-modal .lq-box .lq-play:hover{filter:brightness(1.08)}.deck-modal .lq-box .lq-play:active{transform:scale(.94)}.deck-modal .lq-box .lq-play svg{margin-left:2px}.deck-modal .lq-box .listen-play{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;width:56px;height:56px;transition:filter .12s}.deck-modal .lq-box .listen-play:hover{filter:brightness(1.1)}.deck-modal .lq-box .listen-play svg{width:26px;height:26px}.deck-modal .lq-box .listen-play .ic-pause,.deck-modal .lq-box .listen-play.playing .ic-play{display:none}.deck-modal .lq-box .listen-play.playing .ic-pause{display:inline}.deck-modal .lq-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:56px;margin:4px 0;overflow:visible}.deck-modal .lq-wave i{width:4px;height:6px;border-radius:2px;background:var(--text)}.deck-modal .lq-wave.playing i{background:var(--text);animation:lqWave .9s ease-in-out infinite}.deck-modal .lq-wave i:nth-child(6){transform:scaleY(2)}.deck-modal .lq-wave i:nth-child(5),.deck-modal .lq-wave i:nth-child(7){transform:scaleY(1.7)}.deck-modal .lq-wave i:nth-child(4),.deck-modal .lq-wave i:nth-child(8){transform:scaleY(1.5)}.deck-modal .lq-wave i:nth-child(3),.deck-modal .lq-wave i:nth-child(9){transform:scaleY(1.3)}.deck-modal .lq-wave i:nth-child(1),.deck-modal .lq-wave i:nth-child(11){transform:scaleY(.5)}.deck-modal .lq-wave.playing i:nth-child(6){animation-duration:.5s}.deck-modal .lq-wave.playing i:nth-child(5),.deck-modal .lq-wave.playing i:nth-child(7){animation-duration:.68s}.deck-modal .lq-wave.playing i:nth-child(4),.deck-modal .lq-wave.playing i:nth-child(8){animation-duration:.86s}.deck-modal .lq-wave.playing i:nth-child(3),.deck-modal .lq-wave.playing i:nth-child(9){animation-duration:1.04s}.deck-modal .lq-wave.playing i:nth-child(2),.deck-modal .lq-wave.playing i:nth-child(10){animation-duration:1.22s}.deck-modal .lq-wave.playing i:nth-child(1),.deck-modal .lq-wave.playing i:nth-child(11){animation-duration:1.4s}@keyframes lqWave{0%,to{height:6px}50%{height:24px}}.deck-modal .lq-box .speed-seg{display:inline-flex;gap:2px;padding:3px;background:var(--bg-muted);border-radius:999px}.deck-modal .lq-box .sp-btn{border:none;background:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--text-mute);padding:5px 12px;border-radius:999px;transition:all .12s}.deck-modal .lq-box .sp-btn:hover{color:var(--text)}.deck-modal .lq-box .sp-btn.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.gal-theme{display:block;font-size:clamp(12px,6.5cqw,16px);font-weight:800;color:var(--text);text-align:center;margin-bottom:4px;line-height:1.3}.th-jp{display:block;font-family:Noto Sans JP,sans-serif;font-weight:700;color:var(--text);line-height:1.5}.th-jp ruby rt{font-size:.58em;color:var(--accent);font-weight:500}.th-ko{display:block;font-size:.8em;font-weight:600;color:var(--text-mute);margin-top:4px}.gal-script{width:100%;max-height:56cqh;overflow-y:auto;margin-top:10px;display:flex;flex-direction:column;gap:clamp(7px,2.6cqw,10px);text-align:left}.gsc-line{display:flex;gap:clamp(4px,2cqw,7px);align-items:flex-start}.gsc-line .sp-chip{flex:0 0 auto;margin-top:2px;font-size:clamp(9px,3.6cqw,11px);font-weight:700;padding:3px 7px;border-radius:6px}.gsc-line .sp-chip.f{color:#be185d;background:#fce7f3}.gsc-line .sp-chip.m{color:#1d4ed8;background:#dbeafe}html[data-theme=dark] .gsc-line .sp-chip.f{color:#f9a8d4;background:#4a1d3a}html[data-theme=dark] .gsc-line .sp-chip.m{color:#93c5fd;background:#1e3a5f}.gsc-body{display:flex;flex-direction:column;gap:2px;min-width:0}.gsc-jp{font-family:Noto Sans JP,sans-serif;font-size:clamp(12px,4.7cqw,15.5px);font-weight:500;color:var(--text);line-height:1.5}.gsc-jp ruby rt{font-size:.62em;color:var(--accent)}.gsc-k{font-size:clamp(10px,4cqw,13px);color:var(--text-mute);line-height:1.4}.gsc-t{font-size:clamp(10px,4cqw,13px);color:var(--text);line-height:1.4}.sc-modes{display:inline-flex;gap:2px;padding:3px;background:var(--bg-muted);border-radius:999px;margin:8px auto 4px}.sc-mode{border:none;background:none;cursor:pointer;font:inherit;font-size:clamp(8px,3.4cqw,11px);font-weight:600;color:var(--text-mute);padding:clamp(3px,1.4cqw,5px) clamp(7px,3cqw,12px);border-radius:999px;transition:all .12s}.sc-mode:hover{color:var(--text)}.sc-mode.on{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.gal-front.lc-listen-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,4cqw,16px);padding:8cqw 6cqw;text-align:center;background:var(--bg)}.gal-front.lc-listen-face .listen-play{width:clamp(32px,15cqw,46px);height:clamp(32px,15cqw,46px);border-radius:50%;background:var(--accent);color:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.gal-front.lc-listen-face .listen-play:hover{filter:brightness(1.1)}.gal-front.lc-listen-face .listen-play svg{width:clamp(15px,7cqw,20px);height:clamp(15px,7cqw,20px)}.gal-front.lc-listen-face .speed-seg{display:inline-flex;gap:2px;padding:3px;background:var(--bg-muted);border-radius:999px}.gal-front.lc-listen-face .sp-btn{border:none;background:none;cursor:pointer;font:inherit;font-size:clamp(8px,3.4cqw,11px);font-weight:600;color:var(--text-mute);padding:clamp(3px,1.4cqw,5px) clamp(6px,2.8cqw,11px);border-radius:999px;transition:all .12s}.gal-front.lc-listen-face .sp-btn:hover{color:var(--text)}.gal-front.lc-listen-face .sp-btn.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.gal-front.lc-listen-face .listen-hint{font-size:clamp(8px,3.6cqw,11px)}.gal-front .listen-play .ic-pause,.gal-front .listen-play.playing .ic-play{display:none}.gal-front .listen-play.playing .ic-pause{display:inline}.gal-front .listen-play.playing{animation:ttsPulse 1.1s ease-in-out infinite}.gal-cell{position:relative;container-type:inline-size;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--bg)}.gal-cell.auto-active{outline:1.5px solid var(--text);outline-offset:2px}.gal-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-soft);flex:0 0 auto}.gal-tab{flex:1;min-width:0;background:none;border:none;padding:clamp(5px,2.6cqw,9px) 2px;font:inherit;font-size:clamp(8px,4cqw,12px);font-weight:500;color:var(--text-mute);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .12s}.gal-tab:hover{color:var(--text)}.gal-tab.on{color:var(--text);border-bottom-color:var(--text);font-weight:600;background:var(--bg)}.gal-stage{position:relative;aspect-ratio:1/1;perspective:900px;cursor:pointer;container-type:inline-size}.gal-cat{position:absolute;top:8px;left:10px;z-index:3;font-size:clamp(8px,4cqw,11px);font-weight:400;color:var(--text-mute);pointer-events:none}.gal-code{position:absolute;top:clamp(18px,8.5cqw,23px);left:10px;z-index:3;font-size:clamp(8px,4cqw,11px);font-weight:400;color:var(--text-mute);font-family:JetBrains Mono,monospace;pointer-events:none}.gal-pos{position:absolute;top:8px;right:9px;z-index:3;display:inline-flex;align-items:center;gap:3px;pointer-events:none}.gal-pos em{font-style:normal;font-size:clamp(7px,3.6cqw,10px);font-weight:700;color:var(--accent);background:var(--accent-soft);padding:2px 6px;border-radius:5px}.gal-pos b{font-size:clamp(7px,3.6cqw,10px);font-weight:700;color:var(--bg);background:var(--text);padding:2px 6px;border-radius:5px;font-family:JetBrains Mono,monospace}.gal-checks{position:absolute;bottom:8px;right:9px;z-index:3;display:flex;align-items:center;gap:7px}.gal-known{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:clamp(8px,4.2cqw,11px);font-weight:600;color:var(--text-mute)}.gal-known input{cursor:pointer;width:clamp(11px,6cqw,14px);height:clamp(11px,6cqw,14px);margin:0;accent-color:var(--text)}.gal-cbtn{flex:0 0 auto;width:clamp(22px,11cqw,32px);height:clamp(22px,11cqw,32px);border:1px solid var(--border);background:var(--bg);color:var(--text-mute);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .12s}.gal-cbtn svg{width:56%;height:56%}.gal-cbtn:hover{background:var(--bg-muted);color:var(--text)}.gal-markbtn.on{background:#facc15;border-color:#facc15;color:#422006}.gal-knownbtn.on{background:var(--text);border-color:var(--text);color:var(--bg)}.gal-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:clamp(8px,3.5cqw,12px) clamp(10px,4cqw,14px);border-top:1px solid var(--border);flex:0 0 auto}.gal-foot-checks{display:flex;gap:clamp(10px,5cqw,20px)}.gal-foot-spk{flex:0 0 auto;width:clamp(22px,9cqw,28px);height:clamp(22px,9cqw,28px);border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text-mute);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.gal-foot-spk svg{width:58%;height:58%}.gal-foot-spk:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.gal-foot-spk.playing{background:var(--accent);color:#fff;border-color:var(--accent)}.gal-mark input{accent-color:#eab308}.gal-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.gal-stage.flipped .gal-inner{transform:rotateY(180deg)}.gal-front,.gal-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.gal-img{width:100%;height:100%;background:var(--bg-muted);display:flex;align-items:center;justify-content:center}.gal-img img{width:100%;height:100%;object-fit:cover}.gal-front .gal-char{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Noto Sans JP,sans-serif;font-weight:800;font-size:clamp(44px,40cqw,130px);color:var(--text);background:var(--bg)}.gal-stroke{width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.gal-stroke img{max-width:100%;max-height:100%;object-fit:contain}.gal-stroke .stroke-fallback{display:none;color:var(--text-faint);font-size:clamp(9px,4cqw,12px)}.gal-stroke.no-stroke img{display:none}.gal-stroke.no-stroke .stroke-fallback{display:block}.gal-front .gal-sent{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:12cqw 8cqw;font-family:Noto Sans JP,sans-serif;font-size:clamp(15px,7.5cqw,26px);font-weight:700;color:var(--text);line-height:1.95;text-align:center;word-break:break-all;background:var(--bg)}.gal-front .gal-sent ruby rt{font-size:.5em;color:var(--accent);font-weight:600;-webkit-ruby-position:before;ruby-position:over}.gal-sent-ko{font-size:clamp(13px,7cqw,17px);font-weight:700;color:var(--text);line-height:1.5}.gal-voc{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:6px;padding-top:6px;border-top:1px solid var(--border);width:100%}.gal-vchip{display:inline-flex;align-items:baseline;gap:3px;font-size:clamp(9px,4.5cqw,12px);border:1px solid var(--border);border-radius:7px;padding:2px 6px}.gal-vchip b{font-family:Noto Sans JP,sans-serif;font-weight:700;color:var(--text)}.gal-vchip i{font-style:normal;color:var(--text-mute)}.gal-cell-sent .gal-back:not(.gal-back-note){justify-content:center;padding-bottom:42px}.gal-scroll{width:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:40px;-webkit-overflow-scrolling:touch;box-sizing:border-box}.gal-cell-sent .gal-back:not(.gal-back-note):after,.gal-cell-story .gal-back:not(.gal-back-note):after,.gal-cell-gram .gal-back:not(.gal-back-note):after,.gal-cell-listen .gal-back:not(.gal-back-note):after,.gal-back:has(.gal-scroll-joyo):after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(to top,var(--bg) 60%,transparent);z-index:2;pointer-events:none}.gal-front.gal-gram-front{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10cqw 8cqw;text-align:center;background:var(--bg)}.gal-gram-p{font-family:Noto Sans JP,sans-serif;font-size:clamp(17px,8.5cqw,30px);font-weight:800;color:var(--text);line-height:1.9;word-break:break-all}.gal-gram-p ruby rt{font-size:.5em;color:var(--accent);font-weight:600;-webkit-ruby-position:before;ruby-position:over}.gal-gram-pk{font-size:clamp(11px,5.5cqw,14px);color:var(--text-mute);font-weight:600}.gal-gram-g{font-size:clamp(12px,6cqw,15px);font-weight:600;color:var(--text);line-height:1.55;text-align:center}.gal-cell-gram .gal-ex-jp .gram-hl{background:linear-gradient(transparent 55%,#fde68a 55%);border-radius:2px;padding:0 1px}.gal-story-lines{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:7px;border-top:1px solid var(--border);text-align:left}.gal-sline .gal-ex-jp{font-size:clamp(11px,5.5cqw,14px)}.gal-story-img{position:relative;cursor:pointer}.gal-scene-dots{position:absolute;left:0;right:0;bottom:7px;display:flex;gap:5px;justify-content:center;z-index:2}.gal-scene-dot{width:6px;height:6px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 3px #0006;transition:background .15s,transform .15s}.gal-scene-dot.on{background:#fff;transform:scale(1.25)}.gal-ex{width:100%;margin-top:2px;padding-top:7px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px;text-align:left}.gal-ex-lbl{font-size:10px;font-weight:800;color:var(--text-mute)}.gal-ex-jp{font-family:Noto Sans JP,sans-serif;font-size:clamp(11px,5.5cqw,14px);font-weight:600;color:var(--text);line-height:1.75}.gal-ex-jp ruby rt{font-size:.5em;color:var(--accent);font-weight:600;-webkit-ruby-position:before;ruby-position:over}.gal-ex-t{font-size:clamp(10px,5cqw,12px);color:var(--text-mute);line-height:1.4;margin-top:1px}.gal-img.noimg img{display:none}.gal-img.noimg:after{content:"그림 준비 중";color:var(--text-faint);font-size:clamp(9px,4cqw,12px)}.gal-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2cqw;padding:7cqw 4cqw 4cqw;text-align:center;background:var(--bg);overflow:hidden}.gal-back:has(.gal-w-only){justify-content:center;padding-top:4cqw}.gal-speak{position:absolute;bottom:7px;left:8px;z-index:3;flex:0 0 auto;border:1px solid var(--border);background:var(--bg);color:var(--text);width:clamp(22px,11cqw,32px);height:clamp(22px,11cqw,32px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:background .12s,transform .1s}.gal-speak:hover{background:var(--bg-muted);transform:scale(1.06)}.gal-speak svg{width:56%;height:56%}.gal-w{font-family:Noto Sans JP,sans-serif;font-size:clamp(20px,15cqw,48px);font-weight:800;color:var(--text);line-height:1.5;margin-top:clamp(8px,6cqw,20px)}.gal-w ruby rt{font-size:clamp(9px,6cqw,20px);color:var(--accent);font-weight:600;-webkit-ruby-position:before;ruby-position:over}.gal-k{font-size:clamp(10px,6.5cqw,16px);color:var(--text-mute);font-weight:600}.gal-m{font-size:clamp(11px,7cqw,18px);font-weight:700;color:var(--text);margin-top:2px}.gal-morph{width:100%;max-width:150px;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;margin:2px auto;box-shadow:var(--shadow-sm)}.gal-tip{font-size:clamp(10px,6cqw,14px);color:var(--text-soft);line-height:1.4;margin-top:2px;padding-top:4cqw;border-top:1px solid var(--border);width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gal-w-note,.gal-w-only{margin-top:0}.gal-note-text{font-size:clamp(10px,6cqw,14px);color:var(--text-soft);line-height:1.5;margin-top:3cqw;padding-top:4cqw;border-top:1px solid var(--border);width:100%;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.gal-note-empty{color:var(--text-faint)}.gal-back-note{justify-content:flex-start;padding-top:9cqw}.gal-note-edit{width:100%;height:clamp(90px,52cqw,200px);margin-top:4cqw;resize:none;border:1px solid var(--border);border-radius:10px;padding:3cqw;font:inherit;font-size:clamp(10px,5.5cqw,13px);line-height:1.5;color:var(--text);background:var(--bg-soft)}.gal-note-edit:focus{outline:none;border-color:var(--text)}@media (max-width: 600px){.gal-stage{aspect-ratio:1 / 1.1}.gal-back{padding-top:13cqw;padding-bottom:10px}.gal-tip{-webkit-line-clamp:2}.gal-note-edit{height:clamp(140px,82cqw,260px)}}.gal-single{max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px 18px}.gss-top{display:flex;align-items:center;gap:10px}.gss-no{background:var(--bg-muted);color:var(--text-mute);font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;font-family:JetBrains Mono,monospace}.gss-count{font-size:13px;color:var(--text-mute);font-weight:600}.gss-img{width:100%;max-width:400px;aspect-ratio:1/1;background:var(--bg-muted);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.gss-img img{width:100%;height:100%;object-fit:cover}.gss-img.noimg img{display:none}.gss-word{font-family:Noto Sans JP,sans-serif;font-size:32px;font-weight:800;color:var(--text)}.gss-word ruby rt{font-size:13px;color:var(--accent);font-weight:600}.gss-k{font-size:14px;color:var(--text-mute)}.gss-m{font-size:18px;font-weight:700;color:var(--text)}.gss-nav{display:flex;align-items:center;gap:10px;margin-top:6px}@media (max-width: 900px){.word-topnav{padding:16px 16px 0}.word-dayfilter{padding:12px 16px 0}.word-day-grid{padding:14px 16px 60px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.wm-panel,.wm-panel.mode-gallery{width:100vw;height:100vh;border-radius:0}#w-modal .wm-head{flex-wrap:wrap;row-gap:10px;padding:10px 14px}#w-modal .wmh-right{order:3;flex:1 1 100%;justify-content:center}#w-modal .wmh-tabs{justify-content:center}.fcx-word{font-size:40px}.fcx-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 10px;padding:12px 14px}.fcx-nav{order:-1;flex:1 1 100%;justify-content:space-between;gap:8px}.fcx-left{order:1;flex:0 0 auto}.fcx-right{order:2;flex:1 1 auto;justify-content:flex-end;gap:16px}.fcx-grade{order:3;flex:1 1 100%;width:100%}.fcx-navbtn{white-space:nowrap}.fcx-count{min-width:0}.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wmh-cols{display:none}#w-modal .wmh-right,.deck-modal .wmh-right{gap:8px}.wmh-div,.wmh-auto .wmh-lbl,.wmh-cyc .wmh-lbl{display:none}.wmh-cyc svg{display:inline-flex}.wmh-auto,.wmh-cyc{min-width:0;width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}.wmh-lf{display:none}.wmh-ls{display:inline}.wmh-faces{display:inline-flex;gap:0;padding:2px;background:var(--bg-muted);border:1px solid var(--border);border-radius:999px}.wmh-faces .wmh-face{border:none;background:none;color:var(--text-mute);border-radius:999px;padding:7px 11px;font-size:11.5px}.wmh-faces .wmh-face.on{background:var(--text);color:var(--bg)}}.gw-page{max-width:560px;margin:0 auto;padding:22px 16px 60px;display:flex;flex-direction:column;gap:14px}.gw-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.gw-title{font-size:18px;font-weight:800;color:var(--text)}.gw-topbtns{display:flex;gap:6px}.gw-tbtn{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font:inherit;font-size:12.5px;font-weight:700;padding:7px 13px;border-radius:999px;cursor:pointer;transition:all .12s}.gw-tbtn:hover{border-color:var(--text);color:var(--text)}.gw-tbtn.on,.gw-tbtn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.gw-popts{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.gw-plabel{font-size:12px;font-weight:700;color:var(--text-mute);margin-left:4px}.gw-pbtn{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font:inherit;font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;cursor:pointer}.gw-pbtn.on{background:var(--text);color:var(--bg);border-color:var(--text)}.gw-pbtn.new{margin-left:auto;border-color:var(--text);color:var(--text)}.gw-board{display:flex;flex-direction:column;gap:7px;align-self:center;width:min(380px,100%)}.gw-row{display:grid;gap:7px}.gw-cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;font-family:Noto Sans JP,sans-serif;font-size:clamp(22px,6vw,34px);font-weight:700;color:var(--text);border:2px solid var(--border);border-radius:10px;background:var(--bg)}.gw-cell.filled{border-color:var(--text-mute);animation:gwpop .12s}@keyframes gwpop{0%{transform:scale(.92)}to{transform:scale(1)}}.gw-cell.g{background:#16a34a;border-color:#16a34a;color:#fff}.gw-cell.y{background:#eab308;border-color:#eab308;color:#fff}.gw-cell.x{background:var(--bg-muted);border-color:var(--bg-muted);color:var(--text-mute)}.gw-daku{position:absolute;bottom:2px;right:4px;font-size:10px;color:var(--accent)}.gw-msg{text-align:center;font-size:13px;font-weight:700;color:var(--text);min-height:18px;opacity:0;transition:opacity .2s}.gw-msg.on{opacity:1}.gw-hintbtn{align-self:center;border:1px dashed var(--border);background:var(--bg-soft);color:var(--text-mute);font:inherit;font-size:13px;font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer}.gw-hintbtn:hover{border-color:var(--text);color:var(--text)}.gw-hintimg{align-self:center;width:150px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.gw-hintimg img{width:100%;height:100%;object-fit:cover;filter:blur(6px);animation:gwhint 6s ease-out forwards}@keyframes gwhint{0%{filter:blur(6px)}to{filter:blur(2.5px)}}.gw-kb{display:flex;flex-direction:column;gap:5px;align-self:center;width:min(440px,100%)}.gw-krow{display:flex;gap:4px;justify-content:center}.gw-key{flex:1 1 0;min-width:0;height:44px;border:none;border-radius:7px;background:var(--bg-muted);color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:background .1s}.gw-key:hover{background:var(--border)}.gw-key.sp{visibility:hidden}.gw-key.g{background:#16a34a;color:#fff}.gw-key.y{background:#eab308;color:#fff}.gw-key.x{background:var(--border);color:var(--text-faint)}.gw-key.fn{font-family:Pretendard,sans-serif;font-size:13px;font-weight:700;flex:0 0 56px}.gw-key.fn.wide{flex:1 1 0}.gw-key.fn.go{background:var(--text);color:var(--bg)}.gw-reveal{display:flex;flex-direction:column;gap:10px;margin-top:4px}.gw-rhead{text-align:center;font-size:15px;font-weight:800;color:var(--text)}.gw-rhead.lose{color:#dc2626}.gw-rcard{display:flex;gap:16px;border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--bg-soft);align-items:center}.gw-rimg{flex:0 0 130px;width:130px;aspect-ratio:1/1;border-radius:12px;overflow:hidden}.gw-rimg img{width:100%;height:100%;object-fit:cover}.gw-rinfo{flex:1 1 auto;display:flex;flex-direction:column;gap:5px;min-width:0}.gw-rword{font-family:Noto Sans JP,sans-serif;font-size:30px;font-weight:800;color:var(--text)}.gw-rword ruby rt{font-size:12px;color:var(--accent)}.gw-rmean{font-size:17px;font-weight:700;color:var(--text)}.gw-rkana{font-size:13px;color:var(--text-mute)}.gw-rtip{font-size:13px;color:var(--text-soft);line-height:1.5}.gw-racts{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.gw-rex{display:flex;align-items:flex-start;gap:9px;padding:10px 14px;background:var(--bg-soft);border-radius:10px}.gw-rex-play{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-top:3px}.gw-rex-play:hover{filter:brightness(1.12)}.gw-rex-jp{font-family:Noto Sans JP,sans-serif;font-size:15px;font-weight:600;color:var(--text);line-height:1.9}.gw-rex-jp ruby rt{font-size:9px;color:var(--accent)}.gw-rex-t{font-size:12.5px;color:var(--text-mute);margin-top:2px}.gw-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center}.gw-modal[hidden]{display:none}.gw-mback{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.gw-mcard{position:relative;width:min(380px,92vw);background:var(--bg);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;align-items:center;box-shadow:0 18px 50px #0000004d}.gw-stitle{font-size:17px;font-weight:800;color:var(--text)}.gw-snums{display:flex;gap:18px}.gw-snum{display:flex;flex-direction:column;align-items:center;gap:2px}.gw-snum b{font-size:24px;font-weight:800;color:var(--text);font-family:JetBrains Mono,monospace}.gw-snum span{font-size:11px;color:var(--text-mute)}.gw-sdist{width:100%;display:flex;flex-direction:column;gap:5px}.gw-sbar{display:flex;align-items:center;gap:7px}.gw-sn{font-size:12px;font-weight:700;color:var(--text-mute);width:12px}.gw-sfill{background:var(--text);color:var(--bg);font-size:11px;font-weight:700;padding:3px 7px;border-radius:5px;text-align:right;min-width:20px}@media (max-width: 520px){.gw-key{height:40px;font-size:14px}.gw-rcard{flex-direction:column;text-align:center}.gw-rinfo{align-items:center}}.st-page{max-width:1100px;margin:0 auto;padding:24px 20px 70px;display:flex;flex-direction:column;gap:18px}.st-hero2{position:relative;overflow:hidden;border-radius:20px;padding:26px 30px;color:#fff;background:linear-gradient(120deg,#1e293b,#312e81 55%,#4c1d95)}.st-hero2-c1,.st-hero2-c2{position:absolute;border-radius:50%;pointer-events:none}.st-hero2-c1{width:280px;height:280px;right:-50px;top:-100px;background:#ffffff0f}.st-hero2-c2{width:180px;height:180px;right:190px;bottom:-110px;background:#ffffff0a}.st-hero2-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.st-hero2-greet{font-size:13px;font-weight:600;color:#ffffffb8}.st-hero2-title{font-size:22px;font-weight:800;margin-top:6px;line-height:1.32;max-width:560px}.st-hero2-title b{color:#fff}.st-hero2-acts{display:flex;align-items:center;gap:14px;margin-top:18px}.st-hero2-cta{display:inline-flex;align-items:center;gap:8px;border:none;background:#fff;color:#1e1b4b;font:inherit;font-size:14px;font-weight:800;padding:11px 22px;border-radius:12px;cursor:pointer;transition:background .12s}.st-hero2-cta svg{width:17px;height:17px}.st-hero2-cta:hover{background:#eef2ff}.st-hero2-link{border:none;background:none;color:#ffffffd9;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.st-hero2-link:hover{color:#fff}.st-hero2-pills{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.st-hpill{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;color:#ffffffeb}.st-hpill svg{width:15px;height:15px;flex:0 0 auto;opacity:.9}.st-hero2-cheers{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.st-hcont{display:flex;align-items:center;gap:16px;flex:0 0 auto;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px 14px 20px}.st-hcont-info{display:flex;flex-direction:column;gap:3px}.st-hcont-k{font-size:13px;font-weight:700;color:#ffffffc7}.st-hcont-v{font-size:14px;font-weight:800;color:#fff}.st-hcont-btn{border:none;background:#fff;color:#1e1b4b;font:inherit;font-size:13px;font-weight:800;padding:10px 18px;border-radius:10px;cursor:pointer;white-space:nowrap;transition:background .12s}.st-hcont-btn:hover{background:#eef2ff}.st-hero2-metrics{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.st-hm{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:13px 16px}.st-hm b{display:block;font-size:23px;font-weight:800}.st-hm span{font-size:11.5px;color:#ffffffa6}.st-hero2-ctrl{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.st-hgoal{display:inline-flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 10px 6px 16px;font-size:12.5px;font-weight:600;color:#ffffffe6}.st-hgoal b{font-size:15px;font-weight:800;color:#fff;min-width:22px;text-align:center}.st-hgbtn{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:15px;cursor:pointer;line-height:1}.st-hgbtn:hover{background:#fff3}.st-hnotify{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffd9;font:inherit;font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer}.st-hnotify:hover{background:#ffffff24;color:#fff}.st-hnotify.on{background:#ffffffeb;color:#1e1b4b;border-color:transparent}.st-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid var(--border);border-radius:18px;padding:22px 28px;background:var(--bg-soft)}.st-h-metrics{display:flex;align-items:center;gap:0}.st-h-metrics .st-h-item{padding:2px 30px}.st-h-metrics .st-h-item+.st-h-item{border-left:1px solid var(--border)}.st-h-ctrl{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.st-h-item{display:flex;flex-direction:column;align-items:center;gap:3px}.st-h-big{font-size:40px;font-weight:800;color:var(--text);font-family:JetBrains Mono,monospace;line-height:1}.st-h-sub{font-size:12px;color:var(--text-mute);font-weight:600}.st-h-ring{position:relative}.st-ring{width:88px;height:88px}.st-ring .rbg{fill:none;stroke:var(--bg-muted);stroke-width:3.4}.st-ring .rfg{fill:none;stroke:var(--text);stroke-width:3.4;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .5s}.st-ring.met .rfg{stroke:#16a34a}.st-ring.met .rtx{fill:#16a34a}.st-ring .rtx{font-size:9px;font-weight:800;fill:var(--text);text-anchor:middle;font-family:JetBrains Mono,monospace}.st-goal{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-mute)}.st-goal b{font-size:16px;color:var(--text);min-width:24px;text-align:center}.st-gbtn{width:28px;height:28px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;cursor:pointer;font-size:16px;line-height:1}.st-gbtn:hover{border-color:var(--text)}.st-notify{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font:inherit;font-size:12px;font-weight:700;padding:7px 14px;border-radius:999px;cursor:pointer;transition:all .12s}.st-notify:hover{border-color:var(--text);color:var(--text)}.st-notify.on{background:var(--text);color:var(--bg);border-color:var(--text)}.st-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;border:2px solid var(--text);border-radius:16px;padding:18px 22px;background:var(--bg);flex-wrap:wrap}.st-g-tag{font-size:11px;font-weight:800;color:var(--text-mute);letter-spacing:.04em;text-transform:uppercase}.st-g-title{font-size:18px;font-weight:800;color:var(--text);margin-top:3px}.st-g-title b{color:var(--text)}.st-g-acts{display:flex;gap:8px}.st-g-primary{border:none;background:var(--text);color:var(--bg);font:inherit;font-size:14px;font-weight:700;padding:11px 24px;border-radius:12px;cursor:pointer}.st-g-primary:hover{filter:brightness(1.25)}.st-g-learn{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:14px;font-weight:700;padding:11px 18px;border-radius:12px;cursor:pointer}.st-g-learn:hover{border-color:var(--text)}.rv-card.sm{height:auto;max-height:90vh}.rv-sum{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 24px}.rv-sum-big{font-size:56px;font-weight:800;color:var(--text);font-family:JetBrains Mono,monospace;line-height:1}.rv-sum-of{font-size:28px;color:var(--text-mute)}.rv-sum-sub{font-size:14px;color:var(--text-mute);font-weight:600}.rv-sum-rows{width:100%;max-width:280px;display:flex;flex-direction:column;gap:6px;margin:12px 0}.rv-sum-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-soft);padding:10px 14px;background:var(--bg-soft);border-radius:10px}.rv-sum-row b{color:var(--text)}.rv-progress{flex:0 0 auto;height:4px;background:var(--bg-muted)}.rv-progress span{display:block;height:100%;background:var(--text);transition:width .3s}.ln-body{justify-content:center;gap:18px}.ln-body .fcx-word{font-size:clamp(40px,7vw,60px)}.ln-body .qq-opts{grid-template-columns:1fr 1fr;width:100%;max-width:480px}.ln-body .qz-input{max-width:360px}.st-cols{display:grid;grid-template-columns:minmax(300px,350px) 1fr;gap:18px;align-items:start}.st-col{display:flex;flex-direction:column;gap:12px;min-width:0}.st-col-h{font-size:13px;font-weight:800;color:var(--text-mute);letter-spacing:.02em;margin:6px 0 0}.st-col-h:first-child{margin-top:0}.st-col-l .st-guide{flex-direction:column;align-items:stretch;gap:14px}.st-col-l .st-g-acts{width:100%}.st-col-l .st-g-primary{flex:1 1 auto}.st-quick{display:flex;flex-direction:column;gap:10px}.st-qbtn{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .12s}.st-qbtn:hover{border-color:var(--text)}.st-qbtn.off{opacity:.45}.st-q-k{font-size:13px;font-weight:700;color:var(--text)}.st-q-v{font-size:12px;color:var(--text-mute)}.st-sec-t{font-size:14px;font-weight:800;color:var(--text);margin-top:4px}.st-pcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.st-pcard{text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:14px;padding:16px;cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex;flex-direction:column;gap:10px}.st-pcard:hover{border-color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.st-pcard:hover .st-pc-go{transform:translate(2px);color:var(--text)}.st-pc-head{display:flex;align-items:center;justify-content:space-between}.st-pc-label{font-size:15px;font-weight:800;color:var(--text)}.st-pc-right{display:inline-flex;align-items:center;gap:7px}.st-pc-tot{font-size:12px;color:var(--text-mute);font-family:JetBrains Mono,monospace}.st-pc-go{font-size:17px;color:var(--text-faint);font-weight:700;transition:transform .12s,color .12s}.st-pc-bars{display:flex;flex-direction:column;gap:5px}.st-lvbar{display:flex;align-items:center;gap:8px}.st-lvn{font-size:11px;font-weight:700;color:var(--text-mute);width:30px}.st-lvtrack{flex:1 1 auto;height:7px;background:var(--bg-muted);border-radius:999px;overflow:hidden}.st-lvtrack span{display:block;height:100%;background:var(--text);border-radius:999px;transition:width .4s}.st-lvc{font-size:10.5px;color:var(--text-faint);font-family:JetBrains Mono,monospace;width:56px;text-align:right}.st-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.st-an-card{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--bg);display:flex;flex-direction:column;gap:10px}.st-an-t{font-size:13px;font-weight:800;color:var(--text)}.st-an-empty{font-size:12px;color:var(--text-faint)}.st-an-sub{font-size:11px;font-weight:600;color:var(--text-mute)}.st-mat{display:flex;gap:3px;height:22px}.st-mat-seg{min-width:10px;border-radius:5px;transition:flex .4s}.st-mat-seg.new,.st-leg i.new{background:#cbd5e1}.st-mat-seg.learn,.st-leg i.learn{background:#f59e0b}.st-mat-seg.young,.st-leg i.young{background:#3b82f6}.st-mat-seg.mature,.st-leg i.mature{background:#16a34a}.st-mat-seg.long,.st-leg i.long{background:var(--text)}.st-mat-seg.empty{background:var(--bg-muted);min-width:0}html[data-theme=dark] .st-mat-seg.new,html[data-theme=dark] .st-leg i.new{background:#475569}.st-mat-leg{display:flex;flex-wrap:wrap;gap:7px 14px}.st-leg{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-mute);font-weight:600}.st-leg i{width:9px;height:9px;border-radius:3px;flex:0 0 auto}.st-leg b{color:var(--text);font-family:JetBrains Mono,monospace}.st-weak{display:flex;align-items:center;gap:8px}.st-wl{font-size:12px;font-weight:700;color:var(--text);width:88px}.st-weak b{font-size:12px;color:var(--text-mute);font-family:JetBrains Mono,monospace;width:38px;text-align:right}.st-spark{display:flex;align-items:flex-end;gap:3px;height:64px}.st-sp{flex:1 1 0;background:var(--text);border-radius:3px 3px 0 0;min-height:6px}.rv-sent{font-family:Noto Sans JP,sans-serif;font-size:22px;font-weight:700;color:var(--text);line-height:2}.rv-sent.sm{font-size:18px}.rv-sent ruby rt{font-size:11px;color:var(--accent);-webkit-ruby-position:before;ruby-position:over}.st-week{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--bg);height:110px}.st-wcol{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.st-wbar{width:60%;max-width:32px;background:var(--text);border-radius:5px 5px 0 0;min-height:4px}.st-wd{font-size:10px;color:var(--text-mute)}.st-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#00000080}.st-overlay[hidden]{display:none}.st-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.st-tool{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg);cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;text-align:left}.st-tool:hover{border-color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.st-tool svg{width:22px;height:22px;color:var(--text)}.st-tool-l{font-size:14px;font-weight:700;color:var(--text)}.st-tool-v{font-size:12px;color:var(--text-mute)}.st-tools-3{grid-template-columns:repeat(3,1fr)}.st-top{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.st-top .st-col-h:first-child{margin-top:0}.st-top-goal,.st-top-cal{display:flex;flex-direction:column;gap:8px;min-width:0}.st-goalcard{border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:13px}.gv-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gv-mini-k{font-size:12px;font-weight:700;color:var(--text-mute);min-width:62px;flex:0 0 auto}.st-goalcard .gv-lvs{gap:5px}.st-goalcard .gv-lv{padding:5px 11px;font-size:12px}.st-goalcard .gv-date{font-size:13px;padding:7px 10px}.st-goalcard .gv-dday{font-size:18px;font-weight:800;margin-left:auto}.st-goalcard .gv-prog{font-size:12px}.st-goalcard .gv-step b{font-size:17px;min-width:24px}.st-goalcard .gv-unit{font-size:11.5px}.st-calcard{border:1px solid var(--border);border-radius:14px;padding:16px}.cal7{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal7-cell{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:none;padding:0;cursor:pointer;font:inherit}.cal7-cell:hover .cal7-box{filter:brightness(.97)}.cal7-wd{font-size:11px;font-weight:700;color:var(--text-mute)}.cal7-wd.sun{color:#ef4444}.cal7-wd.sat{color:#3b82f6}.cal7-box{width:100%;height:72px;border-radius:12px;background:var(--bg-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.cal7-box.met{outline:2px solid #16a34a;outline-offset:-2px}.cal7-box.today{background:var(--text);color:var(--bg)}.cal7-box.sel{outline:2px solid var(--text);outline-offset:2px}.cal7-d{font-size:14px;font-weight:700}.cal7-v{font-size:10px;opacity:.85}.cal7-detail{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.cal7-det-date{font-size:14px;font-weight:800;color:var(--text);margin-bottom:12px}.cal7-det-stats{display:flex;align-items:center;gap:32px}.cal7-ds{display:flex;flex-direction:column;gap:2px}.cal7-ds b{font-size:22px;font-weight:800;color:var(--text);line-height:1}.cal7-ds span{font-size:12px;color:var(--text-mute)}.cal7-met{margin-left:auto;font-size:12px;font-weight:700;color:var(--success);background:var(--success-soft);padding:6px 14px;border-radius:999px}.cal7-det-empty{font-size:13px;color:var(--text-mute)}.stwk{background:none;border-radius:16px;padding:4px 0 18px;margin-bottom:22px}.stwk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stwk-streak{display:inline-flex;align-items:baseline;gap:6px}.stwk-flame{display:inline-flex;width:22px;height:22px;color:#ff9600;align-self:center}.stwk-flame svg{width:22px;height:22px}.stwk-streak b{font-size:24px;font-weight:800;color:var(--text);line-height:1}.stwk-streak-l{font-size:13px;font-weight:700;color:var(--text-mute)}.stwk-headright{display:inline-flex;align-items:center;gap:12px}.stwk-goal{font-size:13px;font-weight:700;color:var(--text-mute)}.stwk-goal b{font-size:15px;color:var(--text)}.stwk-calbtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text-mute);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.stwk-calbtn:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.stwk-calbtn svg{width:19px;height:19px}.stwk-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.stwk-day{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:none;padding:4px 0;font:inherit;cursor:pointer;border-radius:10px;transition:background .12s}.stwk-day:not(:disabled):hover{background:var(--bg-muted)}.stwk-day:disabled{cursor:default}.stwk-dl{font-size:11.5px;font-weight:700;color:var(--text-mute)}.stwk-day.today .stwk-dl{color:var(--text)}.stwk-dot{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--bg-muted);border:2px solid var(--border);color:#ff9600}.stwk-dot svg{width:18px;height:18px}.stwk-day.on .stwk-dot{background:#fff4e5;border-color:#ff9600}.stwk-day.today .stwk-dot{box-shadow:0 0 0 2px var(--text)}.stwk-dnum{font-size:11px;font-weight:700;color:var(--text-mute)}.stwk-day.today .stwk-dnum{color:var(--text)}.stwk-day.sel{background:var(--bg-muted);box-shadow:inset 0 0 0 2px var(--text)}.stwk-day.future .stwk-dl,.stwk-day.future .stwk-dot,.stwk-day.future .stwk-dnum{opacity:.4}@media (max-width: 560px){.stwk-dot{width:30px;height:30px}.stwk-days{gap:4px}}.st-dayrep{margin-top:22px}.st-dayrep-date{font-size:15px;font-weight:800;color:var(--text);margin-bottom:16px}.stcal-monthrow{margin-top:4px;padding:0 4px}.stcal-summary{font-size:13.5px;font-weight:700;color:var(--text-mute)}.stcal-summary b{font-size:15px;color:var(--text)}.stcal-diff.up{color:#16a34a}.stcal-diff.down{color:var(--text-mute)}.rep{display:flex;flex-direction:column;gap:18px}.rep-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.rep-stats{display:flex;gap:clamp(20px,5vw,48px);flex-wrap:wrap;flex:1 1 auto}.rep-stat{flex:1 1 0;min-width:64px}.rep-stats2{display:flex;flex-direction:column;gap:26px;flex:1 1 auto}.rep-srow{display:flex;gap:clamp(16px,4vw,40px);flex-wrap:wrap}.rep-srow .rep-stat{flex:1 1 0;min-width:60px}.rep-srow.sub .rep-big{color:#4b5563}.rep-big{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--text);font-feature-settings:"tnum"}.rep-lbl{font-size:13px;color:var(--text-mute);margin-top:6px}.rep-side{display:flex;flex-direction:column;gap:12px;text-align:right;flex:0 0 auto}.rep-s b{font-size:22px;font-weight:800;color:var(--text);font-feature-settings:"tnum"}.rep-s span{display:block;font-size:12px;color:var(--text-mute);margin-top:1px}.rep-redesign{display:flex;flex-direction:column;gap:16px;flex:1 1 auto}.rep-toprow{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.rep-today{font-size:14px;color:var(--text-mute)}.rep-today-l{font-weight:800;color:var(--text);margin-right:8px}.rep-today b{color:var(--text);font-weight:800;font-feature-settings:"tnum"}.rep-cards{display:flex;gap:14px;flex-wrap:wrap}.rep-card{flex:1 1 200px;border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}.rep-card-h{font-size:12px;font-weight:800;color:var(--text-mute);letter-spacing:.03em}.rep-card-main{display:flex;align-items:baseline;gap:6px}.rep-card-num{font-size:38px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--text);font-feature-settings:"tnum"}.rep-card-unit{font-size:13px;color:var(--text-mute)}.rep-card-stats{display:flex;gap:16px;font-size:13px;color:var(--text-mute);padding-top:8px;border-top:1px solid var(--border)}.rep-card-stats b{color:var(--text);font-weight:800;font-feature-settings:"tnum"}.rep-wh{font-size:15px;font-weight:800;color:var(--text);margin-bottom:4px}.rep-wrong{display:flex;flex-direction:column;gap:14px}.rep-wrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.rep-wword{display:flex;flex-direction:column;gap:2px}.rep-wword .jp{font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rep-lv{font-family:Pretendard,sans-serif;font-size:11px;font-weight:700;color:var(--text-mute);background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px;white-space:nowrap}.rep-wsub{font-size:12.5px;color:var(--text-mute)}.rep-wc{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap}.rep-sesswrap{display:flex;flex-direction:column;gap:9px}.rep-sesst{font-size:13px;font-weight:800;color:var(--text)}.rep-sess{display:flex;flex-wrap:wrap;gap:8px}.rep-chip{display:inline-flex;align-items:center;font-size:12.5px;color:var(--text);background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:5px 12px;white-space:nowrap}.rep-chip b{font-weight:800;margin-right:5px}.rep-chip-empty{font-size:12.5px;color:var(--text-mute)}.rep-stabs{display:flex;gap:6px}.rep-stab{font-size:12px;font-weight:700;color:var(--text-mute);background:none;border:1px solid var(--border);border-radius:999px;padding:3px 12px;cursor:pointer;transition:all .12s}.rep-stab:hover{color:var(--text)}.rep-stab.on{color:var(--bg);background:var(--text);border-color:var(--text)}.rep-plan{display:flex;flex-direction:column;gap:9px}.rep-tabs{display:flex;gap:16px;border-bottom:1px solid var(--border);overflow-x:auto}.rep-tab{position:relative;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:none;border:none;cursor:pointer;font:inherit;font-size:14px;font-weight:700;color:var(--text-mute);padding:8px 2px 10px;margin-bottom:-1px;border-bottom:2px solid transparent}.rep-tab:hover{color:var(--text)}.rep-tab.on{color:var(--text);border-bottom-color:var(--text)}.rep-tabn{font-size:11px;font-weight:700;color:var(--text-mute);background:var(--bg-muted);border-radius:999px;padding:1px 7px}.rep-tab.on .rep-tabn{color:var(--bg);background:var(--text)}.rep-list{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow:auto}.rep-empty{font-size:13px;color:var(--text-mute);padding:8px 0}.rep-row1{display:flex;align-items:center;gap:12px;white-space:nowrap;width:max-content;min-width:100%}.rw-no{flex:0 0 auto;width:26px;text-align:right;font-size:12px;color:var(--text-mute);font-feature-settings:"tnum"}.rw-jp{flex:0 0 auto;min-width:84px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:700;color:var(--text)}.rw-jp ruby{ruby-align:center}.rw-jp rt{font-size:9px;font-weight:500;color:var(--text-mute)}.rw-ko{flex:0 0 auto;min-width:54px;font-size:13px;color:var(--text-mute)}.rw-m{flex:0 0 auto;min-width:70px;font-size:13.5px;color:var(--text)}.rw-tip{flex:1 1 auto;min-width:120px;font-size:12.5px;color:var(--text-mute)}.rw-lv{flex:0 0 auto;font-size:10.5px;font-weight:700;color:var(--text-mute);background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px}.rep-wact{display:flex;align-items:center;gap:10px;flex:0 0 auto}.rep-play{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text-mute);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.rep-play:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.rep-play svg{width:17px;height:17px}.st-overlay.fs{background:var(--bg);align-items:stretch;justify-content:stretch}.sv-shell{position:relative;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);animation:wmSlideUp .3s cubic-bezier(.32,.72,0,1)}.sv-head{display:flex;align-items:center;gap:14px;padding:16px 22px 8px;width:100%;max-width:960px;margin:0 auto}.sv-close{border:none;background:transparent;color:var(--text-mute);width:36px;height:36px;font-size:19px;border-radius:999px;cursor:pointer;flex:0 0 auto}.sv-close:hover{background:var(--bg-muted);color:var(--text)}.sv-title{font-size:17px;font-weight:800;color:var(--text)}.sv-body{flex:1 1 auto;overflow:auto;width:100%;max-width:960px;margin:0 auto;padding:10px 22px 44px}.sv-deck{height:100%}.gv{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gv-card{border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.gv-h{font-size:13px;font-weight:800;color:var(--text-mute)}.gv-row{display:flex;align-items:center;gap:14px}.gv-date{font:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}.gv-dday{font-size:24px;font-weight:800;color:var(--text)}.gv-sub{font-size:12.5px;color:var(--text-mute)}.gv-lvs{display:flex;gap:6px;flex-wrap:wrap}.gv-lv{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font:inherit;font-size:13px;font-weight:700;padding:7px 13px;border-radius:999px;cursor:pointer}.gv-lv.on{background:var(--text);color:var(--bg);border-color:var(--text)}.gv-prog{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-soft);font-weight:600}.gv-prog .st-lvtrack{flex:1}.gv-step{display:flex;align-items:center;gap:12px}.gv-step b{font-size:22px;font-weight:800;min-width:36px;text-align:center}.gv-unit{font-size:13px;color:var(--text-mute)}.cal{max-width:560px;margin:0 auto}.cal-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:14px}.cal-title{font-size:16px;font-weight:800}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-head{margin-bottom:6px}.cal-wd{text-align:center;font-size:12px;font-weight:700;color:var(--text-mute)}.cal-cell{aspect-ratio:1;border:none;border-radius:9px;background:var(--bg-muted);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;font:inherit;transition:filter .12s}.cal-cell.empty{background:transparent;cursor:default}.cal-cell:not(.empty):hover{filter:brightness(.96)}.cal-cell.lv1{background:#dbeafe}.cal-cell.lv2{background:#93c5fd}.cal-cell.lv3{background:#3b82f6;color:#fff}.cal-cell.met{outline:2px solid #16a34a;outline-offset:-2px}.cal-cell.today{box-shadow:0 0 0 2px var(--text) inset}.cal-cell.future{opacity:.4}.cal-d{font-size:12px;font-weight:600}.cal-v{font-size:9.5px;opacity:.85}.cal-hint{text-align:center;font-size:12.5px;color:var(--text-mute);margin-top:14px}.cal-legend{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:14px;font-size:12px;color:var(--text-mute)}.cal-legend i{width:14px;height:14px;border-radius:4px}.cal-legend i.lv1{background:#dbeafe}.cal-legend i.lv2{background:#93c5fd}.cal-legend i.lv3{background:#3b82f6}.cal-leg-met{display:inline-flex;align-items:center;gap:4px;margin-left:10px}.cal-leg-met i{width:14px;height:14px;border-radius:4px;outline:2px solid #16a34a;outline-offset:-2px;background:var(--bg-muted)}.wl-tabs{display:flex;gap:8px;margin-bottom:12px}.wl-tab{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font:inherit;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer}.wl-tab.on{background:var(--text);color:var(--bg);border-color:var(--text)}.wl-actions{margin-bottom:12px}.wl-actions .off{opacity:.4;pointer-events:none}.wl-list{display:flex;flex-direction:column;gap:6px}.wl-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px}.wl-w{font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:600;color:var(--text);min-width:96px}.wl-m{flex:1;font-size:13px;color:var(--text-mute)}.wl-x{border:none;background:none;color:var(--text-faint);cursor:pointer;font-size:14px;padding:4px 6px}.wl-x:hover{color:var(--danger)}.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.pk-card{border:1px solid var(--border);border-radius:16px;padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:12px;text-align:left;background:var(--bg);transition:transform .12s,border-color .12s,box-shadow .12s}.pk-card:hover{border-color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.pk-top{display:flex;align-items:center;justify-content:space-between}.pk-name{font-size:16px;font-weight:800}.pk-top .st-ring{width:44px;height:44px}.pk-stat{font-size:14px;color:var(--text-soft);font-weight:600}.pk-go{font-size:13px;color:var(--text-mute);font-weight:700}.rv-card{position:relative;width:min(520px,94vw);height:min(640px,90vh);background:var(--bg);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.rv-card.wide{width:min(1040px,96vw);height:min(720px,92vh)}.rv-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.rv-count{font-size:13px;font-weight:700;color:var(--text-mute)}.rv-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;cursor:pointer;overflow:auto}.rv-hint{font-size:13px;color:var(--text-faint)}.rv-img{max-height:38vh}.rv-img img{max-height:38vh;max-width:min(360px,80vw);border-radius:14px}.rv-bar{flex:0 0 auto;display:flex;gap:12px;padding:16px 18px;border-top:1px solid var(--border)}.rv-flipbtn{flex:1 1 auto;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:15px;font-weight:700;padding:14px;border-radius:12px;cursor:pointer}.rv-flipbtn:hover{border-color:var(--text)}.rv-grade{flex:1 1 0;border:1px solid transparent;font:inherit;font-weight:800;padding:11px 8px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.rv-grade span{font-size:14px}.rv-grade i{font-size:11px;font-weight:600;font-style:normal;opacity:.75}.rv-grade.no{background:#fee2e2;color:#dc2626}.rv-grade.no:hover{background:#fecaca}.rv-grade.good{background:var(--bg-muted);color:var(--text)}.rv-grade.good:hover{background:var(--border)}.rv-grade.easy{background:var(--text);color:var(--bg)}.rv-grade.easy:hover{filter:brightness(1.25)}.rv-deck{flex:1 1 auto;min-height:0}@media (max-width: 760px){.header{padding:14px}.header-inner{gap:6px}.brand{gap:8px}.header h1{font-size:16px}.header .meta{margin-left:auto;gap:2px}.header .save-status{display:none}.topstats{gap:0}.ts-item{padding:4px;gap:3px}.ts-item b{font-size:12px}#btn-sync{padding:5px 9px;font-size:11px}.page-tabs{width:100%;order:3}.page-tab{padding:6px 13px;font-size:13px}}@media (max-width: 820px){.st-cols{grid-template-columns:1fr;gap:14px}.st-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 600px){.word-day-grid{grid-template-columns:1fr}.st-page{padding:18px 14px 60px}.st-hero2{display:none!important}.st-hero2{padding:22px 18px}.st-hero2-top{flex-direction:column}.st-hero2-pills{flex-direction:row;flex-wrap:wrap}.st-hero2-title{font-size:19px}.st-hero2-metrics{grid-template-columns:repeat(2,1fr)}.st-hero{flex-direction:column;gap:18px;padding:20px 16px}.st-h-metrics{justify-content:center}.st-h-metrics .st-h-item{padding:2px 18px}.st-h-ctrl{width:100%;align-items:center;flex-direction:row;justify-content:center;gap:14px;flex-wrap:wrap}.st-guide{flex-direction:column;align-items:flex-start}.st-g-acts{width:100%}.st-g-primary{flex:1 1 auto}.st-tools{grid-template-columns:repeat(2,1fr)}.st-top,.gv{grid-template-columns:1fr}.sv-head,.sv-body{padding-left:16px;padding-right:16px}.wl-w{min-width:80px}}.sub-tabs{max-width:1100px;margin:0 auto;box-sizing:border-box;display:flex;gap:4px;justify-content:safe center;padding:12px clamp(16px,4vw,32px);background:var(--bg);overflow-x:auto;scrollbar-width:none}.sub-tabs[hidden]{display:none}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:6px 14px;border-radius:999px;font:inherit;font-size:13px;font-weight:600;color:var(--text-mute);cursor:pointer;white-space:nowrap;flex:0 0 auto;transition:color .15s,background .15s}.sub-tab:hover{color:var(--text)}.sub-tab.active{color:var(--accent);background:var(--accent-soft)}.ch-wrap{max-width:1164px;margin:0 auto;padding:clamp(16px,4vw,32px) 32px 80px}@media (max-width: 700px){.ch-wrap{padding-left:16px;padding-right:16px}}.cm-wrap{max-width:1164px;margin:0 auto;padding:clamp(16px,4vw,32px) 32px 80px}@media (max-width: 700px){.cm-wrap{padding-left:16px;padding-right:16px}}.cm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.cm-layout{display:flex;gap:22px;align-items:flex-start}.cm-side{flex:0 0 158px;position:sticky;top:80px;display:flex;flex-direction:column;gap:2px}.cm-side-h{font-size:12px;font-weight:700;color:var(--text-mute);padding:2px 12px 8px}.cm-cat-item{text-align:left;padding:9px 12px;border:none;background:none;border-radius:9px;font:inherit;font-size:14px;font-weight:600;color:var(--text-mute);cursor:pointer;transition:background .12s,color .12s}.cm-cat-item:hover{background:var(--bg-muted);color:var(--text)}.cm-cat-item.on{background:var(--text);color:var(--bg)}.cm-main{flex:1 1 auto;min-width:0}.cm-list{display:flex;flex-direction:column;gap:10px}.cm-card{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%;border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--bg);cursor:pointer;font:inherit;transition:border-color .12s,box-shadow .12s}.cm-card:hover{border-color:var(--text);box-shadow:var(--shadow-sm)}.cm-card-top{display:flex;align-items:center;gap:8px}.cm-card-time{font-size:11.5px;color:var(--text-faint);margin-left:auto}.cm-card-body{font-size:14px;line-height:1.5;color:var(--text)}.cm-card-foot{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-mute)}.cm-card-author{font-weight:600}.cm-card-stats{display:flex;align-items:center;gap:13px;margin-left:auto}.cm-stat{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--text-mute);line-height:1}.cm-stat svg{width:14px;height:14px;flex:0 0 14px;display:block}.cm-back{border:none;background:none;padding:4px 0;margin-bottom:14px;font:inherit;font-size:13.5px;font-weight:600;color:var(--text-mute);cursor:pointer}.cm-back:hover{color:var(--text)}.cm-detail{border:1px solid var(--border);border-radius:14px;padding:18px 20px;background:var(--bg)}.cm-body-full{font-size:15px;line-height:1.7;margin:6px 0 14px}.cm-tip-detail{margin:8px 0 14px}.cm-tip-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:11px;margin-bottom:10px}.cm-tip-box.old{background:var(--bg-muted)}.cm-tip-box.new{background:var(--accent-soft);border:1px solid var(--accent)}.cm-tip-tag{flex:0 0 auto;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;line-height:1.3}.cm-tip-box.old .cm-tip-tag{background:var(--text-mute);color:var(--bg)}.cm-tip-box.new .cm-tip-tag{background:var(--accent);color:#fff}.cm-tip-txt{font-size:14.5px;line-height:1.6;color:var(--text)}.cm-tip-box.old .cm-tip-txt{color:var(--text-mute)}.cm-tip-op{margin-top:12px;font-size:14.5px;line-height:1.7;color:var(--text)}.cm-cmts{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.cm-cmt-h{font-size:13px;font-weight:700;color:var(--text);margin-bottom:10px}.cm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.cm-cat-mob{display:none}.cm-sort{display:flex;gap:2px}.cm-sortb{border:none;background:none;padding:7px 12px;border-radius:8px;font:inherit;font-size:14px;font-weight:700;color:var(--text-mute);cursor:pointer;transition:color .12s,background .12s}.cm-sortb:hover{color:var(--text);background:var(--bg-muted)}.cm-sortb.on{color:var(--text)}.cm-write{border:1px solid var(--border);border-radius:14px;padding:18px 20px;background:var(--bg)}.cm-write-h{font-size:15px;font-weight:800;color:var(--text);margin-bottom:14px}.cm-write .cm-cat-sel{display:block;margin-bottom:12px}.cm-write-area{width:100%;box-sizing:border-box;resize:vertical;min-height:200px}.cm-write-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.cm-tip-form{display:flex;flex-direction:column}.cm-tip-label{font-size:13px;font-weight:700;color:var(--text);margin:4px 0 6px}.cm-tip-label span{font-weight:500;color:var(--text-mute);font-size:12px;margin-left:6px}.cm-input.cm-tip-old,.cm-input.cm-tip-mid{margin-bottom:16px}@media (max-width: 720px){.cm-layout{flex-direction:column;align-items:stretch}.cm-main{width:100%}.cm-write{border:none;border-radius:0;padding:0}.cm-side{display:none}.cm-cat-mob{display:block;order:1;flex:0 0 auto;max-width:40vw;padding:8px 10px;border:1px solid var(--border);border-radius:9px;font:inherit;font-size:13px;font-weight:600;background:var(--bg);color:var(--text)}.cm-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:6px}.cm-sort{order:2}.cm-sortb{padding:8px 9px;font-size:13px}#cm-write{order:3;margin-left:auto}.cm-side-h{display:none}.cm-cat-item{padding:4px 8px;border:1px solid var(--border);border-radius:999px;font-size:11.5px;font-weight:600}.cm-cat-item.on{border-color:var(--text)}}.lg-panel-board .cm-layout{flex-direction:column}.lg-panel-board .cm-side{position:static;flex:none;width:100%;flex-direction:row;flex-wrap:wrap;gap:6px;margin-bottom:8px}.lg-panel-board .cm-side-h{display:none}.lg-panel-board .cm-cat-item{padding:6px 12px;border:1px solid var(--border);border-radius:999px;font-size:12.5px}.lg-panel-board .cm-cat-item.on{border-color:var(--text)}.ch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.cm-title,.ch-title{font-size:clamp(20px,4vw,26px);font-weight:800}.cm-sub,.ch-sub{font-size:13px;color:var(--text-mute);margin-top:4px}.cm-empty,.ch-empty{text-align:center;color:var(--text-mute);font-size:14px;padding:40px 16px}.ch-empty.sm{padding:14px;font-size:13px}.cm-btn,.ch-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:7px 16px;font:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .12s;white-space:nowrap}.cm-btn:hover,.ch-btn:hover{border-color:var(--border-strong)}.cm-btn.primary,.ch-btn.primary{background:var(--text);border-color:var(--text);color:var(--bg)}.cm-btn.primary:hover,.ch-btn.primary:hover{filter:brightness(1.06)}.cm-btn.small{padding:6px 12px;font-size:12px}.ch-btn.ghost{background:none}.cm-compose{margin-bottom:20px}.cm-input,.ch-in{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;resize:vertical;background:var(--bg);color:var(--text)}.cm-input:focus,.ch-in:focus{outline:none;border-color:var(--text)}.cm-compose-foot{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.cm-compose-foot .cm-btn.primary{margin-left:auto}.cm-cat-sel{border:1px solid var(--border);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;background:var(--bg);color:var(--text)}.cm-attach{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-mute);cursor:pointer}.cm-login,.cm-cmt-login{display:flex;align-items:center;gap:12px;justify-content:center;padding:16px;border:1px dashed var(--border-strong);border-radius:12px;color:var(--text-mute);font-size:13px}.cm-cmt-login{padding:10px}.cm-pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:18px}.cm-page{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-mute);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.cm-page:hover:not(:disabled):not(.on){border-color:var(--text);color:var(--text)}.cm-page.on{background:var(--text);border-color:var(--text);color:var(--bg)}.cm-page:disabled{opacity:.4;cursor:default}.cm-post{border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:12px;background:var(--bg)}.cm-post-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cm-av{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:0 0 auto}.cm-author{font-size:13px;font-weight:700}.cm-time{font-size:12px;color:var(--text-mute)}.cm-del,.ch-del{margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-mute);font-size:12px;cursor:pointer}.cm-del:hover,.ch-del:hover{color:#dc2626}.cm-body{font-size:14px;line-height:1.6;word-break:break-word}.cm-post-foot{margin-top:10px}.cm-cmt-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text-mute);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:0}.cm-cmt-toggle:hover{color:var(--accent)}.cm-comments{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.cm-cmt{display:flex;align-items:flex-start;gap:10px;padding:11px 0}.cm-cmt+.cm-cmt{border-top:1px solid var(--border)}.cm-cmt-main{flex:1 1 auto;min-width:0}.cm-cmt-top{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.cm-cmt-author{font-weight:700;font-size:13px;color:var(--text);flex:0 0 auto}.cm-cmt-time{font-size:11.5px;color:var(--text-faint);margin-left:auto;flex:0 0 auto}.cm-cmt-body{font-size:13.5px;line-height:1.55;color:var(--text);word-break:break-word;white-space:normal}.cm-cmt-del{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;color:var(--text-faint);cursor:pointer;font-size:12px;flex:0 0 auto}.cm-cmt-del:hover{color:#dc2626}.cm-cmt-loading{font-size:12px;color:var(--text-mute);padding:6px 0}.cm-cmt-compose{display:flex;gap:6px;margin-top:8px}.cm-cmt-input{flex:1 1 auto;border:1px solid var(--border);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;background:var(--bg);color:var(--text)}.cm-cmt-input:focus{outline:none;border-color:var(--text)}.cm-bars{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cm-cats{display:flex;gap:4px;flex-wrap:wrap}.cm-cat{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--border);border-radius:999px;padding:6px 13px;font:inherit;font-size:13px;font-weight:600;color:var(--text-mute);cursor:pointer;transition:all .12s}.cm-cat:hover{color:var(--text)}.cm-cat.on{background:var(--accent);border-color:var(--accent);color:#fff}.cm-sort{display:inline-flex;gap:2px;padding:2px;background:var(--bg-muted);border-radius:999px}.cm-sortb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:999px;padding:5px 13px;font:inherit;font-size:12.5px;font-weight:700;color:var(--text-mute);cursor:pointer}.cm-sortb.on{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.cm-cat-chip{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--bg-muted);color:var(--text-mute)}.cm-cat-chip.cat-hello{background:#fdf2f8;color:#db2777}.cm-cat-chip.cat-review{background:#f0fdf4;color:#16a34a}.cm-cat-chip.cat-chat{background:#f1f5f9;color:#475569}.cm-cat-chip.cat-tip{background:#fefce8;color:#ca8a04}.cm-cat-chip.cat-study{background:#eef2ff;color:#4f46e5}.cm-cat-chip.cat-exam{background:#ecfeff;color:#0891b2}.cm-cat-chip.cat-qna{background:#fff7ed;color:#ea580c}.cm-cat-chip.cat-bug{background:#fef2f2;color:#dc2626}html[data-theme=dark] .cm-cat-chip[class*=cat-]{background:var(--bg-muted)}.cm-stat-card{display:flex;align-items:center;gap:14px;margin-top:10px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--accent-soft);flex-wrap:wrap}.cm-stat-tag{font-size:11px;font-weight:800;color:var(--accent)}.cm-stat-card>span{font-size:12.5px;color:var(--text-mute)}.cm-stat-card>span b{font-size:16px;font-weight:800;color:var(--text);margin-right:3px;font-feature-settings:"tnum"}.cm-like{display:inline-flex;align-items:center;gap:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;color:var(--text-mute);font:inherit;font-size:13px;font-weight:700}.cm-like:hover,.cm-like.on{color:#e11d48}.cm-like svg{display:block}.cm-post-foot{display:flex;align-items:center;gap:18px}.cm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px}.cm-modal-card{width:min(380px,100%);background:var(--bg);border-radius:18px;padding:22px;box-shadow:0 20px 60px #0000004d}.cm-modal-title{font-size:18px;font-weight:800;margin-bottom:4px}.cm-modal-sub{font-size:12.5px;color:var(--text-mute);margin-bottom:14px;line-height:1.5}.cm-modal-card .cm-input{width:100%;box-sizing:border-box}.cm-modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.cm-dash{margin-bottom:20px}.hof-sec-h{font-size:15px;font-weight:800;margin-bottom:12px}.hof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.hof-card{border:1px solid var(--border);border-radius:16px;padding:14px 16px;background:var(--bg)}.hof-h{font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hof-h-sub{font-size:10px;font-weight:600;color:var(--text-mute)}.hof-top{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--accent-soft);margin-bottom:8px}.hof-top-info{display:flex;flex-direction:column;min-width:0}.hof-top-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hof-top-val{font-size:15px;font-weight:600;color:var(--text)}.hof-crown{margin-left:auto;font-size:10px;font-weight:600;color:#ca8a04;background:#fefce8;padding:2px 7px;border-radius:999px;flex:0 0 auto}.hof-rank{display:flex;align-items:center;gap:8px;padding:5px 4px;font-size:12.5px}.hof-rank.me{font-weight:800}.hof-rk{width:16px;text-align:center;color:var(--text-mute);font-weight:700;flex:0 0 auto}.hof-nm{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hof-val{flex:0 0 auto;font-weight:700;color:var(--text-mute)}.cm-mid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.cm-mid-l{display:flex;flex-direction:column;gap:12px}.cm-panel{border:1px solid var(--border);border-radius:16px;padding:14px 16px;background:var(--bg)}.cm-sec-h{font-size:13px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:6px}.cm-sec-sub{font-size:10px;font-weight:600;color:var(--text-mute)}.cm-notice-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border)}.cm-notice-row:last-child{border-bottom:none}.cm-notice-t{flex:1 1 auto;font-size:12.5px;min-width:0}.cm-notice-d{font-size:10px;font-weight:700;color:var(--accent);flex:0 0 auto}.cm-today-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-mute)}.cm-today-row:last-child{border-bottom:none}.cm-today-row b{font-size:16px;color:var(--text);font-feature-settings:"tnum"}.cm-feed-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12.5px}.cm-feed-row:last-child{border-bottom:none}.cm-feed-name{font-weight:700;flex:0 0 auto}.cm-feed-kind{font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:1px 7px;border-radius:999px;flex:0 0 auto}.cm-feed-detail{flex:1 1 auto;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cm-feed-time{font-size:11px;color:var(--text-mute);flex:0 0 auto}.cm-av.sm{width:24px;height:24px;font-size:11px}.cm-board-h{font-size:16px;font-weight:800;margin:8px 0 14px;padding-top:22px;border-top:1px solid var(--border)}@media (max-width: 720px){.hof-grid,.cm-mid{grid-template-columns:1fr}}.ch-form{border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.ch-form[hidden]{display:none}.ch-form-row{display:flex;gap:12px;flex-wrap:wrap}.ch-lab{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-mute);font-weight:600;flex:1 1 120px}.ch-sel,.ch-num,.ch-date{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px;background:var(--bg);color:var(--text)}.ch-form-foot{display:flex;justify-content:flex-end;gap:8px}.ch-card{border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px;background:var(--bg)}.ch-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.ch-card-title{font-size:16px;font-weight:800}.ch-card-desc{font-size:13px;color:var(--text-mute);margin-top:3px;line-height:1.5}.ch-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.ch-tag{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:999px}.ch-period,.ch-cnt{font-size:12px;color:var(--text-mute)}.ch-cnt{margin-left:auto}.ch-board{display:flex;flex-direction:column;gap:6px;margin:12px 0}.ch-rank{display:flex;align-items:center;gap:10px;font-size:13px}.ch-rank.me{font-weight:700}.ch-rk{width:18px;text-align:center;color:var(--text-mute);font-weight:700;flex:0 0 auto}.ch-nm{flex:0 0 88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-bar{flex:1 1 auto;height:7px;border-radius:999px;background:var(--bg-muted);overflow:hidden}.ch-bar>span{display:block;height:100%;background:var(--accent);border-radius:999px}.ch-rank.me .ch-bar>span{background:#16a34a}.ch-pg{flex:0 0 auto;font-size:12px;color:var(--text-mute);min-width:54px;text-align:right}.ch-card-foot{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ch-league{margin-bottom:22px}.ch-sec-h{font-size:15px;font-weight:800;margin-bottom:12px}.ch-sec-row{display:flex;align-items:center;justify-content:space-between}.ch-leave{padding:5px 13px;font-size:12px;font-weight:600;background:var(--bg-muted);border-color:var(--border);color:var(--text-mute)}.ch-leave:hover{background:var(--border);color:var(--text)}.ch-league-join{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:46px 24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,var(--accent-soft) 0%,var(--bg) 60%)}.ch-join-icon{width:62px;height:62px;border-radius:50%;background:var(--bg);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.ch-join-title{font-size:18px;font-weight:800;color:var(--text)}.ch-join-msg{font-size:14px;color:var(--text-mute);max-width:440px;line-height:1.55}.ch-join-btn{margin-top:8px;padding:12px 28px;font-size:14px}.ch-league-card{border:1px solid var(--border);border-radius:16px;padding:14px 18px 18px;background:var(--bg)}.lg-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:0 -2px 16px}.lg-tab{padding:9px 15px;border:none;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--text-mute);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.lg-tab:hover{color:var(--text)}.lg-tab.active{color:var(--text);border-bottom-color:var(--text)}.lg-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.lg-pcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:1px solid var(--border);border-radius:14px}.cm-av.lg-pav{width:52px;height:52px;font-size:20px}.lg-pname{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-prank{position:absolute;top:8px;left:8px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;font-size:11px;font-weight:800;color:var(--text-mute);background:var(--bg-muted)}.lg-prank.r1{color:#fff;background:#f5b50a}.lg-prank.r2{color:#fff;background:#b8bcc4}.lg-prank.r3{color:#fff;background:#cd8b52}.lg-pscore{font-size:14px;font-weight:800;color:var(--text)}.lg-pcard.me,.lg-card.me{border-color:var(--accent);background:var(--accent-soft)}.lg-pact{font-size:11px;color:var(--text-mute);line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-pact.none{opacity:.6}.lg-pav-wrap{position:relative;display:inline-flex}.lg-online{position:absolute;right:1px;bottom:1px;width:13px;height:13px;border-radius:50%;background:var(--text-mute);border:2.5px solid var(--bg);opacity:.5}.lg-online.on{background:#22c55e;opacity:1}.lg-goal{border:1px solid var(--border);border-radius:12px;padding:13px 15px;margin-bottom:16px;background:var(--bg)}.lg-goal.done{border-color:var(--accent);background:var(--accent-soft)}.lg-goal-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.lg-goal-t,.lg-goal-v{font-size:13px;font-weight:700;color:var(--text)}.lg-goal-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.lg-goal-bar>span{display:block;height:100%;border-radius:999px;background:var(--text);transition:width .4s ease}.lg-goal.done .lg-goal-bar>span{background:var(--accent)}.lg-goal-sub{margin-top:7px;font-size:11.5px;color:var(--text-mute)}.lg-quest-h{font-size:14px;font-weight:800;color:var(--text);margin:4px 0 12px}.lg-quest-h2{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.lg-quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.lg-badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 12px 16px;border:1px solid var(--border);border-radius:16px;background:var(--bg);transition:box-shadow .15s,transform .15s}.lg-badge.done{box-shadow:var(--shadow-md)}.lg-badge.done:hover{transform:translateY(-2px)}.lg-medal{width:78px;height:auto;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.18))}.lg-medal-star{opacity:0}.lg-badge.done .lg-medal-star{opacity:.9;animation:medalTwinkle 2.4s ease-in-out infinite}.lg-badge.done .lg-medal-star:nth-of-type(2){animation-delay:.5s}.lg-badge.done .lg-medal-star:nth-of-type(3){animation-delay:1s}@keyframes medalTwinkle{0%,to{opacity:.25}50%{opacity:1}}.lg-badge:not(.done) .lg-medal{filter:grayscale(1) opacity(.5) drop-shadow(0 2px 3px rgba(0,0,0,.1))}.lg-badge-t{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.35;margin-top:2px}.lg-badge-v{font-size:12px;font-weight:800;color:var(--text-mute)}.lg-badge.done .lg-badge-v{color:var(--text)}.lg-cheer{display:inline-flex;align-items:center;gap:4px;margin-top:2px;padding:4px 11px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-mute);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .12s}.lg-cheer:hover:not(:disabled):not(.recv){border-color:var(--text);color:var(--text)}.lg-cheer.on{background:var(--text);border-color:var(--text);color:var(--bg);cursor:default}.lg-cheer.recv{border:none;background:none;color:var(--text-mute);cursor:default;padding:4px 0}.lg-cheer svg{display:block}.lg-pacts{display:flex;gap:6px;margin-top:2px;flex-wrap:wrap;justify-content:center}.lg-follow{padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-mute);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .12s}.lg-follow:hover:not(.on){border-color:var(--text);color:var(--text)}.lg-follow.on{background:var(--text);border-color:var(--text);color:var(--bg)}.lg-panel .ch-sec-h{margin-top:0}.lg-result-h{font-size:14px;font-weight:800;color:var(--text);margin-bottom:18px}.lg-podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:18px}.lg-podium-col{display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 1 110px}.lg-podium-medal{position:relative;padding:3px;border-radius:50%;background:var(--pc);box-shadow:0 3px 10px #0000002e}.cm-av.lg-podium-av{width:52px;height:52px;font-size:20px;border:2px solid var(--bg)}.lg-podium-col.r1 .cm-av.lg-podium-av{width:64px;height:64px;font-size:25px}.lg-podium-rk{position:absolute;bottom:-4px;right:-4px;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:var(--pc);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.lg-podium-nm{font-size:12.5px;font-weight:700;color:var(--text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-podium-sc{font-size:12px;font-weight:700;color:var(--text-mute)}.lg-podium-base{width:100%;margin-top:4px;border-radius:8px 8px 0 0;background:var(--accent-soft);color:var(--text);font-size:12px;font-weight:800;text-align:center;padding:8px 0}.lg-podium-col.r1 .lg-podium-base{height:56px;background:var(--accent);color:#fff}.lg-podium-col.r2 .lg-podium-base{height:42px}.lg-podium-col.r3 .lg-podium-base{height:30px}.lg-myrank{text-align:center;font-size:13px;color:var(--text-mute);margin-bottom:16px}.lg-myrank b{color:var(--text);font-weight:800}.lg-rstats{display:flex;gap:12px;margin-top:18px}.lg-rstat{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.lg-rstat-v{font-size:20px;font-weight:800;color:var(--text)}.lg-rstat-k{font-size:12px;color:var(--text-mute)}.lg-panel-board .cm-wrap{padding-top:0}.lg-panel-board .cm-head{margin-bottom:4px;justify-content:flex-end}.lg-panel-board .cm-head>div:first-child{display:none}.ch-league-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ch-league-cnt{font-size:13px;font-weight:600;color:var(--text)}.ch-league-metric{font-size:11px;color:var(--text-mute)}.ch-league-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:12px}.lg-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.lg-rank{position:absolute;top:8px;left:10px;font-size:11px;font-weight:600;color:var(--text-mute)}.cm-av.lg-av{width:46px;height:46px;font-size:18px}.lg-name{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-score{font-size:12px;font-weight:600;color:var(--text)}.lg-card.low{opacity:.68}.lg-gap{font-size:10.5px;font-weight:600;color:var(--accent);line-height:1.1}.lg-podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin:4px 0 18px}.lg-pod{flex:1 1 0;max-width:118px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px 14px;border:1px solid var(--border);border-radius:16px 16px 12px 12px;background:var(--bg);position:relative}.lg-pod.empty{visibility:hidden}.lg-pod.gold{padding-bottom:24px;border-color:#f5b50a;box-shadow:0 6px 18px #f5b50a2e}.lg-pod.silver{margin-bottom:12px;border-color:#b8bcc4}.lg-pod.bronze{margin-bottom:20px;border-color:#cd8b52}.lg-pod.me{background:var(--accent-soft)}.lg-pod.gold{padding-top:18px}.lg-pod-crown{position:absolute;top:-6px;left:50%;transform:translate(-50%);line-height:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.lg-pod-avwrap{position:relative;display:inline-flex}.lg-pod-rk{position:absolute;bottom:-3px;right:-3px;width:20px;height:20px;border:2px solid var(--bg);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}.lg-pod.gold .lg-pod-rk{background:#f5b50a}.lg-pod.silver .lg-pod-rk{background:#b8bcc4}.lg-pod.bronze .lg-pod-rk{background:#cd8b52}.cm-av.lg-pod-av{width:54px;height:54px;font-size:21px;border:2px solid var(--bg)}.lg-pod.gold .cm-av.lg-pod-av{width:66px;height:66px;font-size:26px}.lg-pod-name{font-size:13px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-pod-xp{font-size:12px;font-weight:700;color:var(--text-mute)}.lg-ranklist{display:flex;flex-direction:column;gap:8px}.lg-rankrow{display:flex;align-items:center;gap:10px;padding:9px 12px 9px 9px;border-radius:12px;background:var(--bg-muted)}.lg-rankrow:nth-child(2n){background:var(--bg-soft)}.lg-rankrow.me{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.lg-rr-rank{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--text-mute);background:var(--bg)}.lg-rankrow.me .lg-rr-rank{color:var(--accent)}.lg-rr-avwrap{position:relative;flex:0 0 auto;display:inline-flex}.lg-rr-avwrap .lg-online{position:absolute;bottom:0;right:0}.cm-av.lg-rr-av{width:34px;height:34px;font-size:16px}.lg-rr-name{flex:1 1 auto;font-size:13.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-rr-xp{flex:0 0 auto;font-size:13px;font-weight:800;color:var(--text)}.lg-cheer.sm{padding:3px 8px;font-size:11px;flex:0 0 auto}.lgr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#00000080;display:grid;place-items:center;padding:20px}.lgr-box{width:100%;max-width:360px;background:var(--bg);border-radius:20px;padding:22px 20px 20px;text-align:center;box-shadow:0 20px 60px #0000004d}.lgr-title{font-size:14px;font-weight:700;color:var(--text-mute)}.lgr-rank{font-size:22px;font-weight:800;margin:6px 0 14px}.lgr-rank b{color:var(--accent)}.lgr-of{font-size:14px;font-weight:600;color:var(--text-mute)}.lgr-prize{margin:14px 0 18px;font-size:14px;font-weight:700;color:#d99400}.lgr-prize.none{color:var(--text-mute);font-weight:500;font-size:13px}.lgr-close{width:100%}.lg-tierbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.lg-tier{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:800;color:#1f2937}.lg-tier-note{font-size:11.5px;color:var(--text-mute)}.lgr-tier{font-size:14px;font-weight:700;margin:2px 0 12px}.lgr-tier.up{color:#16a34a}.lgr-tier.down{color:#ef4444}.lgr-tier.stay{color:var(--text-mute);font-weight:600}.lgr-tier b{font-weight:800}.ch-att{margin-top:22px}.att-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;-webkit-overflow-scrolling:touch}.att-table{border-collapse:collapse;font-size:11px;background:var(--bg);width:100%;table-layout:fixed}.att-corner,.att-name{width:140px}.att-table th,.att-table td{border:1px solid var(--border)}.att-name{display:flex;align-items:center;gap:7px}.att-name .att-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-table thead th{padding:5px;color:var(--text);font-weight:600;font-size:14px;white-space:nowrap;text-align:center;background:var(--bg-muted)}.att-table thead th i{display:block;font-style:normal;font-size:10px;font-weight:500;color:var(--text-mute);opacity:.9}.att-table thead th.sun{color:#ef4444}.att-table thead th.sat{color:#3b82f6}.att-corner{position:sticky;left:0;z-index:2;background:var(--bg-muted)}.att-name{padding:5px 12px;text-align:right;font-weight:600;white-space:nowrap;position:sticky;left:0;z-index:1;background:var(--bg);font-size:12px;color:var(--text)}.att-table td{height:46px;text-align:center;vertical-align:middle;padding:5px}.att-table .att-name{height:46px}.cm-av.att-av{display:inline-flex;width:30px;height:30px;font-size:16px}.att-table tr.me .att-name{color:var(--text)}.att-v{display:none}.att-tablev .att-day{width:64px;text-align:center;font-weight:600;font-size:13px;color:var(--text);background:var(--bg);position:sticky;left:0;z-index:1}.att-tablev .att-day i{display:block;font-style:normal;font-size:10px;font-weight:500;color:var(--text-mute)}.att-tablev .att-day.sun{color:#ef4444}.att-tablev .att-day.sat{color:#3b82f6}.att-tablev thead th.me,.att-tablev td.me{background:var(--bg-soft)}@media (max-width: 720px){.att-wrap{overflow-x:visible}.att-table{table-layout:fixed;width:100%;font-size:10px}.att-corner,.att-table .att-name{width:50px}.att-name{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 2px}.att-name .att-nick{display:block;max-width:46px;font-size:9px;font-weight:600;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-table thead th,.att-table td{padding:3px 1px}.att-table thead th{font-size:12px}.att-table thead th i{font-size:9px}.att-table td{height:40px}.cm-av.att-av,.att-name .cm-av{width:24px;height:24px;font-size:13px}}.wlevel-view{width:100%;max-width:1164px;margin:0 auto;padding:clamp(16px,4vw,36px) 32px 70px;box-sizing:border-box}@media (max-width: 700px){.wlevel-view{padding-left:16px;padding-right:16px}}.wlevel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}@media (max-width: 560px){.wlevel-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.wlevel-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;cursor:pointer;width:100%;padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;background:var(--bg);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.wlevel-card:hover{transform:translateY(-3px);border-color:var(--text);box-shadow:0 10px 26px #0000001a}.wlc-thumb{position:relative;aspect-ratio:4 / 3;background:var(--bg-muted);overflow:hidden}.wlc-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.wlc-thumb-grad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(140deg,#4a4a52,#1f1f24)}.wlc-thumb-lv{font-size:30px;font-weight:900;color:#fff;letter-spacing:.02em}.wlc-thumb-tab{font-size:13px;font-weight:700;color:#ffffffc7}.wlc-badge2{position:absolute;top:10px;right:10px;background:var(--text);color:var(--bg);font-weight:900;font-size:14px;padding:3px 11px;border-radius:8px;letter-spacing:.02em}.wday-hero{padding:clamp(16px,3vw,26px) clamp(16px,4vw,22px) 0}.wlevel-hero2{margin-bottom:24px}.wlevel-hcont{position:absolute;right:30px;top:calc(50% - 28px);transform:translateY(-50%)}.wlevel-hero2 .st-hero2-top{padding-right:270px}@media (max-width: 560px){.wlevel-hero2 .st-hero2-top{padding-right:0}.wlevel-hcont{position:static;transform:none;margin-top:16px;width:100%;justify-content:space-between}}.wlevel-hero{position:relative;overflow:hidden;border-radius:20px;margin-bottom:24px;padding:28px 30px;min-height:130px;background:linear-gradient(120deg,var(--accent),#7c6cf0);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.wlevel-hero-t{font-size:clamp(18px,3.6vw,25px);font-weight:800;letter-spacing:-.01em}.wlevel-hero-d{font-size:13px;opacity:.92;margin-top:7px;line-height:1.5}.wlevel-hero-bar{height:8px;border-radius:999px;background:#ffffff40;overflow:hidden;margin-top:11px;max-width:300px}.wlevel-hero-bar>span{display:block;height:100%;background:#fff;border-radius:999px;transition:width .4s ease}.wlevel-hero-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:14px}.wlevel-hero-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;border-radius:999px;padding:15px 30px;background:#fff;color:var(--accent);font:inherit;font-size:16px;font-weight:800;white-space:nowrap;box-shadow:0 6px 18px #0000002e;transition:transform .12s,box-shadow .12s}.wlevel-hero-cta:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0000003d}.wlevel-hero-logo{color:#ffffffeb;flex:0 0 auto}@media (max-width: 560px){.wlevel-hero{padding:22px;flex-direction:column;align-items:stretch}.wlevel-hero-side{flex-direction:row;justify-content:space-between;align-items:center}.wlevel-hero-logo{display:none}.wlevel-hero-cta{flex:1 1 auto;text-align:center}}.wlevel-title{font-size:clamp(20px,4vw,26px);font-weight:800;margin-bottom:18px;color:var(--text);letter-spacing:-.01em}.wlc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}.wlc-tags{display:flex;gap:8px}.wlc-tag{font-size:11px;font-weight:700;color:var(--text-mute)}.wlc-tag:before{content:"#"}.wlc-name{font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.01em}.wlc-sub{font-size:12px;color:var(--text-mute)}.wlc-bar{height:6px;border-radius:999px;background:var(--bg-muted);overflow:hidden;margin-top:2px}.wlc-bar>span{display:block;height:100%;background:var(--text);border-radius:999px;transition:width .4s ease}.wlc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.wlc-pct{font-size:12px;font-weight:700;color:var(--text-mute);font-feature-settings:"tnum"}.wlc-go{font-size:13px;font-weight:800;color:var(--text)}.wday-topbar{position:sticky;top:var(--hdr-h, 67px);z-index:50;padding:14px clamp(16px,4vw,22px);display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--bg)}.wday-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--border);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .12s}.wday-back:hover{border-color:var(--border-strong)}.wday-head{display:flex;align-items:baseline;gap:10px}.wdh-name{font-size:18px;font-weight:800}.wdh-sub{font-size:13px;color:var(--text-mute)}.wday-topbar .word-dayfilter{margin-left:auto;padding:0}.ts-xp{position:relative}.xp-float{position:absolute;left:50%;top:-2px;transform:translate(-50%);font-size:12px;font-weight:800;color:#16a34a;pointer-events:none;white-space:nowrap;animation:xpFloat 1.1s ease-out forwards}@keyframes xpFloat{0%{opacity:0;transform:translate(-50%,4px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)}}.cfx-ov{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;overflow:hidden}.cfx-ov i{position:absolute;top:-20px;border-radius:2px;opacity:.95;animation-name:confettiFall;animation-timing-function:cubic-bezier(.3,.7,.5,1);animation-fill-mode:forwards}@keyframes confettiFall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--cfx-x),102vh,0) rotate(var(--cfx-r));opacity:0}}.cfx-ov i.cfx-cannon{top:auto;bottom:8%;animation-name:cfxCannon;animation-timing-function:cubic-bezier(.15,.55,.35,1)}.cfx-ov i.cfx-lft{left:4%}.cfx-ov i.cfx-rgt{right:4%;left:auto}@keyframes cfxCannon{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--cfx-dx),var(--cfx-dy),0) rotate(var(--cfx-r));opacity:0}}@media (prefers-reduced-motion: reduce){.quiz-opt.correct,.qimg-opt.correct,.qz-tf.correct,.quiz-opt.wrong,.qimg-opt.wrong,.qz-tf.wrong,.quiz-q.qz-fresh,.qz-next,.combo-pill,.fcx-card.fcx-in{animation:none}.cfx-ov,.combo-mile{display:none}}.level-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(circle at center,rgba(124,58,237,.14),transparent 55%)}.level-burst.show{opacity:1}.level-burst.out{opacity:0}.lvb-medal{position:relative;width:clamp(128px,34vw,176px);height:clamp(128px,34vw,176px);border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 36% 30%,#a78bfa,#7c3aed 72%);border:4px solid rgba(255,255,255,.55);box-shadow:0 16px 46px #7c3aed80,inset 0 -10px 22px #0000002e,inset 0 10px 22px #ffffff47}.lvb-ring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid rgba(124,58,237,.4)}.lvb-lv{font-size:clamp(36px,9.5vw,54px);font-weight:900;color:#fff;letter-spacing:-1px;text-shadow:0 2px 10px rgba(0,0,0,.28)}.lvb-sub{font-size:15px;font-weight:800;letter-spacing:2px;color:#7c3aed;background:var(--bg);padding:6px 18px;border-radius:999px;box-shadow:0 6px 20px #7c3aed47}.level-burst.show .lvb-medal{animation:lvbPop .6s cubic-bezier(.16,1.5,.4,1) both}@keyframes lvbPop{0%{transform:scale(.25) rotate(-14deg);opacity:0}55%{opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.level-burst.show .lvb-ring{animation:lvbRing 1.1s ease-out .2s both}@keyframes lvbRing{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.35);opacity:0}}.level-burst.show .lvb-sub{animation:lvbSubIn .5s .12s cubic-bezier(.16,1,.3,1) both}@keyframes lvbSubIn{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.lvb-medal,.lvb-ring,.lvb-sub{animation:none!important}}.st-level{margin-top:22px}.st-level-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.st-level-lv{font-size:14px;font-weight:800;color:#fff}.st-level-xp{font-size:12px;color:#ffffffd1}.st-level-bar{height:10px;border-radius:999px;background:#ffffff38;overflow:hidden}.st-level-bar>span{display:block;height:100%;background:#fff;border-radius:999px;transition:width .5s ease}.st-daily{padding:10px 6px 6px;text-align:center}.dg-head{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:16px}.dg-date{font-size:15px;font-weight:800;color:var(--text)}.dg-streak{font-size:13px;font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:4px}.dg-streak-flame{width:14px;height:14px;display:inline-flex}.dg-streak-flame svg{width:100%;height:100%}.dg-msg{font-size:19px;font-weight:800;line-height:1.5;color:var(--text);margin-bottom:14px}.dg-gauge{position:relative;width:min(260px,72vw);aspect-ratio:1;margin:0 auto}.dg-svg{width:100%;height:100%;transform:rotate(135deg)}.dg-track,.dg-fill{fill:none;stroke-width:15;stroke-linecap:round}.dg-track{stroke:var(--bg-muted)}.dg-fill{stroke:var(--text);transition:stroke-dasharray .6s ease}.dg-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.dg-flame{width:44px;height:44px;color:var(--text);display:inline-flex}.dg-flame svg{width:100%;height:100%}.dg-pct{font-size:44px;font-weight:800;color:var(--text);line-height:1}.dg-pct i{font-size:26px;font-style:normal;font-weight:700;margin-left:2px}.dg-target{margin-top:12px}.dg-target-l{font-size:13px;color:var(--text-mute);font-weight:600}.dg-target-v{font-size:26px;font-weight:800;color:var(--text);margin-top:2px}.dg-target-v i{font-size:16px;font-style:normal;font-weight:700;color:var(--text-mute);margin-left:1px}.st-goalbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:0 2px}.st-goalbar-l{font-size:14px;color:var(--text-mute);font-weight:600}.st-goalbar-l b{color:var(--text);font-weight:800}.st-goalbar-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .12s}.st-goalbar-btn:hover{background:var(--bg-muted);border-color:var(--border-strong)}.st-goalbar-btn svg{width:16px;height:16px}.st-goalbar-btn span{line-height:1}.st-goalpane{text-align:center;padding:26px 4px 14px;width:100%;margin:0 auto}.st-reviewpane{text-align:center;padding:24px 4px 16px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center}.rvp-hero{display:flex;flex-direction:column;gap:4px}.rvp-daily{width:100%;padding:28px 16px 24px}.rvp-herorow{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;margin:6px 0}.rvp-perf{flex:1 1 300px;max-width:420px;min-width:240px}.rvp-perf-h{font-size:12.5px;font-weight:700;color:var(--text-mute);text-align:left;margin-bottom:12px}.rvp-perf-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;align-items:end;height:132px}.rpb{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.rpb-wrap{flex:1 1 auto;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:0}.rpb-bar{width:62%;max-width:16px;background:#52525b;border-radius:4px 4px 0 0;transition:height .4s ease}.rpb.today .rpb-bar{background:var(--accent)}.rpb-n{font-size:11px;font-weight:800;color:var(--text)}.rpb-lab{font-size:10px;font-weight:600;color:var(--text-mute)}.rpb.today .rpb-lab{color:var(--text)}.rvp-cards2{grid-template-columns:repeat(2,1fr);max-width:420px;margin-left:auto;margin-right:auto}.rvp-big{font-size:64px;font-weight:800;color:var(--text);line-height:1}.rvp-label{font-size:14px;font-weight:600;color:var(--text-mute)}.rvp-start{width:100%;max-width:320px;border:none;background:var(--text);color:var(--bg);font-size:16px;font-weight:800;padding:16px;border-radius:14px;cursor:pointer;transition:filter .12s}.rvp-start:hover:not(.off){filter:brightness(1.15)}.rvp-start.off{opacity:.4;cursor:default}.rvp-weak{width:100%;max-width:320px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:14px;font-weight:700;padding:13px;border-radius:12px;cursor:pointer;transition:all .12s}.rvp-weak:hover{background:var(--bg-muted);border-color:var(--border-strong)}.rvp-sub{font-size:12.5px;color:var(--text-mute);line-height:1.55;max-width:300px}.rvp-cycle{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.rvc-h{font-size:13px;font-weight:800;color:var(--text);text-align:left}.rvc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rvc-stepwrap{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.rvc-step{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;padding:4px 6px;background:var(--bg)}.rvc-step input{width:26px;border:none;background:none;font:inherit;font-size:13px;font-weight:800;color:var(--text);text-align:right;-moz-appearance:textfield}.rvc-step input::-webkit-outer-spin-button,.rvc-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rvc-step i{font-size:10px;font-style:normal;color:var(--text-mute);font-weight:600;margin-left:1px}.rvc-arrow{color:var(--text-faint);font-weight:700;font-size:11px}.rvc-count{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--text);flex:0 0 auto}.rvc-cbtn{width:26px;height:26px;border:1px solid var(--border);background:var(--bg);border-radius:50%;cursor:pointer;font-size:14px;font-weight:800;color:var(--text);display:inline-flex;align-items:center;justify-content:center}.rvc-cbtn:hover{background:var(--bg-muted)}.gm-notify{display:flex;align-items:center;justify-content:space-between;gap:12px}.gm-notify-l{font-size:13.5px;font-weight:700;color:var(--text)}.gm-notify input{width:18px;height:18px;accent-color:var(--text);cursor:pointer}.gm-time{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;font-weight:700;color:var(--text);background:var(--bg)}.rvc-opts{display:flex;gap:8px}.rvc-opt{flex:1 1 0;border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font-size:13.5px;font-weight:700;padding:9px 0;border-radius:10px;cursor:pointer;transition:all .12s}.rvc-opt:hover{border-color:var(--border-strong)}.rvc-opt.on{background:var(--text);color:var(--bg);border-color:var(--text)}.rvc-ex{font-size:12px;font-weight:600;color:var(--text-mute);text-align:left}.rvp-settings{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.rvs-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.rvs-label{font-size:13.5px;font-weight:700;color:var(--text)}.rvs-opts{display:inline-flex;gap:6px}.rvs-opt{border:1px solid var(--border);background:var(--bg);color:var(--text-mute);font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:999px;cursor:pointer;transition:all .12s}.rvs-opt:hover{border-color:var(--border-strong)}.rvs-opt.on{background:var(--text);color:var(--bg);border-color:var(--text)}.rvs-step{display:inline-flex;align-items:center;gap:12px}.rvs-step b{font-size:15px;font-weight:800;color:var(--text);min-width:30px;text-align:center}.rvs-sbtn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:17px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:all .12s}.rvs-sbtn:hover{background:var(--bg-muted);border-color:var(--border-strong)}.rvs-hint{font-size:11.5px;color:var(--text-mute);line-height:1.45}.rvp-sched{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft);padding:14px 14px 10px}.rvp-sched-h{font-size:12.5px;font-weight:700;color:var(--text-mute);text-align:left;margin-bottom:12px}.rvp-sched-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;align-items:end}.rsc{display:flex;flex-direction:column;align-items:center;gap:5px;border:none;background:none;cursor:pointer;font:inherit;padding:6px 2px 4px;border-radius:10px;transition:background .12s}.rsc:hover{background:var(--bg-soft)}.rsc.sel{background:var(--bg-muted)}.rsc.sel .rsc-bar{background:var(--accent)}.rsc-bar-wrap{height:64px;width:100%;display:flex;align-items:flex-end;justify-content:center}.rsc-bar{width:64%;max-width:18px;background:#52525b;border-radius:5px 5px 0 0;transition:height .4s ease,background .12s}.rsc-n{font-size:12px;font-weight:800;color:var(--text)}.rsc-lab{font-size:10px;font-weight:600;color:var(--text-mute);white-space:nowrap}.rsc.today .rsc-lab{color:var(--text)}.rvp-section-h{width:100%;font-size:13px;font-weight:800;color:var(--text-mute);text-align:left;margin:6px 0 -2px}.rvp-section-sub{font-size:11.5px;font-weight:600;color:var(--text-faint)}.rvp-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 560px){.rvp-grid{grid-template-columns:repeat(2,1fr)}}.rvp-cell{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;row-gap:8px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft);cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.rvp-cell-due{justify-self:end}.rvp-cell-go{grid-column:1 / -1}.rvp-cell.on:hover{background:var(--bg-muted);border-color:var(--border-strong)}.rvp-cell.off{opacity:.5;cursor:default}.rvp-cell-name{font-size:14px;font-weight:800;color:var(--text)}.rvp-cell-due{font-size:24px;font-weight:800;color:var(--text);line-height:1}.rvp-cell-due i{font-size:12px;font-style:normal;font-weight:600;color:var(--text-mute);margin-left:6px}.rvp-cell-due em{font-size:15px;font-style:normal;font-weight:700;color:var(--text-mute);margin-left:3px}.rvp-cell-go{font-size:11.5px;font-weight:700;color:var(--text-mute)}.rvp-cell.off .rvp-cell-go{visibility:hidden}.rvp-rows{width:100%;display:flex;flex-direction:column;gap:8px}.rvp-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft)}.rvp-row.off{opacity:.55}.rvp-row-name{font-size:15px;font-weight:800;color:var(--text);flex:1 1 auto;text-align:left}.rvp-row-due{font-size:13px;font-weight:700;color:var(--text-mute)}.rvp-row-btn{border:none;background:var(--text);color:var(--bg);font-size:13px;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer;transition:filter .12s}.rvp-row-btn:hover:not(:disabled){filter:brightness(1.15)}.rvp-row-btn:disabled{opacity:.5;cursor:default;background:var(--bg-muted);color:var(--text-mute)}.rv-fsbody{display:flex;align-items:center;justify-content:center}.rv-fsbody .quiz-q{max-width:600px;width:100%;min-height:auto}.goal-modal{width:min(380px,90vw);background:var(--bg);border-radius:20px;padding:22px 22px 20px;box-shadow:0 20px 60px #0000004d;text-align:center}.goal-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.goal-modal-head span{font-size:16px;font-weight:800;color:var(--text)}.goal-modal-big{font-size:52px;font-weight:800;color:var(--text);line-height:1}.goal-modal-big i{font-size:24px;font-style:normal;font-weight:700;color:var(--text-mute);margin-left:3px}.goal-modal-sub{font-size:13px;color:var(--text-mute);margin-top:8px;margin-bottom:18px}.goal-range{width:100%;accent-color:var(--text);margin-bottom:18px}.goal-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.goal-preset{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);cursor:pointer;transition:all .12s}.goal-preset b{font-size:17px;font-weight:800;color:var(--text)}.goal-preset span{font-size:11px;color:var(--text-mute);font-weight:600}.goal-preset.on{border-color:var(--text);background:var(--bg-muted)}.goal-preset.on b{color:var(--text)}.goal-save{width:100%;border:none;background:var(--text);color:var(--bg);font-size:15px;font-weight:800;padding:14px;border-radius:12px;cursor:pointer;transition:filter .12s}.goal-save:hover{filter:brightness(1.08)}.dg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.dg-stat{display:flex;flex-direction:column;align-items:center;gap:5px}.dg-stat-ic{width:26px;height:26px;color:var(--text-mute);display:inline-flex}.dg-stat-ic svg{width:100%;height:100%}.dg-stat b{font-size:18px;font-weight:800;color:var(--text)}.dg-stat>span:last-child{font-size:12px;color:var(--text-mute);font-weight:600}.dg-gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.dg-g{display:flex;flex-direction:column;align-items:center;gap:8px}.dg-g-ring{position:relative;width:100%;max-width:120px;aspect-ratio:1}.dg-g-svg{width:100%;height:100%;transform:rotate(135deg)}.dg-g-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.dg-g-ic{width:20px;height:20px;color:var(--text-mute);display:inline-flex}.dg-g-ic svg{width:100%;height:100%}.dg-g-pct{font-size:21px;font-weight:800;color:var(--text);line-height:1}.dg-g-pct i{font-size:12px;font-style:normal;font-weight:700;margin-left:1px}.dg-g-label{font-size:14px;font-weight:800;color:var(--text)}.dg-g-v{font-size:12px;font-weight:700;color:var(--text-mute)}.dg-g-v em{font-style:normal;color:var(--text-soft)}.dg-g.done .dg-g-ic{color:var(--text)}.dg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.dg-card{border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--bg-soft);display:flex;flex-direction:column;gap:12px;text-align:left;transition:border-color .15s,background .15s}.dg-card.done{border-color:var(--text);background:var(--bg-muted)}.dg-card-head{display:flex;align-items:center;gap:8px}.dg-card-ic{width:30px;height:30px;border-radius:50%;background:var(--bg-muted);color:var(--text-mute);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:all .15s}.dg-card.done .dg-card-ic{background:var(--text);color:var(--bg)}.dg-card-ic svg{width:16px;height:16px}.dg-card-label{font-size:14px;font-weight:800;color:var(--text);flex:1 1 auto}.dg-card-pct{font-size:13px;font-weight:800;color:var(--text-mute)}.dg-card.done .dg-card-pct{color:var(--text)}.dg-card-v{font-size:22px;font-weight:800;color:var(--text);line-height:1}.dg-card-v em{font-size:12.5px;font-style:normal;font-weight:600;color:var(--text-mute)}.dg-card-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.dg-card-bar>span{display:block;height:100%;background:var(--text);border-radius:999px;transition:width .5s ease}.ko-spk{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;vertical-align:middle;margin-left:5px;flex:0 0 auto;transition:all .12s}.ko-spk:hover{background:var(--bg-muted);border-color:var(--border-strong)}.ko-spk.playing{background:var(--text);color:var(--bg);border-color:var(--text)}.ko-spk svg{width:13px;height:13px}.goal-multi{display:flex;flex-direction:column;gap:12px;width:100%;margin:0 auto}.goal-sec-title{font-size:13px;font-weight:800;color:var(--text-mute);margin:10px 0 -2px;text-align:left}.goal-multi .goal-modal-sub{margin:0 0 4px}.goal-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.goal-grid2 .gm-row{padding:12px 13px;gap:8px}.goal-grid2 .gm-ic{display:none}.goal-grid2 .gm-label{font-size:13.5px}.goal-grid2 .gm-stepper{gap:8px}@media (max-width: 560px){.goal-grid2{grid-template-columns:1fr 1fr;gap:7px}.goal-grid2 .gm-label{font-size:12.5px}.goal-grid2 .gm-unit{display:none}}.gm-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft)}.gm-ic{width:22px;height:22px;color:var(--text-mute);display:inline-flex;flex:0 0 auto}.gm-ic svg{width:100%;height:100%}.gm-label{font-size:15px;font-weight:800;color:var(--text);flex:1 1 auto;text-align:left}.gm-stepper{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}.gm-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:19px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:all .12s}.gm-btn:hover{background:var(--bg-muted);border-color:var(--border-strong)}.gm-btn:active{transform:scale(.92)}.gm-val{font-size:18px;font-weight:800;color:var(--text);min-width:30px;text-align:center}.gm-unit{font-size:12px;font-weight:700;color:var(--text-mute);flex:0 0 auto;width:32px;text-align:left}.stat-pop{position:fixed;z-index:1500}.stat-pop-card{width:244px;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #0000002e;padding:16px}.stat-pop-top{display:flex;align-items:baseline;gap:8px;margin-bottom:9px}.stat-pop-lv{font-size:20px;font-weight:800;color:var(--text)}.stat-pop-sub{font-size:12px;color:var(--text-mute)}.stat-pop-bar{height:8px;border-radius:999px;background:var(--bg-muted);overflow:hidden;margin-bottom:6px}.stat-pop-bar>span{display:block;height:100%;background:var(--accent);border-radius:999px}.stat-pop-total{font-size:11.5px;color:var(--text-mute);margin-bottom:14px}.stat-pop-h{font-size:12px;font-weight:800;margin-bottom:6px;color:var(--text)}.stat-pop-row{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0;color:var(--text)}.stat-pop-row b{color:var(--accent);font-weight:800}.stat-pop-note{font-size:11px;color:var(--text-mute);margin-top:10px;line-height:1.4}.streak-msg{font-size:12.5px;color:var(--text-mute);margin-bottom:12px;line-height:1.45}.streak-week{display:flex;justify-content:space-between;gap:4px}.sweek-col{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1}.sweek-d{font-size:11px;color:var(--text-mute);font-weight:600}.sweek-col.today .sweek-d{color:#ff9600;font-weight:800}.sweek-dot{width:24px;height:24px;border-radius:50%;background:var(--bg-muted);display:flex;align-items:center;justify-content:center}.sweek-col.on .sweek-dot{background:#ff9600}.ob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:var(--bg);display:flex;flex-direction:column;overflow-y:auto}.ob-top{display:flex;align-items:center;gap:16px;padding:18px clamp(16px,5vw,40px);max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.ob-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font-size:22px;color:var(--text-mute);cursor:pointer;flex:0 0 auto;line-height:1}.ob-back-sp{width:22px;flex:0 0 auto}.ob-bar{flex:1 1 auto;height:14px;border-radius:999px;background:var(--bg-muted);overflow:hidden}.ob-bar>span{display:block;height:100%;background:var(--text);border-radius:999px;transition:width .3s ease}.ob-stage{flex:1 1 auto;width:100%;max-width:1100px;margin:0 auto;padding:clamp(20px,5vw,40px) clamp(16px,5vw,40px)}.ob-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:36px}.ob-mascot{flex:0 0 auto;color:var(--accent)}.ob-bubble{background:var(--bg-muted);border-radius:16px;padding:14px 18px;font-size:clamp(16px,3.4vw,19px);font-weight:700;color:var(--text);line-height:1.4}.ob-opts{display:flex;flex-direction:column;gap:12px}.ob-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;cursor:pointer;width:100%;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-bottom-width:3px;border-radius:14px;padding:16px 18px;background:var(--bg);font:inherit;transition:background .12s,border-color .12s}.ob-opt:hover{background:var(--bg-muted)}.ob-opt-l{flex:1 1 auto;font-size:15px;font-weight:700;color:var(--text)}.ob-opt-sfx{flex:0 0 auto;font-size:13px;color:var(--text-mute);font-weight:600}.ob-info{display:flex;flex-direction:column;gap:2px}.ob-info-row{display:flex;align-items:center;gap:14px;padding:16px 4px;border-bottom:1px solid var(--border)}.ob-info-row:last-child{border-bottom:none}.ob-info-dot{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--accent-soft)}.ob-info-t{font-size:15px;font-weight:800;color:var(--text)}.ob-info-d{font-size:13px;color:var(--text-mute);margin-top:2px}.ob-notify{display:flex;justify-content:center;padding:30px 0 14px}.ob-bell{color:var(--accent)}.ob-note{text-align:center;font-size:14px;color:var(--text-mute);line-height:1.5;max-width:460px;margin:0 auto}.ob-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:30px 0}.ob-done-check{width:64px;height:64px;border-radius:50%;background:var(--text);display:flex;align-items:center;justify-content:center}.ob-done-t{font-size:clamp(20px,4vw,26px);font-weight:800;color:var(--text)}.ob-done-sub{font-size:14px;color:var(--text-mute);line-height:1.6;max-width:460px}.ob-foot{position:sticky;bottom:0;padding:16px clamp(16px,5vw,40px) 24px;background:var(--bg);border-top:1px solid var(--border);display:flex;justify-content:center}.ob-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:100%;max-width:100%;padding:14px;border:none;border-radius:14px;background:var(--text);color:var(--bg);font-size:15px;font-weight:800;transition:opacity .12s}.ob-cta:hover{opacity:.88}.ob-foot{max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cm-av[data-uid]{cursor:pointer}.pf-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.pf-ov[hidden]{display:none}.pf-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073}.pf-panel{position:relative;z-index:1;width:100%;max-width:480px;background:var(--bg);border-radius:18px;padding:24px;box-shadow:var(--shadow-md)}.pf-close{position:absolute;top:12px;right:14px;border:none;background:none;font-size:24px;line-height:1;color:var(--text-mute);cursor:pointer}.pf-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-right:24px}.pf-av{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:30px;flex:0 0 auto}.pf-id{flex:1 1 auto;min-width:0}.pf-name{font-size:19px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-level{display:flex;align-items:center;gap:8px;margin-top:5px}.pf-lv{flex:0 0 auto;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:2px 9px;border-radius:999px}.pf-lvbar{flex:1 1 auto;min-width:40px;max-width:140px;height:6px;background:var(--bg-muted, #eee);border-radius:999px;overflow:hidden}.pf-lvbar span{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:999px}.pf-lv-xp{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--text-mute)}.pf-target{font-size:12.5px;color:var(--accent);font-weight:700;margin-top:2px}.pf-target.muted{color:var(--text-faint);font-weight:500}.pf-btn{flex:0 0 auto;padding:8px 18px;border-radius:999px;border:1px solid var(--border);background:var(--bg);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .12s}.pf-btn.primary{background:var(--text);border-color:var(--text);color:var(--bg)}.pf-btn.on{background:var(--bg-muted);color:var(--text)}.pf-btn.ghost{color:var(--text-mute)}.pf-btn:hover{filter:brightness(.97)}.pf-bio{font-size:14px;line-height:1.6;color:var(--text);margin-bottom:16px}.pf-bio.muted{color:var(--text-faint)}.pf-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px}.pf-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.pf-stat b{font-size:16px;font-weight:800;color:var(--text)}.pf-stat span{font-size:10.5px;color:var(--text-mute);white-space:nowrap}.pf-sec-h{font-size:13px;font-weight:800;color:var(--text);margin-bottom:10px}.pf-posts{display:flex;flex-direction:column;gap:8px}.pf-post{border:1px solid var(--border);border-radius:10px;padding:10px 12px}.pf-post-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pf-post-chip{font-size:10.5px;font-weight:700;color:var(--text-mute);background:var(--bg-muted);padding:1px 7px;border-radius:999px}.pf-post-meta{font-size:11px;color:var(--text-faint);margin-left:auto}.pf-post-body{font-size:13px;color:var(--text);line-height:1.4}.pf-empty{color:var(--text-mute);text-align:center;padding:24px}.pf-empty.sm{padding:14px;font-size:13px}.pf-lbl{display:block;font-size:13px;font-weight:700;color:var(--text);margin:12px 0 6px}.pf-bio-in{width:100%;box-sizing:border-box;resize:vertical}.pf-target-sel{display:block}.pf-edit-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media (max-width: 480px){.pf-stats{grid-template-columns:repeat(4,1fr);gap:10px}}.pf-stat.pf-clk{cursor:pointer;border-radius:8px;transition:background .12s}.pf-stat.pf-clk:hover{background:var(--bg-muted)}.pf-back{border:none;background:none;padding:4px 0;margin-bottom:10px;font:inherit;font-size:13.5px;font-weight:600;color:var(--text-mute);cursor:pointer}.pf-back:hover{color:var(--text)}.pf-list{display:flex;flex-direction:column}.pf-frow{display:flex;align-items:center;gap:10px;padding:10px 4px;cursor:pointer;border-radius:8px}.pf-frow:hover{background:var(--bg-muted)}.pf-frow-av{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex:0 0 auto}.pf-frow-name{font-size:14px;font-weight:600;color:var(--text)}.pf-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.pf-tag{font-size:12px;font-weight:600;color:var(--text-mute);background:var(--bg-muted);padding:4px 11px;border-radius:999px}.pf-interests-pick{display:flex;flex-wrap:wrap;gap:6px}.pf-tag-opt{font:inherit;font-size:13px;font-weight:600;padding:6px 13px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-mute);cursor:pointer;transition:all .12s}.pf-tag-opt:hover{border-color:var(--text);color:var(--text)}.pf-tag-opt.on{background:var(--text);border-color:var(--text);color:var(--bg)}.pf-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.pf-badge{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 6px;border:1px solid var(--border);border-radius:12px}.pf-badge-ic{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-faint)}.pf-badge.done .pf-badge-ic{background:var(--accent);color:#fff}.pf-badge-t{font-size:11px;font-weight:700;color:var(--text-mute);line-height:1.3}.pf-badge.done .pf-badge-t{color:var(--text)}.pf-badge:not(.done){opacity:.55}@media (max-width: 480px){.pf-badges{grid-template-columns:repeat(3,1fr)}}.pf-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px}.pf-tab{border:none;background:none;padding:9px 4px;margin-right:12px;font:inherit;font-size:14px;font-weight:700;color:var(--text-mute);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.pf-tab:hover{color:var(--text)}.pf-tab.active{color:var(--text);border-bottom-color:var(--text)}.pf-streak{margin-bottom:16px}.pf-streak .stat-pop-card{width:100%;box-sizing:border-box;box-shadow:none}.cm-layout.no-side{display:block}.cm-layout.no-side .cm-main{width:100%;min-width:0}.cm-page-dots{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:13px}.stat-pop-last{margin-left:auto;font-size:12px;color:var(--text-mute)}.pf-avatars{display:grid;grid-template-columns:repeat(auto-fill,42px);gap:8px;margin-bottom:4px}.pf-av-opt{width:42px;height:42px;border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;font-size:21px;cursor:pointer;padding:0;transition:transform .1s}.pf-av-opt:hover{transform:scale(1.08)}.pf-av-opt.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}.av-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.cm-av,.avatar-circle,.pf-av,.pf-frow-av,.lg-pav,.pf-av-opt{overflow:hidden}.pf-avsec{font-size:12px;font-weight:700;color:var(--text-mute);margin:16px 0 8px}.pf-avsec:first-child{margin-top:4px}.pf-av-opt.db{background:var(--bg-muted)!important;padding:0}.pf-av-opt.db img{width:100%;height:100%;display:block}.pf-avtabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.pf-avtab{border:1px solid var(--border);background:var(--bg);padding:6px 12px;border-radius:999px;font:inherit;font-size:12.5px;font-weight:700;color:var(--text-mute);cursor:pointer;transition:all .12s}.pf-avtab:hover{color:var(--text)}.pf-avtab.active{background:var(--text);border-color:var(--text);color:var(--bg)}.footer-credit{margin-top:8px;font-size:10.5px;color:var(--text-faint);font-family:Pretendard,sans-serif;letter-spacing:normal;line-height:1.5;max-width:720px;margin-left:auto;margin-right:auto}.footer-credit a{color:var(--text-mute);text-decoration:underline}.cm-skel{display:flex;flex-direction:column;gap:10px}.cm-skel-card{border:1px solid var(--border);border-radius:12px;padding:14px 16px}.cm-skel-line{height:12px;border-radius:6px;margin-bottom:9px;background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border) 37%,var(--bg-muted) 63%);background-size:400% 100%;animation:skelShimmer 1.4s ease infinite}.cm-skel-line.w40{width:40%}.cm-skel-line.w90{width:90%}.cm-skel-foot{height:22px;width:32%;border-radius:999px;background:var(--bg-muted)}@keyframes skelShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.st-cb-tabs{display:inline-flex;align-self:flex-start;width:fit-content;flex-wrap:wrap;gap:2px;margin-bottom:16px;padding:3px;background:var(--bg-muted);border:1px solid var(--border);border-radius:12px}.st-cb-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;margin:0;border:none;border-radius:9px;background:transparent;font:inherit;font-size:14px;font-weight:800;color:var(--text-mute);cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}.st-cb-tab:hover{color:var(--text)}.st-cb-tab.active{color:var(--text);background:var(--bg);box-shadow:0 1px 3px #0000001a}.st-cb-n{font-size:11px;font-weight:800;color:var(--text-mute);background:var(--bg);border-radius:999px;padding:0 6px}.st-cb-tab.active .st-cb-n{color:var(--bg);background:var(--text)}.st-wb-tabs{display:flex;gap:20px;margin-bottom:16px;border-bottom:1px solid var(--border)}.st-wb-tab{position:relative;padding:8px 2px;margin-bottom:-1px;border:none;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--text-mute);cursor:pointer;transition:color .12s}.st-wb-tab:hover,.st-wb-tab.active{color:var(--text)}.st-wb-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--text);border-radius:2px}.st-bm-list{display:flex;flex-direction:column}.st-bm-row{display:flex;align-items:baseline;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border)}.st-bm-row:last-child{border-bottom:none}.st-bm-w{font-size:16px;font-weight:700;color:var(--text);flex:0 0 auto}.st-bm-r{font-size:12.5px;color:var(--text-mute);flex:0 0 auto}.st-bm-m{font-size:13.5px;color:var(--text);margin-left:auto;text-align:right}.st-bm-btn{margin-top:14px;width:100%;padding:11px;border:none;border-radius:10px;background:var(--text);color:var(--bg);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.st-bm-subtabs{display:flex;flex-wrap:wrap;gap:0;margin-bottom:40px;padding:0;background:none;border:none;border-bottom:1px solid var(--border)}.st-bm-subtab{display:inline-flex;align-items:center;gap:6px;padding:8px 4px;margin-right:18px;border:none;border-radius:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--text-mute);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.st-bm-subtab:hover{color:var(--text)}.st-bm-subtab.active{color:var(--text);background:none;border-bottom-color:var(--text);box-shadow:none}.st-bm-subn{font-size:11px;font-weight:800;color:var(--bg);background:var(--text);border-radius:999px;padding:0 6px}.st-bm-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.st-bm-table{width:100%;border-collapse:collapse;font-size:13px}.st-bm-table th{padding:9px 10px;text-align:left;font-size:11.5px;font-weight:700;color:var(--text-mute);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg-muted)}.st-bm-table td{padding:16px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.st-bm-table tr:last-child td{border-bottom:none}.st-bm-table .bm-c,.st-bm-table th:first-child,.st-bm-table th:nth-child(2),.st-bm-table th:nth-child(3),.st-bm-table th:nth-child(4){text-align:center}.bm-c{text-align:center;color:var(--text);font-size:12px;white-space:nowrap}.bm-no{text-align:center;color:var(--text);font-weight:600}.bm-kanji{font-size:16px;font-weight:700;color:var(--text);white-space:nowrap}.bm-kanji ruby rt{font-size:9px;color:var(--text-mute)}.bm-m{color:var(--text)}.bm-tip{color:var(--text);font-size:12.5px;max-width:280px}.st-bm-table th{color:var(--text)}.bm-dash{color:var(--text-faint)}.st-bm-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.st-bm-btn2{padding:9px 18px;border:none;border-radius:999px;background:var(--text);color:var(--bg);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.st-bm-btn2:hover{filter:brightness(.93)}.st-bm-btn2.ghost{background:var(--bg);color:var(--text);border:1px solid var(--border)}.st-bm-btn2.ghost:hover{filter:none;border-color:var(--text)}.st-bm-table{table-layout:fixed;min-width:760px}.st-bm-table th:nth-child(1){width:50px}.st-bm-table th:nth-child(2){width:72px}.st-bm-table th:nth-child(3){width:58px}.st-bm-table th:nth-child(4){width:64px}.st-bm-table th:nth-child(5){width:120px}.st-bm-table th:nth-child(6){width:130px}.st-bm-table th:nth-child(7){width:100px}.st-bm-table th:nth-child(9){width:64px}.st-bm-table td.bm-tip{white-space:normal;word-break:break-word}.st-bm-table.wlog-table{min-width:980px}.st-bm-table.wlog-table th:nth-child(1){width:44px}.st-bm-table.wlog-table th:nth-child(2){width:76px}.st-bm-table.wlog-table th:nth-child(3){width:52px}.st-bm-table.wlog-table th:nth-child(4){width:46px}.st-bm-table.wlog-table th:nth-child(5){width:54px}.st-bm-table.wlog-table th:nth-child(6){width:96px}.st-bm-table.wlog-table th:nth-child(7){width:90px}.st-bm-table.wlog-table th:nth-child(8){width:74px}.st-bm-table.wlog-table th:nth-child(9){width:auto;text-align:left}.st-bm-table.wlog-table th:nth-child(10){width:50px}.st-bm-table.wlog-table th:nth-child(11){width:48px}.st-bm-table.wlog-table th:nth-child(12){width:54px}.st-bm-table.wlog-table th:nth-child(13){width:52px}.st-bm-table.wlog-table td.bm-m{white-space:normal;word-break:break-word}.st-bm-table.wlog-table td.bm-tip{line-height:1.5}.wlog-rh,.wlog-mlbl{display:none}@media (max-width: 600px){.st-bm-wrap{overflow:visible}.st-bm-table.wlog-table{min-width:0;display:block;table-layout:auto}.wlog-table thead{display:none}.wlog-table tbody{display:block}.wlog-table tr{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:3px;border:1px solid var(--border);border-radius:14px;padding:13px 15px;margin-bottom:10px}.wlog-table tr:last-child{margin-bottom:0}.wlog-table td{border:none!important;padding:0;text-align:left!important}.wlog-table td:nth-child(1),.wlog-table td:nth-child(2),.wlog-table td:nth-child(3),.wlog-table td:nth-child(5){display:none}.wlog-table td.bm-kanji{order:1;font-size:22px;font-weight:800;line-height:2.1;margin-bottom:8px}.wlog-table td.bm-kanji ruby rt{font-size:12.5px;color:var(--accent);font-weight:600}.wlog-table td:nth-child(12){order:2}.wlog-table td.bm-c:nth-child(4){order:3;margin-left:auto;align-self:center;font-size:11px;font-weight:800;color:var(--text-mute);background:var(--bg-muted);border-radius:999px;padding:2px 9px}.wlog-table td:nth-child(13){order:10;margin-left:auto;margin-top:7px;align-self:center}.wlog-table td.bm-m{order:5}.wlog-table td.bm-c:nth-child(8){order:6}.wlog-table td.bm-tip{order:7}.wlog-table td.bm-m,.wlog-table td.bm-c:nth-child(8),.wlog-table td.bm-tip{flex:0 0 100%;font-size:13.5px;color:var(--text);white-space:normal}.wlog-table td.wlog-right{order:8}.wlog-table td.wlog-wrong{order:9}.wlog-table td.wlog-right,.wlog-table td.wlog-wrong{font-size:13.5px;color:var(--text)}.wlog-rh{display:inline-block;min-width:68px;font-size:11.5px;font-weight:700;color:var(--text-mute);vertical-align:top}.wlog-mlbl{display:inline;margin-right:5px;color:var(--text-mute)}.wlog-table td[data-label]:before{content:attr(data-label);display:inline-block;min-width:68px;font-size:11.5px;font-weight:700;color:var(--text-mute);vertical-align:top}.wlog-table td[data-label]>*{display:inline}}@media (max-width: 600px){.st-bm-wrap .st-bm-table.mk-table{min-width:0;display:block;table-layout:auto}.mk-table thead{display:none}.mk-table tbody{display:block}.mk-table tr{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:3px;border:1px solid var(--border);border-radius:14px;padding:13px 15px;margin-bottom:10px}.mk-table tr:last-child{margin-bottom:0}.mk-table td{border:none!important;padding:0;text-align:left!important}.mk-table td:nth-child(1),.mk-table td:nth-child(2),.mk-table td:nth-child(4){display:none}.mk-table td.bm-kanji{order:1;font-size:22px;font-weight:800;line-height:2.1;margin-bottom:8px}.mk-table td.bm-kanji ruby rt{font-size:12.5px;color:var(--accent);font-weight:600}.mk-table td:nth-child(9){order:2}.mk-table td.bm-c:nth-child(3){order:3;margin-left:auto;align-self:center;font-size:11px;font-weight:800;color:var(--text-mute);background:var(--bg-muted);border-radius:999px;padding:2px 9px}.mk-table td.bm-m{order:5}.mk-table td.bm-c:nth-child(7){order:6}.mk-table td.bm-tip{order:7}.mk-table td.bm-m,.mk-table td.bm-c:nth-child(7),.mk-table td.bm-tip{flex:0 0 100%;font-size:13.5px;color:var(--text);white-space:normal}.mk-table td:nth-child(10){order:10;margin-left:auto;margin-top:7px;align-self:center}.mk-table td[data-label]:before{content:attr(data-label);display:inline-block;min-width:68px;font-size:11.5px;font-weight:700;color:var(--text-mute);vertical-align:top}.mk-table td[data-label]>*{display:inline}}.st-bm-table.mk-table{min-width:880px}.st-bm-table.mk-table th:nth-child(1){width:48px}.st-bm-table.mk-table th:nth-child(2){width:64px}.st-bm-table.mk-table th:nth-child(3){width:50px}.st-bm-table.mk-table th:nth-child(4){width:60px}.st-bm-table.mk-table th:nth-child(5){width:118px}.st-bm-table.mk-table th:nth-child(6){width:128px}.st-bm-table.mk-table th:nth-child(7){width:92px}.st-bm-table.mk-table th:nth-child(8){width:auto;text-align:left}.st-bm-table.mk-table th:nth-child(9){width:60px}.st-bm-table.mk-table th:nth-child(10){width:64px}.st-bm-table.mk-table td.bm-tip{line-height:1.5}.wlog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.wlog-fchip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-mute);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.wlog-fchip:hover{border-color:var(--text-faint);color:var(--text)}.wlog-fchip.on{background:var(--text);border-color:var(--text);color:var(--bg)}.wlog-fn{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bg-muted);color:var(--text-mute);font-size:11.5px;font-weight:700}.wlog-fchip.on .wlog-fn{background:#ffffff38;color:var(--bg)}.wlog-n{font-weight:700;color:var(--text)}.lp-wrap{padding:6px 0 50px}.lp-levels{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:18px}.lp-lv{min-width:72px;padding:6px 26px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-mute);font:inherit;cursor:pointer;transition:background .12s,color .12s,border-color .12s;display:inline-flex;flex-direction:column;align-items:center;line-height:1.15;gap:1px}.lp-lv-t{font-size:10px;font-weight:700;opacity:.75}.lp-lv-n{font-size:13px;font-weight:800}.lp-lv:hover{border-color:var(--text-faint);color:var(--text)}.lp-lv.on{background:var(--text);border-color:var(--text);color:var(--bg)}.lp-path{display:flex;flex-direction:column;align-items:center;gap:13px;overflow:hidden;--lpscale: 1.8}.lp-sec{width:100%;max-width:640px;text-align:center;margin:18px 0 8px;position:relative}.lp-sec:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border)}.lp-sec-l{position:relative;display:inline-block;padding:5px 16px;background:var(--text);color:var(--bg);font-size:12.5px;font-weight:800;border-radius:999px;letter-spacing:.02em}.lp-row{display:flex;flex-direction:column;align-items:center;gap:3px}.lp-node{position:relative;width:64px;height:58px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .08s}.lp-node:active{transform:translateY(2px)!important}.lp-node .lp-ic{width:30px;height:30px;display:inline-flex}.lp-node .lp-ic svg{width:100%;height:100%}.lp-node.done,.lp-node.cur{background:var(--text);color:var(--bg);box-shadow:0 5px #00000073}.lp-node.cur:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:3px solid var(--text-faint);animation:lpPulse 1.6s ease-in-out infinite}.lp-node.todo{background:#e5e7eb;color:#9aa0a8;box-shadow:0 5px #cbd0d6}@keyframes lpPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.lp-cap{font-size:11px;font-weight:700;color:var(--text-mute)}.lp-start{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--bg);color:var(--text);border:2px solid var(--border);padding:3px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 2px 6px #00000014}.lp-start:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg)}.lp-deco{width:66px;height:62px;display:inline-flex;align-items:center;justify-content:center;color:#c2c7ce}.lp-deco svg{width:48px;height:48px}.lp-deco.lp-trophy.on{color:#f5b50a}.lp-bonus{position:absolute;top:-12px;right:-16px;z-index:4;display:inline-flex;align-items:center;gap:2px;padding:3px 7px;border-radius:999px;font-size:10.5px;font-weight:800;line-height:1;color:#fff;white-space:nowrap;border:2px solid var(--bg);box-shadow:0 2px 6px #00000038}.lp-bonus .lpb-ic{width:11px;height:11px;display:inline-block}.lp-bonus .lpb-ic svg{width:100%;height:100%;display:block}.bonus-xp .lp-bonus{background:#7c3aed}.bonus-gem .lp-bonus{background:#0ea5e9}.bonus-both .lp-bonus{background:linear-gradient(135deg,#f59e0b,#ef4444)}.lp-node.bonus-xp{box-shadow:0 5px #0000004d,0 0 0 3px #7c3aed8c}.lp-node.bonus-gem{box-shadow:0 5px #0000004d,0 0 0 3px #0ea5e999}.lp-node.bonus-both{box-shadow:0 5px #0000004d,0 0 0 3px #f59e0ba6}@media (max-width: 600px){.lp-path{--lpscale: 1}.lp-sec{max-width:360px}.lp-levels{flex-wrap:nowrap;gap:5px}.lp-lv{min-width:0;flex:1 1 0;padding:6px 4px}.lp-lv-t{font-size:9px}.lp-lv-n{font-size:12px}}.se-exp{display:flex;flex-direction:column;gap:6px;padding:4px 2px 8px;text-align:left;width:100%;max-width:none}.fc-pane .se-exp,.fc-pane-scroll .se-exp{width:100%;max-width:none;margin:0}.se-trans{font-size:16px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:6px}.se-trans .ko-spk{flex:0 0 auto}.se-sec-t{font-size:12.5px;font-weight:800;color:var(--text-mute);margin:12px 0 6px}.se-vocab{display:flex;flex-wrap:wrap;gap:8px}.se-vchip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.se-vchip b{font-size:18px;font-weight:800;color:var(--text)}.se-vchip b ruby rt{font-size:.52em;color:var(--accent);font-weight:700}.se-vchip i{font-size:12px;font-style:normal;color:#5b6dd6;font-weight:600}.se-vchip em{font-size:12.5px;font-style:normal;color:var(--text-mute)}.se-gram{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--bg-muted)}.se-gram-p{font-size:15px;font-weight:800;color:var(--text)}.se-gram-g{font-size:13.5px;color:var(--text-mute);margin-top:4px;line-height:1.5}.se-exs{display:flex;flex-direction:column;gap:20px}.se-ex{padding:2px 0}.se-ex-jp{font-size:21px;font-weight:700;color:var(--text);line-height:1.7}.se-ex-jp ruby rt{font-size:11px;color:var(--accent);font-weight:600}.se-ex-k{font-size:13.5px;color:var(--text-mute);font-weight:500;margin-top:6px}.se-ex-t{font-size:14px;color:var(--text-mute);margin-top:4px}@media (max-width: 600px){.se-ex-jp{font-size:17px;line-height:1.6}.se-ex-jp ruby rt{font-size:9.5px}}.lx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;animation:lxFade .15s ease}@keyframes lxFade{0%{opacity:0}to{opacity:1}}.lx-box{width:100%;max-width:340px;background:var(--bg);border-radius:18px;padding:24px 22px 18px;text-align:center;box-shadow:0 12px 40px #00000040}.lx-title{font-size:18px;font-weight:800;color:var(--text)}.lx-msg{font-size:13.5px;color:var(--text-mute);margin:10px 0 18px;line-height:1.5}.lx-btns{display:flex;flex-direction:column;gap:9px}.lx-btn{padding:13px;border:none;border-radius:12px;background:var(--text);color:var(--bg);font:inherit;font-size:15px;font-weight:800;cursor:pointer}.lx-btn.ghost{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}.lx-btn.ghost:hover{border-color:var(--text)}.bm-mark-btn{border:none;background:none;padding:4px;color:#eab308;cursor:pointer;display:inline-flex;line-height:0}.bm-mark-btn:hover{color:var(--text-faint)}.cm-markchk{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.cm-markchk input{accent-color:#eab308;width:15px;height:15px;cursor:pointer}.cm-markchk.on{font-weight:700}.st-bm-table th:last-child,.st-bm-table td:last-child{text-align:center}.st-bm-table td.bm-c{text-align:center}.st-bm-table td.bm-c .cm-markchk{display:inline-flex;justify-content:center}.st-bm-table th:nth-child(7){text-align:center}.st-bm-btn2:disabled{opacity:.4;cursor:default;filter:none}.fcx-tool[data-act=fc-speak],.fc-pane .sc-play,.gal-foot-spk,.rep-play,.scard .center .ex-tts,.wpane-ex .ex-tts{flex:0 0 auto;aspect-ratio:1;border-radius:50%}