:root{--ld-bg: #ffffff;--ld-surface: #fafaf7;--ld-surface-2: #f5f4f1;--ld-surface-3: #ecebe6;--ld-paper: #f7f3e9;--ld-ink: #1d1d1f;--ld-ink-2: #2b2b2e;--ld-secondary: #4a4a4f;--ld-muted: #86868b;--ld-faint: #b8b8bd;--ld-rule: rgba(15, 15, 17, .08);--ld-rule-strong: rgba(15, 15, 17, .14);--ld-accent: #2563eb;--ld-accent-deep: #1d4ed8;--ld-accent-tint: #eff5ff;--ld-serif: "Lora", "Iowan Old Style", "Source Serif Pro", Georgia, serif;--ld-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Inter", system-ui, sans-serif;--ld-mono: "SF Mono", "JetBrains Mono", "Menlo", "Consolas", ui-monospace, monospace;--ld-fs-hero: 56px;--ld-lh-hero: 72px;--ld-fs-h1: 40px;--ld-lh-h1: 48px;--ld-fs-h2: 28px;--ld-lh-h2: 36px;--ld-fs-h3: 20px;--ld-lh-h3: 28px;--ld-fs-body: 18px;--ld-lh-body: 30px;--ld-fs-meta: 13px;--ld-lh-meta: 18px;--ld-fs-caps: 11px;--ld-lh-caps: 14px;--ld-r-sm: 8px;--ld-r-md: 14px;--ld-r-lg: 20px;--ld-r-pill: 100px;--ld-shadow-1: 0 1px 2px rgba(15,15,17,.04);--ld-shadow-2: 0 1px 2px rgba(15,15,17,.04), 0 8px 24px rgba(15,15,17,.06);--ld-shadow-3: 0 8px 32px rgba(15,15,17,.1), 0 2px 8px rgba(15,15,17,.05);--ld-ease: cubic-bezier(.2, .7, .3, 1);--ld-dur-fast: .16s;--ld-dur: .22s;--ld-dur-slow: .42s;--bg: var(--ld-bg);--surface: var(--ld-bg);--surface-soft: var(--ld-surface-2);--surface-warm: var(--ld-surface);--text: var(--ld-ink);--text-secondary: var(--ld-secondary);--text-muted: var(--ld-muted);--text-faint: var(--ld-faint);--border: var(--ld-rule);--border-strong: var(--ld-rule-strong);--accent: var(--ld-accent);--danger: #c0392b;--radius: var(--ld-r-md);--radius-sm: var(--ld-r-sm);--serif: var(--ld-serif);--sans: var(--ld-sans);--shadow-1: var(--ld-shadow-1);--shadow-2: 0 8px 24px rgba(0, 0, 0, .08);--ld-accent-tint-strong: var(--ld-accent-tint)}html[data-theme=dark],html[data-theme=auto][data-resolved-theme=dark]{color-scheme:dark;--ld-bg: #15151a;--ld-surface: #1d1d22;--ld-surface-2: #25252c;--ld-surface-3: #2e2e36;--ld-paper: #1e1c18;--ld-ink: #f1f1f5;--ld-ink-2: #e5e5ea;--ld-secondary: #b8b8c0;--ld-muted: #8e8e95;--ld-faint: #5b5b62;--ld-rule: rgba(255, 255, 255, .1);--ld-rule-strong: rgba(255, 255, 255, .18);--ld-accent: #6c8eff;--ld-accent-deep: #93acff;--ld-accent-tint: #1c2640;--ld-shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--ld-shadow-2: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .45);--ld-shadow-3: 0 8px 32px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:720px;margin:0 auto;padding:0 0 120px}body.route-editor #app,body.route-editor .app-chrome-inner{max-width:1200px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}textarea,input{font:inherit;color:inherit;background:transparent;border:none;outline:none;width:100%}@media(max-width:768px){textarea,input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input:not([type]){font-size:max(16px,1em)}}.app-chrome{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}.app-chrome-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;height:52px}.brand{font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:-.01em;cursor:pointer}.app-nav{display:flex;align-items:center;gap:4px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);transition:background .12s}.icon-btn:hover,.icon-btn.active{background:var(--surface-soft);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:14px;font-weight:500;border:1px solid var(--border-strong);transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-soft)}.btn-primary{background:var(--text);border-color:var(--text);color:#fff}.btn-primary:hover{background:#000;border-color:#000}.btn-ghost{border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-soft)}.btn-sm{padding:6px 12px;font-size:13px}.fab{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;background:var(--text);color:#fff;padding:14px 22px;border-radius:100px;font-size:14px;font-weight:500;box-shadow:var(--shadow-2);z-index:40;transition:transform .15s,box-shadow .15s}.fab:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 14px 36px #00000024}.serif{font-family:var(--serif)}@media(max-width:600px){.app-chrome-inner{padding:12px 16px}#app{padding:0 0 120px}.fab{left:16px;right:16px;transform:none;width:auto;height:56px;border-radius:var(--ld-r-pill);padding:0 20px;justify-content:center;bottom:calc(16px + env(safe-area-inset-bottom,0px));font-size:15px;font-weight:500}.fab:hover{transform:translateY(-1px)}}.text-selection-bookmark-btn{background:var(--text);color:#fff;border:none;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:500;box-shadow:var(--shadow-2);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.text-selection-bookmark-btn:hover{background:#000}.toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:#1d1d1ff2;color:#fff;padding:10px 18px;border-radius:100px;font-size:13px;display:flex;align-items:center;gap:12px;z-index:200;box-shadow:var(--shadow-2);animation:toastIn .18s ease}.toast.toast-leaving{opacity:0;transition:opacity .18s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.toast-action{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:12px;padding:3px 10px;border-radius:100px;cursor:pointer}.toast-action:hover{background:#ffffff1f}.sekki-pill-wrap{position:relative;display:inline-block}.sekki-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:none;flex-direction:column;gap:4px;background:#1d1d1ff5;color:#f5f5f7;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:400;line-height:1.5;white-space:normal;width:220px;box-shadow:0 8px 24px #0000004d;z-index:100;pointer-events:none;text-align:left}.sekki-pill-wrap:hover .sekki-tooltip,.sekki-pill-wrap:focus-within .sekki-tooltip{display:flex}.sekki-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom:0;border-top-color:#1d1d1ff5}.sekki-tooltip-head{font-family:var(--serif);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.sekki-tooltip-season{font-family:var(--sans);font-size:10px;font-weight:500;background:#ffffff2e;padding:1px 6px;border-radius:6px;letter-spacing:.04em}.sekki-tooltip-period{color:#f5f5f7bf;font-size:11px;letter-spacing:.02em}.sekki-tooltip-desc{color:#f5f5f7eb}.ld-meta{display:inline-flex;align-items:center;flex-wrap:wrap;font-family:var(--ld-sans);font-size:var(--ld-fs-meta);line-height:var(--ld-lh-meta);color:var(--ld-secondary);gap:0}.ld-meta__item{display:inline-flex;align-items:center;gap:4px;padding:0 10px;position:relative}.ld-meta__item:first-child{padding-left:0}.ld-meta__item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:1px;height:10px;transform:translateY(-50%);background:var(--ld-rule-strong)}.ld-meta__item--accent{color:var(--ld-accent-deep);font-weight:500}.ld-meta__icon{display:inline-flex;align-items:center}.ld-meta--on-cover{color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.35)}.ld-meta--on-cover .ld-meta__item:not(:last-child):after{background:#ffffff73}.ld-meta--on-cover .ld-meta__item--accent{color:#fff;font-weight:600}.ld-meta .sekki-pill-wrap{display:inline-flex;align-items:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:80ms!important;transition-property:opacity,background-color,color,border-color!important}.today-card:hover,.entry-card:hover,.fab:hover{transform:none!important}}.ld-cal{max-width:880px;margin:0 auto;padding:32px 24px 64px}.ld-cal__hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.ld-cal__title{font-family:var(--ld-serif);font-size:32px;line-height:1.1;letter-spacing:-.01em;font-weight:500;color:var(--ld-ink)}.ld-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.ld-cal__wd{text-align:center;padding:8px 0;font-family:var(--ld-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ld-muted)}.ld-cal__cell{aspect-ratio:1;padding:8px 10px 10px;border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);background:var(--ld-bg);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;cursor:pointer;transition:border-color var(--ld-dur-fast) var(--ld-ease),background var(--ld-dur-fast) var(--ld-ease);font-family:inherit}.ld-cal__cell:hover{border-color:var(--ld-rule-strong)}.ld-cal__cell--off{background:var(--ld-surface);border-color:transparent;cursor:default}.ld-cal__cell--has{background:var(--ld-surface)}.ld-cal__cell--today{border-color:var(--ld-ink);border-width:1.5px;padding:7.5px 9.5px 9.5px}.ld-cal__cell--future{opacity:.5;cursor:default}.ld-cal__num{font-family:var(--ld-serif);font-size:18px;line-height:1;color:var(--ld-ink);font-variant-numeric:lining-nums tabular-nums}.ld-cal__cell--off .ld-cal__num{color:var(--ld-faint)}.ld-cal__dots{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.ld-cal__dots--score{gap:2px}.ld-cal__sdot{width:6px;height:6px;border-radius:50%;background:var(--ld-rule-strong)}.ld-cal__sdot.on{background:var(--ld-accent)}.ld-cal__mdot{width:7px;height:7px;border-radius:50%;display:inline-block;cursor:pointer}.ld-cal__legend{display:flex;gap:18px;margin-top:24px;font-size:12px;color:var(--ld-muted);justify-content:center;flex-wrap:wrap}.ld-cal__legend-item{display:inline-flex;align-items:center;gap:6px}.ld-cal__legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}@media(max-width:600px){.ld-cal{padding:24px 16px 48px}.ld-cal__title{font-size:24px}.ld-cal__grid{gap:4px}.ld-cal__cell{padding:6px 7px 7px}.ld-cal__num{font-size:15px}.ld-cal__sdot{width:4px;height:4px}.ld-cal__mdot{width:5px;height:5px}}.phrases-page{max-width:720px;margin:0 auto;padding:32px 24px 96px}.phrases-loading,.phrases-empty{text-align:center;color:var(--ld-muted);padding:48px 8px;font-size:13px;font-family:var(--ld-sans)}.phrases-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.phrases-title-text{font-family:var(--ld-serif);font-size:28px;line-height:1.1;font-weight:500;letter-spacing:-.01em;color:var(--ld-ink);display:block}.phrases-title-sub{font-family:var(--ld-sans);font-size:12px;color:var(--ld-muted);margin-top:4px;display:block}.phrases-filter{display:inline-flex;background:var(--ld-surface-2);border-radius:var(--ld-r-pill);padding:3px}.phrases-filter-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 12px;font-family:var(--ld-sans);font-size:12px;color:var(--ld-secondary);border-radius:var(--ld-r-pill);cursor:pointer}.phrases-filter-btn.on{background:#fff;color:var(--ld-ink);font-weight:500;box-shadow:var(--ld-shadow-1)}.phrases-list{display:flex;flex-direction:column;gap:12px}.phrase-card{border:1px solid var(--ld-rule);border-radius:var(--ld-r-md);padding:14px 16px;background:var(--ld-bg);display:flex;flex-direction:column;gap:10px}.phrase-card--mastered{opacity:.6}.phrase-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.phrase-card-meta{display:inline-flex;align-items:baseline;gap:10px;font-family:var(--ld-sans);cursor:pointer;color:var(--ld-secondary)}.phrase-card-mode{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.phrase-card-date{font-family:var(--ld-serif);font-style:italic;font-size:13px;color:var(--ld-muted)}.phrase-card-status{font-family:var(--ld-sans);font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:var(--ld-r-pill);background:var(--ld-surface-2);color:var(--ld-muted)}.phrase-card--due .phrase-card-status{background:var(--ld-accent-tint);color:var(--ld-accent-deep)}.phrase-card-text{font-family:var(--ld-serif);font-size:19px;line-height:1.5;color:var(--ld-ink);margin:0}.phrase-card-note{font-family:var(--ld-sans);font-size:12px;color:var(--ld-muted);font-style:italic;margin:0}.phrase-card-player{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.phrase-play{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;background:var(--ld-ink);color:#fff;border:0;cursor:pointer}.phrase-play:disabled{cursor:progress;opacity:.65}.phrase-play--loading{position:relative}.phrase-play--loading svg{opacity:0}.phrase-play--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:phrase-play-spin .7s linear infinite}@keyframes phrase-play-spin{to{transform:rotate(360deg)}}.phrase-speeds{display:inline-flex;background:var(--ld-surface-2);border-radius:var(--ld-r-pill);padding:2px}.phrase-speed{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:4px 10px;font-family:var(--ld-mono);font-size:11px;color:var(--ld-secondary);border-radius:var(--ld-r-pill);cursor:pointer}.phrase-speed.active{background:#fff;color:var(--ld-ink);box-shadow:var(--ld-shadow-1);font-weight:500}.phrase-repeat{display:inline-flex;align-items:center;gap:4px;font-family:var(--ld-sans);font-size:12px;color:var(--ld-secondary);cursor:pointer;white-space:nowrap}.phrase-volume{display:inline-flex;align-items:center;gap:6px;color:var(--ld-secondary);cursor:pointer}.phrase-volume-icon{display:inline-flex;align-items:center}.phrase-volume-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:72px;height:4px;background:var(--ld-rule);border-radius:999px;cursor:pointer;margin:0}.phrase-volume-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--ld-ink);border-radius:50%;border:0;cursor:pointer}.phrase-volume-range::-moz-range-thumb{width:12px;height:12px;background:var(--ld-ink);border-radius:50%;border:0;cursor:pointer}.phrase-count{margin-left:auto;font-family:var(--ld-mono);font-size:11px;color:var(--ld-muted)}.phrase-count--achieved{color:#047857;font-weight:600}.phrase-goal-bar{height:3px;background:var(--ld-rule);border-radius:999px;margin-top:6px;overflow:hidden}.phrase-goal-fill{height:100%;width:0%;background:linear-gradient(90deg,#6b7280,#10b981);transition:width .3s ease}@media(max-width:540px){.phrases-page{padding:24px 16px 96px}.phrase-card-player{gap:8px}.phrase-count{margin-left:0;flex-basis:100%;text-align:right}}@media(max-width:430px){.timeline{padding:20px 16px 0}.streak-strip{padding:12px 14px;gap:12px;flex-wrap:wrap}.streak-strip-week{gap:5px}.streak-day{width:18px;height:18px}.streak-day svg{width:9px;height:9px}.streak-strip-num{gap:4px}.streak-num{font-size:24px}.today-card{padding:12px 12px 10px;min-height:96px;gap:8px}.today-card-icon{width:18px;height:18px}.today-card-status{width:16px;height:16px}.today-card-status.done svg{width:9px;height:9px}.today-card-title{font-size:16px;line-height:21px}.today-card-sub{font-size:11px;line-height:15px}.timeline-day-header{gap:12px}.timeline-day-num{font-size:32px}.timeline-day-meta strong,.timeline-day-meta span{font-size:11px}.entry-card{gap:12px;padding:14px 0}.entry-cover{width:80px;height:60px}.entry-card-meta{font-size:11px}.entry-card-meta .ld-meta__item{padding:0 7px}.entry-card-text{font-size:15px;line-height:24px}.app-chrome-inner{padding:10px 12px;height:48px}.brand{font-size:15px}.icon-btn{width:32px;height:32px}.entry-hero{height:240px}.entry-hero-overlay{left:14px;right:14px;bottom:18px;gap:8px}.entry-hero-title{font-size:30px;line-height:36px}.entry-content{padding:24px 16px 0}.entry-date-num{font-size:28px}.entry-body{font-size:16px;line-height:1.8}.entry-actions{gap:6px;margin-bottom:20px;padding-bottom:14px}.entry-actions .btn-sm{padding:6px 10px;font-size:12px}.plain-jp-badge-snippet{max-width:120px}.plain-jp-row{gap:8px}.plain-jp-actions{gap:4px}.editor-meta{gap:10px;flex-wrap:wrap}.editor-meta-right{flex-wrap:wrap;gap:8px}.mode-pills{flex-wrap:wrap}.mode-pill{padding:5px 10px;font-size:11px}.correction-mode-toggle{gap:8px;padding:10px 12px;flex-wrap:wrap}.correction-toggle-right{gap:8px;flex-wrap:wrap}.diff-seg button{padding:4px 8px}.correction-diff-sbs{grid-template-columns:1fr}.ld-cal{padding:20px 12px 48px}.ld-cal__title{font-size:22px}.ld-cal__grid{gap:3px}.ld-cal__cell{padding:5px 5px 6px;border-radius:6px}.ld-cal__num{font-size:13px}.ld-cal__dots--score{display:none}.ld-cal__cell--has:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--ld-accent);margin-top:auto}.ld-cal__wd{padding:6px 0;font-size:9px}.phrases-page{padding:20px 14px 96px}.phrases-title-text{font-size:24px}.phrase-card{padding:12px 14px}.phrase-card-text{font-size:17px}.phrase-card-meta{gap:8px}.picks-form{padding:12px}.pick-card{padding:12px 14px}.pick-card-text{font-size:17px}.ls-page{margin:8px;padding:28px 16px 48px}.ls-title{font-size:24px}.ls-title-bar{margin-bottom:24px;padding:14px 0 12px}.ls-section{margin-bottom:36px}.entry-tts{flex-wrap:wrap;gap:8px}}.phrases-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.phrases-notify-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-family:var(--ld-sans);font-size:12px;color:var(--ld-secondary);background:transparent;border:1px solid var(--ld-rule);border-radius:var(--ld-r-pill);cursor:pointer;transition:all var(--ld-dur-fast)}.phrases-notify-btn:hover{border-color:var(--ld-rule-strong);color:var(--ld-ink)}.phrases-notify-btn.on{background:var(--ld-accent-tint);color:var(--ld-accent-deep);border-color:color-mix(in srgb,var(--ld-accent) 30%,transparent)}.phrases-notify-btn:disabled{opacity:.5;cursor:wait}.quiz-page{max-width:640px;margin:0 auto;padding:32px 24px 96px}.quiz-loading,.quiz-empty{text-align:center;color:var(--ld-muted);padding:56px 16px;font-size:13px;line-height:1.7}.quiz-empty-sub{font-size:11px;opacity:.7}.quiz-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.quiz-count{font-family:var(--ld-mono);font-size:12px;color:var(--ld-muted);font-variant-numeric:tabular-nums}.quiz-source{font-size:11px;color:var(--ld-muted);cursor:pointer}.quiz-source:hover{color:var(--ld-ink)}.quiz-mode{font-weight:600;letter-spacing:.04em}.quiz-card{background:var(--ld-bg);border:1px solid var(--ld-rule);border-radius:var(--ld-r-md);padding:20px;display:flex;flex-direction:column;gap:14px}.quiz-jp-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ld-muted);font-weight:600}.quiz-jp-text{font-family:var(--ld-serif);font-size:20px;line-height:1.6;color:var(--ld-ink);margin:0}.quiz-en-input{width:100%;border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);padding:12px 14px;background:var(--ld-surface);font-family:var(--ld-serif);font-size:16px;line-height:1.7;color:var(--ld-ink);resize:vertical;outline:none;min-height:80px;field-sizing:content}.quiz-en-input:focus{border-color:var(--ld-accent);background:var(--ld-bg)}.quiz-actions{display:flex;gap:8px;justify-content:flex-end}.quiz-result:empty{display:none}.quiz-score-headline{display:flex;align-items:baseline;gap:8px;margin-top:12px}.quiz-score-num{font-family:var(--ld-serif);font-size:32px;font-weight:500;color:var(--ld-ink);line-height:1}.quiz-score-denom{font-size:12px;color:var(--ld-muted)}.quiz-score-meta{font-size:11px;color:var(--ld-muted);margin-left:4px}.quiz-diff{font-family:var(--ld-serif);font-size:15px;line-height:1.7;background:var(--ld-surface);border-radius:var(--ld-r-sm);padding:10px 12px;margin-top:8px}.quiz-answer{margin-top:10px;padding:10px 12px;background:var(--ld-accent-tint);border-radius:var(--ld-r-sm)}.quiz-answer-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ld-accent-deep);font-weight:600;margin-bottom:4px}.quiz-answer p{font-family:var(--ld-serif);font-size:16px;line-height:1.7;margin:0;color:var(--ld-ink)}.quiz-action-row{margin-top:12px;display:flex;justify-content:flex-end}.quiz-next-row{margin-top:12px;display:flex;justify-content:center}.quiz-done{text-align:center;padding:48px 16px}.quiz-done h2{font-family:var(--ld-serif);font-size:22px;font-weight:500;margin-bottom:12px}.quiz-done p{font-size:13px;color:var(--ld-muted);margin-bottom:24px}.timeline{padding:32px 24px 0}.timeline-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.streak-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;margin-bottom:24px;background:transparent;border:none}.streak-strip-week{display:flex;gap:5px}.streak-day{width:14px;height:14px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;color:#fff}.streak-day svg{width:8px;height:8px}.streak-day.filled{background:var(--ld-faint)}.streak-day.empty{border:1px dashed var(--ld-faint)}.streak-day.is-today{background:var(--ld-ink)}.streak-strip-num{display:flex;align-items:baseline;gap:4px}.streak-num{font-family:var(--ld-mono);font-size:13px;line-height:1;font-weight:500;color:var(--ld-secondary);font-variant-numeric:lining-nums tabular-nums}.streak-label{font-family:var(--ld-sans);font-size:11px;color:var(--ld-muted)}@media(max-width:600px){.streak-day{width:12px;height:12px}.streak-strip-week{gap:4px}}.timeline-today-label{font-family:var(--serif);font-size:13px;color:var(--text-muted);letter-spacing:.04em}.today-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px}.today-card{position:relative;background:var(--ld-bg);border:1px solid var(--ld-rule);border-radius:var(--ld-r-md);padding:18px 18px 16px;text-align:left;cursor:pointer;transition:border-color var(--ld-dur) var(--ld-ease),transform var(--ld-dur) var(--ld-ease),box-shadow var(--ld-dur) var(--ld-ease);display:flex;flex-direction:column;gap:14px;min-height:132px;overflow:hidden}.today-card:hover{border-color:var(--ld-rule-strong);transform:translateY(-1px);box-shadow:var(--ld-shadow-1)}.today-card.filled{background:var(--ld-surface)}.today-card.filled:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:1.5px;background:var(--ld-accent);border-radius:2px;opacity:.7}.today-card-row{display:flex;align-items:center;justify-content:space-between}.today-card-icon{width:22px;height:22px;display:grid;place-items:center;color:var(--ld-muted)}.today-card.filled .today-card-icon{color:var(--ld-secondary)}.today-card-title{font-family:var(--ld-serif);font-size:17px;line-height:22px;font-weight:500;letter-spacing:-.005em;color:var(--ld-ink)}.today-card-sub{font-family:var(--ld-sans);font-size:12px;line-height:17px;color:var(--ld-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.today-card-status{width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;flex-shrink:0;transition:all var(--ld-dur) var(--ld-ease)}.today-card-status.todo{border:1.25px dashed var(--ld-faint);background:transparent}.today-card:hover .today-card-status.todo{border-color:var(--ld-muted)}.today-card-status.done{background:var(--ld-accent);color:#fff}.today-card-status.done svg{width:10px;height:10px}@media(max-width:600px){.today-row{grid-template-columns:1fr 1fr;gap:10px}.today-card{min-height:112px;padding:14px 14px 12px;gap:10px}.today-card-title{font-size:19px;line-height:24px}}.timeline-day{margin-bottom:36px}.timeline-day-header{display:flex;align-items:baseline;gap:16px;margin-bottom:8px;padding-bottom:0;padding-top:16px;border-bottom:0}.timeline-day-num{font-family:var(--ld-serif);font-size:40px;font-weight:500;letter-spacing:-.02em;line-height:1;font-variant-numeric:lining-nums;color:var(--ld-ink);background:transparent;border:0;padding:0;cursor:pointer;transition:color .2s ease,transform .12s ease}.timeline-day-num:hover{transform:translateY(-1px)}.timeline-day-num:focus-visible{outline:2px dashed var(--ld-rule-strong);outline-offset:4px;border-radius:4px}.timeline-day-meta{display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--text-muted)}.timeline-day-meta strong{font-weight:600;color:var(--text-secondary);font-size:12px}.entry-card{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start;background:transparent;border:0;border-bottom:1px solid var(--ld-rule);border-radius:0;overflow:visible;margin:0;padding:20px 0;cursor:pointer;transition:opacity var(--ld-dur) var(--ld-ease);text-align:left;width:100%}.entry-card:hover{transform:none;box-shadow:none;opacity:.92}.entry-card:hover .entry-cover{box-shadow:var(--ld-shadow-1)}.entry-cover{width:160px;height:120px;border-radius:var(--ld-r-md);background:var(--ld-surface-2);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f;transition:box-shadow var(--ld-dur-fast) var(--ld-ease)}.entry-card-body{display:flex;flex-direction:column;gap:8px;min-width:0;padding:2px 0 0}.entry-card-meta{font-size:12px}.entry-card-text{font-family:var(--ld-serif);font-style:italic;font-size:17px;line-height:28px;color:var(--ld-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.entry-card-pick{font-family:var(--ld-serif);font-size:18px;line-height:28px;color:var(--ld-ink);display:flex;align-items:flex-start;gap:6px;margin:0}.entry-card-pick-icon{flex:0 0 auto;display:inline-flex;align-items:center;margin-top:6px;color:var(--ld-accent)}.entry-card-pick-play{flex:0 0 auto;width:28px;height:28px;margin-top:2px;display:inline-grid;place-items:center;border-radius:50%;background:var(--ld-ink);color:#fff;border:0;cursor:pointer;transition:transform .12s ease,background .12s}.entry-card-pick-play:hover{transform:scale(1.05)}.entry-card-pick-play--loading{position:relative;background:var(--ld-secondary)}.entry-card-pick-play--loading svg{opacity:0}.entry-card-pick-play--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:entry-card-pick-play-spin .7s linear infinite}@keyframes entry-card-pick-play-spin{to{transform:rotate(360deg)}}.entry-card-pick-text{flex:1 1 auto}.entry-card-pick-note{font-family:var(--ld-sans);font-size:12px;color:var(--ld-muted);margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.entry-card-pick-empty{font-family:var(--ld-sans);font-size:11px;color:var(--ld-muted);margin:4px 0 0;letter-spacing:.04em}@media(max-width:600px){.entry-card{grid-template-columns:96px 1fr;gap:14px;padding:16px 0}.entry-cover{width:96px;height:72px;border-radius:var(--ld-r-sm)}}.entry-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.entry-tag{font-size:11px;color:var(--text-muted);font-family:var(--serif);font-style:italic}.entry-tag:before{content:"#";margin-right:1px}.editor-rating{margin:0 0 24px;padding:12px 14px;background:var(--surface-soft);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px}.editor-rating:empty{display:none}.rating-label{font-size:12px;color:var(--text-muted);letter-spacing:.02em}.rating-label strong{color:var(--text);font-weight:600;margin-left:4px}.rating-dots{display:inline-flex;align-items:center;gap:4px}.rating-dots-lg{gap:6px}.rating-dot{background:transparent;border:0;padding:2px;cursor:pointer;line-height:0;color:var(--border-strong);transition:color .14s ease,transform .14s ease}.rating-dot:hover{transform:scale(1.18);color:#d97757}.rating-dot[data-level="1"].filled{color:#e9b9a5}.rating-dot[data-level="2"].filled{color:#e4ad95}.rating-dot[data-level="3"].filled{color:#e0a085}.rating-dot[data-level="4"].filled{color:#dc9374}.rating-dot[data-level="5"].filled{color:#d88764}.rating-dot[data-level="6"].filled{color:#d47a54}.rating-dot[data-level="7"].filled{color:#d06e43}.rating-dot[data-level="8"].filled{color:#cc6133}.rating-dot[data-level="9"].filled{color:#c05b30}.rating-dot[data-level="10"].filled{color:#b4552d}.rating-note{font-size:12px;color:var(--text-secondary);font-family:var(--serif);font-style:italic;margin-left:8px}.rating-note-icon{display:inline-flex;align-items:center;margin-left:4px;color:var(--text-muted)}.timeline-day-rating{margin-left:auto;display:flex;align-items:center}.day-rating-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e6b;display:flex;align-items:center;justify-content:center;z-index:1000;animation:drm-fade .16s ease-out}@keyframes drm-fade{0%{opacity:0}to{opacity:1}}body.day-rating-modal-open{overflow:hidden}.day-rating-modal{width:min(420px,calc(100% - 32px));background:#fff;border-radius:var(--radius);padding:20px 22px 18px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:14px;animation:drm-pop .18s ease-out}@keyframes drm-pop{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.day-rating-modal-head{display:flex;align-items:center;justify-content:space-between}.day-rating-modal-date{font-family:var(--serif);font-size:14px;color:var(--text-muted);letter-spacing:.04em}.day-rating-modal-close{background:transparent;border:0;font-size:22px;line-height:1;color:var(--text-muted);cursor:pointer;padding:0 4px}.day-rating-modal-close:hover{color:var(--text)}.day-rating-modal-score-row{display:flex;align-items:baseline;gap:10px}.day-rating-modal-score-num{font-family:var(--serif);font-size:42px;font-weight:600;letter-spacing:-.03em;line-height:1;color:#d97757}.day-rating-modal-score-label{font-size:13px;color:var(--text-muted)}.day-rating-modal-dots{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 2px 12px}.day-rating-dot{background:transparent;border:0;padding:4px;cursor:pointer;line-height:0;color:var(--border-strong);transition:color .14s ease,transform .14s ease}.day-rating-dot:hover{transform:scale(1.18);color:#d97757}.day-rating-dot[data-level="1"].filled{color:#e9b9a5}.day-rating-dot[data-level="2"].filled{color:#e4ad95}.day-rating-dot[data-level="3"].filled{color:#e0a085}.day-rating-dot[data-level="4"].filled{color:#dc9374}.day-rating-dot[data-level="5"].filled{color:#d88764}.day-rating-dot[data-level="6"].filled{color:#d47a54}.day-rating-dot[data-level="7"].filled{color:#d06e43}.day-rating-dot[data-level="8"].filled{color:#cc6133}.day-rating-dot[data-level="9"].filled{color:#c05b30}.day-rating-dot[data-level="10"].filled{color:#b4552d}.day-rating-modal-note{width:100%;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:var(--serif);font-size:14px;line-height:1.5;color:var(--text);background:var(--surface-soft);outline:none;transition:border-color .12s}.day-rating-modal-note:focus{border-color:var(--border-strong)}.day-rating-modal-actions{display:flex;justify-content:space-between;gap:8px;margin-top:4px}.day-rating-modal-delete,.day-rating-modal-save{border:0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,opacity .12s}.day-rating-modal-delete{background:transparent;color:var(--text-muted)}.day-rating-modal-delete:hover{background:var(--surface-soft);color:var(--text-secondary)}.day-rating-modal-save{background:#d97757;color:#fff}.day-rating-modal-save:hover{background:#c66948}.day-rating-modal-save:disabled,.day-rating-modal-delete:disabled{opacity:.5;cursor:wait}.timeline-more-btn{display:block;width:100%;margin:8px 0 24px;padding:14px 16px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.timeline-more-btn:hover{background:var(--surface-soft);color:var(--text);border-color:var(--border-strong)}.onboarding-banner{background:linear-gradient(180deg,var(--ld-surface) 0%,var(--ld-bg) 100%);border:1px solid var(--ld-rule);border-radius:var(--ld-r-md);padding:24px 22px;margin-bottom:24px}.onboarding-banner-title{font-family:var(--ld-serif);font-size:22px;font-weight:500;letter-spacing:-.01em;color:var(--ld-ink);margin:0 0 6px}.onboarding-banner-sub{font-family:var(--ld-sans);font-size:13px;line-height:1.7;color:var(--ld-secondary);margin-bottom:18px}.onboarding-banner-sub strong{color:var(--ld-accent-deep);font-weight:600}.onboarding-steps{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0 0 14px}.onboarding-steps li{display:flex;align-items:flex-start;gap:12px;padding:8px 10px;background:var(--ld-bg);border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm)}.onboarding-step-n{width:22px;height:22px;border-radius:50%;background:var(--ld-accent-tint);color:var(--ld-accent-deep);font-size:12px;font-weight:600;display:inline-grid;place-items:center;flex-shrink:0}.onboarding-steps li>div{display:flex;flex-direction:column;gap:1px}.onboarding-steps li>div strong{font-family:var(--ld-sans);font-size:13px;font-weight:600;color:var(--ld-ink)}.onboarding-steps li>div span{font-size:12px;color:var(--ld-muted);line-height:1.6}.onboarding-banner-cta-hint{font-size:11px;color:var(--ld-muted);text-align:center;margin:0}.editor{padding:32px 24px 0}.editor-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--border)}.editor-date{display:flex;align-items:baseline;gap:10px}.editor-date-num{font-family:var(--serif);font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1}.editor-date-meta{display:flex;flex-direction:column;font-size:12px;color:var(--text-muted)}.editor-date-meta strong{color:var(--text);font-weight:600}.mode-pills{display:flex;gap:4px}.mode-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--border);border-radius:100px;background:transparent;font-size:12px;color:var(--text-muted);transition:all .15s}.mode-pill svg{width:12px;height:12px}.mode-pill.active{background:var(--text);color:#fff;border-color:var(--text)}.compose-block{margin-bottom:28px}.compose-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:10px;font-weight:600}.compose-textarea{width:100%;min-height:120px;field-sizing:content;padding:16px 18px;background:var(--surface-warm);border:1px solid transparent;border-radius:var(--radius);font-size:15px;line-height:1.7;resize:vertical;transition:border-color .15s,background .15s}.compose-textarea:focus{border-color:var(--border-strong);background:var(--surface)}.compose-textarea.en{font-family:var(--serif);font-size:17px;min-height:120px}.jp-collapse{margin-bottom:22px}.jp-collapse-toggle{display:none;align-items:center;gap:8px;width:100%;padding:10px 14px;background:var(--ld-surface);border:1px solid var(--ld-rule);border-radius:var(--ld-r-md);font-family:var(--ld-sans);font-size:12px;color:var(--ld-secondary);cursor:pointer;text-align:left;margin-bottom:8px;transition:background var(--ld-dur-fast),border-color var(--ld-dur-fast)}.jp-collapse-toggle:hover{background:var(--ld-surface-2);border-color:var(--ld-rule-strong)}.jp-collapse-chevron{display:inline-flex;align-items:center;color:var(--ld-muted);transition:transform var(--ld-dur-fast)}.jp-collapse-chevron--open{transform:rotate(180deg)}.jp-collapse-label{font-weight:500;color:var(--ld-ink)}.jp-collapse-preview{color:var(--ld-muted);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.jp-collapse-preview--empty{font-style:italic}.jp-collapse.has-existing>.jp-collapse-toggle,.jp-collapse.plain-collapse>.jp-collapse-toggle{display:flex}.jp-collapse.collapsed>.jp-collapse-body{display:none}.plain-jp-block{margin-top:-8px;margin-bottom:22px}.plain-jp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.plain-jp-actions{display:flex;gap:6px}.plain-jp-lints{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.plain-jp-lints:empty{display:none}.plain-jp-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--ld-r-pill);font-size:11px;font-family:var(--ld-sans);background:color-mix(in srgb,var(--badge-color) 12%,var(--ld-bg));color:var(--badge-color);border:1px solid color-mix(in srgb,var(--badge-color) 30%,transparent);max-width:100%}.plain-jp-badge-kind{font-weight:600;letter-spacing:.04em}.plain-jp-badge-label{color:var(--ld-ink);font-weight:500}.plain-jp-badge-snippet{color:var(--ld-muted);font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plain-jp-badge--ok{background:var(--ld-accent-tint);color:var(--ld-accent-deep);border:1px solid color-mix(in srgb,var(--ld-accent) 25%,transparent);font-weight:500}.plain-jp-textarea{min-height:96px;background:var(--ld-surface);border:1px dashed var(--ld-rule-strong)}.plain-jp-textarea:focus{border-style:solid}.plain-jp-textarea:placeholder-shown{font-style:italic}.plain-jp-variants{display:flex;flex-direction:column;gap:8px;margin-top:10px}.plain-jp-variants:empty{display:none}.plain-jp-variants-head{font-family:var(--ld-sans);font-size:11px;color:var(--ld-muted);font-weight:600;letter-spacing:.04em;margin-bottom:2px}.plain-jp-variant{border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);background:var(--ld-bg);padding:10px 12px}.plain-jp-variant-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.plain-jp-variant-label{font-family:var(--ld-sans);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ld-secondary);text-transform:uppercase}.plain-jp-variant-text{font-family:var(--ld-sans);font-size:14px;line-height:1.7;color:var(--ld-ink)}.plain-jp-variants-empty{font-size:12px;color:var(--ld-muted)}.plain-jp-note{margin-top:8px;font-size:11px;color:var(--ld-muted);font-family:var(--ld-sans)}.compose-action-row{display:flex;gap:8px;margin-bottom:28px}.compose-action-row .btn{flex:1}.hints-card{background:var(--surface-warm);border-radius:var(--radius);padding:16px 18px;margin-bottom:28px;max-height:320px;overflow-y:auto;position:relative}.hints-card-header{display:flex;align-items:center;justify-content:space-between;margin:-16px -18px 10px;padding:12px 18px;font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.12em;position:sticky;top:0;background:var(--surface-warm);z-index:1}.hint-row{display:flex;flex-wrap:wrap;gap:4px 12px;padding:8px 0;border-bottom:1px solid var(--border);align-items:baseline}.hint-row:last-child{border-bottom:none}.hint-en{font-family:var(--serif);font-size:14px;font-weight:600;color:var(--text);min-width:0;flex:0 1 auto;word-break:break-word;overflow-wrap:anywhere}.hint-ja{font-size:13px;color:var(--text-muted);min-width:0;flex:1 1 auto;word-break:break-word;overflow-wrap:anywhere}.correction-mode-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:var(--surface-warm);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.toggle-switch{position:relative;width:38px;height:22px;background:var(--border-strong);border-radius:100px;border:none;cursor:pointer;transition:background .15s;flex-shrink:0}.toggle-switch.on{background:var(--text)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s}.toggle-switch.on:after{transform:translate(16px)}.correction-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:12px}.correction-step{font-size:11px;color:var(--text-faint);font-weight:600;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.correction-original{font-family:var(--ld-serif);font-size:15px;color:var(--ld-muted);text-decoration:line-through;text-decoration-color:#c0392b73;margin-bottom:8px}.correction-corrected{font-family:var(--ld-serif);font-size:17px;line-height:1.7;color:var(--ld-ink);font-weight:400;margin-bottom:12px;padding:10px 14px;background:var(--ld-surface);border-radius:var(--ld-r-sm);border-left:3px solid var(--ld-accent)}.correction-diff{font-family:var(--ld-serif);font-size:17px;line-height:1.7;color:var(--ld-ink);margin-bottom:12px;padding:10px 14px;background:var(--ld-surface);border-radius:var(--ld-r-sm);border-left:3px solid var(--ld-accent)}.ld-diff__del{color:#b94248;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#b942488c;background:#b9424814;padding:0 2px;border-radius:2px;margin-right:1px}.ld-diff__ins{color:var(--ld-accent-deep);background:var(--ld-accent-tint);border-bottom:2px solid var(--ld-accent);padding:0 2px;border-radius:2px;text-decoration:none;font-weight:500}.correction-toggle-right{display:flex;align-items:center;gap:12px}.diff-seg{display:inline-flex;background:var(--ld-surface-2);border-radius:var(--ld-r-pill);padding:2px}.diff-seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:4px 10px;font-family:var(--ld-sans);font-size:11px;color:var(--ld-secondary);border-radius:var(--ld-r-pill);cursor:pointer;transition:background var(--ld-dur-fast),color var(--ld-dur-fast)}.diff-seg button.on{background:#fff;color:var(--ld-ink);box-shadow:var(--ld-shadow-1);font-weight:500}.correction-diff-sbs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.correction-diff-sbs-col{border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);padding:10px 12px;background:var(--ld-surface)}.correction-diff-sbs-label{font-family:var(--ld-sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ld-muted);font-weight:600;margin-bottom:6px}.correction-diff-sbs-text{font-family:var(--ld-serif);font-size:15px;line-height:1.65;color:var(--ld-ink)}.correction-diff-sbs-text--del{color:var(--ld-secondary)}.correction-diff-sbs-text--ins{color:var(--ld-accent-deep);font-weight:500}@media(max-width:540px){.correction-diff-sbs{grid-template-columns:1fr}}.correction-explanation{font-size:13px;color:var(--text-secondary);margin-bottom:14px;line-height:1.7}.correction-rewrite-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:6px;font-weight:600}.correction-rewrite{width:100%;min-height:64px;padding:10px 12px;background:var(--surface-warm);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--serif);font-size:15px;line-height:1.65;resize:vertical}.correction-rewrite:focus{border-color:var(--border-strong);background:var(--surface)}.stoic-veil{position:relative;cursor:pointer}.stoic-veil .correction-corrected,.stoic-veil .correction-diff{filter:blur(8px);-webkit-user-select:none;user-select:none}.stoic-veil-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;font-weight:600;pointer-events:none}.compose-grid{display:block}@media(min-width:720px)and (max-width:1099px){.compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.compose-third{grid-column:2}.compose-left{position:sticky;top:72px;max-height:calc(100vh - 96px);overflow-y:auto}.compose-right .compose-textarea.en{min-height:160px}}@media(min-width:1100px){.compose-grid{display:grid;grid-template-columns:1.25fr 1.25fr 1fr;gap:24px;align-items:start}.compose-left{position:sticky;top:72px;max-height:calc(100vh - 96px);overflow-y:auto}.compose-left .compose-textarea{min-height:160px}.compose-right .compose-textarea.en{min-height:200px}.compose-third{position:sticky;top:72px;max-height:calc(100vh - 96px);overflow-y:auto}}@media(max-width:719px){body.en-focused .hints-card{position:fixed;left:0;right:0;bottom:0;z-index:90;max-height:40vh;overflow-y:auto;margin:0;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -8px 24px #0000001f}body.en-focused .compose-right{padding-bottom:42vh}}.editor-meta-right{display:flex;align-items:center;gap:14px}.correction-loading{display:flex;align-items:center;gap:12px;padding:24px;color:var(--text-muted);font-size:13px}.correction-loading-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--text-muted);animation:correction-loading-spin .8s linear infinite}@keyframes correction-loading-spin{to{transform:rotate(360deg)}}.done-hint{margin-top:18px;font-size:11px;color:var(--ld-muted);text-align:center;line-height:1.5}.entry-hero{height:360px;background:var(--ld-surface-2);position:relative;background-size:cover;background-position:center}.entry-hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#0000008c)}.entry-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:radial-gradient(rgba(0,0,0,.5) 1px,transparent 1px);background-size:3px 3px}.entry-hero-overlay{position:absolute;left:24px;right:24px;bottom:28px;z-index:1;display:flex;flex-direction:column;gap:14px;color:#fff}.entry-hero-title{font-family:var(--ld-serif);font-size:var(--ld-fs-hero);line-height:var(--ld-lh-hero);font-weight:500;letter-spacing:-.018em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35);text-wrap:balance;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:600px){.entry-hero{height:280px}.entry-hero-overlay{left:18px;right:18px;bottom:22px;gap:10px}.entry-hero-title{font-size:36px;line-height:46px}}.entry-hero-cover-btn{position:absolute;top:12px;right:12px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);background:#00000052;color:#fff;border-radius:999px;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s,transform .15s;z-index:3}.entry-hero-cover-btn:hover{background:#00000080;transform:rotate(-20deg)}.entry-hero-cover-btn:disabled{opacity:.6;cursor:progress}.entry-hero-mode-trigger{border:none;font:inherit;cursor:pointer;padding:inherit;color:inherit;background:inherit}.entry-hero-mode-trigger:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.entry-hero-credit{position:absolute;bottom:6px;right:12px;font-size:10px;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.02em}.entry-hero-credit a{color:#ffffffeb;text-decoration:underline;text-decoration-color:#fff6}.entry-hero-credit a:hover{text-decoration-color:#ffffffd9}.entry-content{padding:28px 24px 0}.entry-date-block{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.entry-date-num{font-family:var(--serif);font-size:38px;font-weight:600;letter-spacing:-.02em;line-height:1}.entry-date-meta{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-muted)}.entry-date-meta strong{color:var(--text);font-weight:600}.entry-actions{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.entry-actions .btn-sm{flex-shrink:0}.entry-actions .danger{color:var(--danger);margin-left:auto}.entry-jp{font-size:13px;color:var(--text-muted);background:var(--surface-warm);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:24px;white-space:pre-wrap;line-height:1.7;border-left:3px solid var(--border-strong)}.entry-body{font-family:var(--ld-serif);font-size:var(--ld-fs-body);line-height:var(--ld-lh-body);color:var(--ld-ink);white-space:pre-wrap;letter-spacing:.005em;margin-bottom:14px;text-wrap:pretty}.entry-body:first-letter{font-family:var(--ld-serif);font-size:3.4em;line-height:.92;float:left;font-weight:500;padding:.06em .12em 0 0;color:var(--ld-ink)}.entry-tts{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;background:var(--surface-soft);border-radius:100px;margin-bottom:48px}.entry-tts-play{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--text);color:var(--surface);border:0;border-radius:50%;padding:0;cursor:pointer;transition:background .15s ease,transform .1s ease}.entry-tts-play:hover:not(:disabled){background:var(--text-secondary)}.entry-tts-play:active:not(:disabled){transform:scale(.94)}.entry-tts-play:disabled{cursor:default;opacity:.4}.entry-tts-play svg{margin-left:1px}.entry-tts-play svg rect{margin-left:0}.entry-tts-speeds{display:inline-flex;gap:2px}.entry-tts-speed{background:transparent;border:0;padding:4px 10px;font-size:12px;color:var(--text-muted);border-radius:100px;cursor:pointer;transition:background .12s ease,color .12s ease;font-variant-numeric:tabular-nums}.entry-tts-speed:hover:not(:disabled):not(.active){color:var(--text);background:var(--surface)}.entry-tts-speed.active{color:var(--text);background:var(--surface);font-weight:600}.entry-tts-speed:disabled{cursor:default;opacity:.4}.entry-tts-spinner{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);border-top-color:var(--surface);animation:entry-tts-spin .8s linear infinite}@keyframes entry-tts-spin{to{transform:rotate(360deg)}}.section{border-top:1px solid var(--border);padding:22px 0}.section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-weight:600}.section-chevron{color:var(--text-faint);transition:transform .18s}.section-chevron.open{transform:rotate(180deg)}.section-body{display:none;padding-top:4px}.section-body.open{display:block}.vocab-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--border)}.vocab-row:last-child{border-bottom:none}.vocab-en{font-family:var(--serif);font-weight:600;font-size:16px}.vocab-flashcard-btn{font-size:11px;padding:4px 11px;border:1px solid var(--border);border-radius:100px;background:transparent;color:var(--text-muted);align-self:start}.vocab-flashcard-btn:hover{border-color:var(--text);color:var(--text)}.vocab-ja{grid-column:1 / -1;font-size:13px;color:var(--text-secondary)}.vocab-example{grid-column:1 / -1;font-family:var(--serif);font-size:14px;color:var(--text-muted);font-style:italic;margin-top:2px}.expansion-q{background:var(--surface-warm);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px}.expansion-q-text{font-family:var(--serif);font-size:15px;margin-bottom:6px}.expansion-q-hint{font-size:12px;color:var(--text-muted);margin-bottom:10px}.expansion-q-phrases{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.expansion-q-phrase{font-family:var(--serif);font-size:12px;background:var(--surface);border:1px solid var(--border);padding:3px 10px;border-radius:100px;color:var(--text)}.expansion-q-input{width:100%;min-height:56px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--serif);font-size:15px;resize:vertical}.expansion-empty{text-align:center;color:var(--text-faint);font-size:13px;padding:16px 0}.flow-check-panel{background:var(--surface-warm);border-radius:var(--radius);padding:18px 20px;margin:8px 0 32px;border-left:3px solid var(--accent)}.flow-check-item{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.flow-check-item:last-child{border-bottom:none}.flow-check-suggestion{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.flow-check-suggestion strong{color:var(--text);font-family:var(--serif);font-weight:600}.flow-check-revised{font-family:var(--serif);font-size:15px;line-height:1.7;color:var(--text);margin-bottom:6px}.flow-check-reason{font-size:12px;color:var(--text-muted)}.flow-check-overall{font-size:13px;color:var(--text-secondary);font-style:italic;margin-top:4px}.expansion-corrected{font-family:var(--serif);font-size:15px;color:var(--text);background:var(--surface);border-radius:var(--radius-sm);padding:10px 12px;margin-top:10px;border-left:3px solid #5cb27a}.expansion-explanation{font-size:13px;color:var(--text-secondary);margin-top:8px;line-height:1.7}.expansion-q.reflected{opacity:.6}.expansion-reflected{font-size:12px;color:#5cb27a;margin-top:6px;font-weight:600}.insertion-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200}.insertion-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);border-radius:var(--radius);padding:22px;width:min(540px,94vw);max-height:80vh;overflow-y:auto;z-index:201;box-shadow:var(--shadow-2)}.insertion-picker-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:14px;font-weight:600}.insertion-picker-preview{display:flex;flex-direction:column;gap:4px}.insertion-sentence{font-family:var(--serif);font-size:14px;color:var(--text-secondary);padding:6px 10px;background:var(--surface-warm);border-radius:var(--radius-sm);line-height:1.6}.insertion-slot{text-align:center;font-size:11px;color:var(--text-faint);background:transparent;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:6px;cursor:pointer;transition:all .12s}.insertion-slot:hover{color:var(--text);border-color:var(--text);background:var(--surface-warm)}.picks-section{display:flex;flex-direction:column;gap:16px}.picks-intro{font-size:13px;color:var(--ld-muted);font-family:var(--ld-sans);margin:0}.picks-form{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--ld-surface);border:1px solid var(--ld-rule);border-radius:var(--ld-r-md)}.picks-form-select{width:100%;padding:8px 10px;border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);background:#fff;font-family:var(--ld-sans);font-size:13px;color:var(--ld-ink)}.picks-form-text,.picks-form-note{width:100%;padding:10px 12px;border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);background:#fff;font-family:var(--ld-serif);font-size:15px;line-height:1.6;color:var(--ld-ink);resize:vertical}.picks-form-note{font-family:var(--ld-sans);font-size:13px;font-style:italic}.picks-form-btn{align-self:flex-end}.picks-list{display:flex;flex-direction:column;gap:12px}.pick-card{border:1px solid var(--ld-rule);border-radius:var(--ld-r-md);padding:14px 16px;background:var(--ld-bg);display:flex;flex-direction:column;gap:10px}.pick-card-head{display:flex;align-items:center;justify-content:flex-end}.pick-card-num{font-family:var(--ld-sans);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--ld-muted)}.pick-card-del{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:var(--ld-r-sm);color:var(--ld-muted);background:transparent;border:0;cursor:pointer;transition:background var(--ld-dur-fast),color var(--ld-dur-fast)}.pick-card-del:hover{background:var(--ld-surface-2);color:var(--ld-ink)}.pick-card-text{font-family:var(--ld-serif);font-size:19px;line-height:1.5;color:var(--ld-ink);margin:0;letter-spacing:.005em}.pick-card-note{font-family:var(--ld-sans);font-size:12px;color:var(--ld-muted);font-style:italic;margin:0}.pick-card-player{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pick-play{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;background:var(--ld-ink);color:#fff;border:0;cursor:pointer;transition:transform var(--ld-dur-fast)}.pick-play:hover{transform:scale(1.05)}.pick-play:disabled{cursor:progress;opacity:.65}.pick-play--loading{position:relative}.pick-play--loading svg{opacity:0}.pick-play--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pick-play-spin .7s linear infinite}@keyframes pick-play-spin{to{transform:rotate(360deg)}}.pick-speeds{display:inline-flex;background:var(--ld-surface-2);border-radius:var(--ld-r-pill);padding:2px}.pick-speed{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:4px 10px;font-family:var(--ld-mono);font-size:11px;color:var(--ld-secondary);border-radius:var(--ld-r-pill);cursor:pointer;font-variant-numeric:tabular-nums}.pick-speed.active{background:#fff;color:var(--ld-ink);box-shadow:var(--ld-shadow-1);font-weight:500}.pick-repeat{display:inline-flex;align-items:center;gap:4px;font-family:var(--ld-sans);font-size:12px;color:var(--ld-secondary);cursor:pointer;white-space:nowrap}.pick-volume{display:inline-flex;align-items:center;gap:6px;color:var(--ld-secondary);cursor:pointer}.pick-volume-icon{display:inline-flex;align-items:center}.pick-volume-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:72px;height:4px;background:var(--ld-rule);border-radius:999px;cursor:pointer;margin:0}.pick-volume-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--ld-ink);border-radius:50%;border:0;cursor:pointer}.pick-volume-range::-moz-range-thumb{width:12px;height:12px;background:var(--ld-ink);border-radius:50%;border:0;cursor:pointer}.pick-count{margin-left:auto;font-family:var(--ld-mono);font-size:11px;color:var(--ld-muted);font-variant-numeric:tabular-nums}.pick-count--achieved{color:#047857;font-weight:600}.pick-goal-bar{height:3px;background:var(--ld-rule);border-radius:999px;margin-top:6px;overflow:hidden}.pick-goal-fill{height:100%;width:0%;background:linear-gradient(90deg,#6b7280,#10b981);transition:width .3s ease}@media(max-width:540px){.pick-card-player{gap:8px}.pick-count{margin-left:0;flex-basis:100%;text-align:right}}.pron-pane{margin-top:6px;display:flex;flex-direction:column;gap:8px}.pron-rec{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--ld-bg);border:1px solid var(--ld-rule-strong);border-radius:100px;padding:6px 14px;font-size:13px;color:var(--ld-ink);cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.pron-rec-icon{display:inline-flex;align-items:center}.pron-rec-label{white-space:nowrap}.pron-rec:hover{background:var(--ld-surface)}.pron-rec--active{background:#fef2f2;border-color:#f87171;color:#b91c1c;animation:pron-pulse 1.2s ease-in-out infinite}@keyframes pron-pulse{0%,to{opacity:1}50%{opacity:.6}}.pron-score-line{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--ld-muted)}.pron-score-best{color:var(--ld-accent-deep);font-weight:500}.pron-result:empty{display:none}.pron-score-headline{display:flex;align-items:baseline;gap:8px;margin-top:4px}.pron-score-num{font-family:var(--ld-serif);font-size:32px;font-weight:500;color:var(--ld-ink);line-height:1}.pron-score-denom{font-size:12px;color:var(--ld-muted)}.pron-score-meta{font-size:11px;color:var(--ld-muted);margin-left:4px}.pron-score-badge{margin-left:auto;background:var(--ld-accent-tint);color:var(--ld-accent-deep);font-size:11px;font-weight:500;padding:2px 10px;border-radius:100px;display:inline-flex;align-items:center;gap:4px}.pron-score-badge svg{display:inline-block}.pron-score-badge--good{background:#3b82f61f;color:#1d4ed8;margin-left:4px}.pron-score-badge--great{background:#10b9811f;color:#047857;margin-left:4px}.pron-score-badge--perfect{background:linear-gradient(90deg,#fde68a,#fcd34d);color:#78350f;font-weight:600;margin-left:4px}.pron-diff{font-family:var(--ld-serif);font-size:15px;line-height:1.7;background:var(--ld-surface);border-radius:var(--ld-r-sm);padding:10px 12px;margin-top:8px}.pron-tok--ok{color:var(--ld-ink)}.pron-tok--wrong{text-decoration:underline;text-decoration-color:#b94248;text-decoration-thickness:2px;text-underline-offset:3px}.pron-heard{font-size:11px;color:var(--ld-muted);margin-top:4px}.pron-heard em{font-style:italic;color:var(--ld-secondary)}.pron-error{font-size:12px;color:#b91c1c;margin:0}.pron-error small{color:var(--ld-muted);font-size:11px}.pron-meter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-family:var(--ld-mono);font-size:11px;color:var(--ld-muted);padding:6px 10px;background:var(--ld-surface);border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);margin-top:6px}.pron-meter-label{white-space:nowrap}.pron-meter-bar{height:6px;background:var(--ld-rule);border-radius:999px;overflow:hidden}.pron-meter-fill{height:100%;width:0%;background:linear-gradient(90deg,#10b981,#f59e0b 70%,#ef4444);transition:width 60ms linear}.pron-meter-value{font-variant-numeric:tabular-nums;min-width:3em;text-align:right}.pick-card-player-row,.phrase-card-player-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.entry-finalized-pill{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;background:var(--ld-accent-tint);color:var(--ld-accent-deep);border-radius:100px;font-family:var(--ld-sans);font-size:11px;font-weight:600;letter-spacing:.04em;cursor:pointer}.entry-finalized-pill:hover{filter:brightness(.95)}.entry-date-block{align-items:center}.btn-finalize{background:var(--ld-accent);color:#fff;border-color:var(--ld-accent)}.btn-finalize:hover{background:var(--ld-accent-deep);border-color:var(--ld-accent-deep)}.entry-content--finalized .entry-jp,.entry-content--finalized .entry-actions{display:none}.entry-content--finalized .entry-body{margin-bottom:24px}.entry-content--finalized .section{padding:18px 0}.cover-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e8c;z-index:1000;display:grid;place-items:center;padding:16px;animation:cp-fade .15s ease-out}@keyframes cp-fade{0%{opacity:0}to{opacity:1}}.cover-picker{width:min(640px,100%);max-height:88vh;background:var(--ld-bg);border-radius:var(--ld-r-md);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--ld-shadow-3)}.cover-picker-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ld-rule)}.cover-picker-title{font-family:var(--ld-serif);font-size:18px;font-weight:500;margin:0}.cover-picker-close{background:transparent;border:0;color:var(--ld-muted);cursor:pointer;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.cover-picker-close:hover{background:var(--ld-surface-2);color:var(--ld-ink)}.cover-picker-search{display:flex;gap:8px;padding:14px 16px;border-bottom:1px solid var(--ld-rule)}.cover-picker-input{flex:1;border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);padding:8px 12px;background:var(--ld-surface);font-size:14px}.cover-picker-input:focus{outline:none;border-color:var(--ld-accent);background:var(--ld-bg)}.cover-picker-grid{flex:1;overflow-y:auto;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;align-content:start}.cover-picker-hint{grid-column:1 / -1;text-align:center;color:var(--ld-muted);font-size:13px;padding:32px 16px;margin:0}.cover-picker-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 10;background:var(--ld-surface);border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);overflow:hidden;cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s}.cover-picker-thumb:hover{transform:translateY(-1px);border-color:var(--ld-rule-strong)}.cover-picker-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cover-picker-credit{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:linear-gradient(180deg,#0000,#0000008c);color:#fff;font-size:10px;font-weight:500;text-align:left;letter-spacing:.02em}.cover-picker-thumb--chosen{outline:2px solid var(--ld-accent)}@media(max-width:540px){.cover-picker-grid{grid-template-columns:repeat(2,1fr)}}.completion-quiz{width:min(560px,100%)}.completion-quiz-body{padding:16px 18px 18px}.completion-quiz-progress{display:flex;align-items:center;gap:6px;margin-bottom:16px}.completion-quiz-step{flex:1;height:4px;background:var(--ld-rule);border-radius:999px}.completion-quiz-step.now{background:var(--ld-ink)}.completion-quiz-step.done{background:var(--ld-secondary)}.completion-quiz-counter{font-family:var(--ld-mono);font-size:11px;color:var(--ld-muted);margin-left:6px}.completion-quiz-jp-label{font-family:var(--ld-sans);font-size:11px;color:var(--ld-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.completion-quiz-source{text-transform:none;letter-spacing:0;color:var(--ld-faint)}.completion-quiz-jp{font-family:var(--ld-serif);font-size:18px;line-height:1.6;color:var(--ld-ink);margin:0 0 12px}.completion-quiz-input{width:100%;padding:10px 12px;border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);background:var(--ld-surface);font-family:var(--ld-serif);font-size:16px;line-height:1.5;resize:vertical;box-sizing:border-box}.completion-quiz-input:focus{outline:none;border-color:var(--ld-accent);background:var(--ld-bg)}.completion-quiz-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.completion-quiz-score-row{display:flex;align-items:baseline;gap:6px;margin:4px 0 12px}.completion-quiz-score-num{font-family:var(--ld-serif);font-size:36px;font-weight:500;line-height:1;color:var(--ld-ink)}.completion-quiz-score-denom{font-size:13px;color:var(--ld-muted)}.completion-quiz-badge{margin-left:8px;font-size:11px;font-weight:500;padding:2px 10px;border-radius:100px;display:inline-flex;align-items:center;gap:4px}.completion-quiz-badge svg{display:inline-block}.completion-quiz-badge--good{background:#3b82f61f;color:#1d4ed8}.completion-quiz-badge--great{background:#10b9811f;color:#047857}.completion-quiz-badge--perfect{background:linear-gradient(90deg,#fde68a,#fcd34d);color:#78350f;font-weight:600}.completion-quiz-diff{font-family:var(--ld-serif);font-size:15px;line-height:1.7;padding:10px 12px;background:var(--ld-surface);border-radius:var(--ld-r-sm);margin-bottom:10px}.completion-quiz-answer{background:var(--ld-surface-2);border-radius:var(--ld-r-sm);padding:10px 12px;margin-bottom:12px}.completion-quiz-answer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.completion-quiz-answer-label{font-size:11px;color:var(--ld-muted);text-transform:uppercase;letter-spacing:.08em}.completion-quiz-play{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;background:var(--ld-ink);color:#fff;border:0;cursor:pointer;transition:transform .12s ease,background .12s}.completion-quiz-play:hover{transform:scale(1.05)}.completion-quiz-play--loading{position:relative;background:var(--ld-secondary)}.completion-quiz-play--loading svg{opacity:0}.completion-quiz-play--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:completion-quiz-play-spin .7s linear infinite}@keyframes completion-quiz-play-spin{to{transform:rotate(360deg)}}.completion-quiz-answer p{margin:0;font-family:var(--ld-serif);font-size:15px;line-height:1.6}.completion-quiz-summary h4{display:flex;align-items:center;gap:6px;font-family:var(--ld-serif);font-size:18px;font-weight:500;margin:0 0 10px}.completion-quiz-summary-stat{font-size:13px;color:var(--ld-secondary);margin:0 0 12px}.completion-quiz-summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.completion-quiz-summary-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--ld-surface);border-radius:var(--ld-r-sm)}.completion-quiz-summary-jp{flex:1;font-family:var(--ld-serif);font-size:13px;color:var(--ld-ink)}.completion-quiz-summary-score{font-family:var(--ld-mono);font-size:12px;padding:2px 8px;border-radius:100px;background:var(--ld-rule);color:var(--ld-muted);white-space:nowrap}.completion-quiz-summary-score.ok{background:#10b98124;color:#047857}.completion-quiz-summary-score.low{background:#b942481f;color:#b94248}.completion-quiz-summary-score.skipped{font-style:italic}.mode-picker{width:min(440px,100%)}.mode-picker-body{padding:16px}.mode-picker-hint{margin:0 0 14px;font-size:13px;color:var(--ld-muted);text-align:center}.mode-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-picker-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 12px;background:var(--ld-surface);border:1px solid var(--ld-rule);border-radius:var(--ld-r-sm);cursor:pointer;transition:transform .12s ease,border-color .12s,background .12s}.mode-picker-card:not(:disabled):hover{transform:translateY(-1px);border-color:var(--ld-rule-strong);background:var(--ld-bg)}.mode-picker-card:disabled{cursor:default;opacity:.55}.mode-picker-card--disabled{opacity:.45}.mode-picker-icon{display:grid;place-items:center;height:24px}.mode-picker-label{font-family:var(--ld-serif);font-size:14px;color:var(--ld-ink)}.mode-picker-status{font-size:10px;color:var(--ld-muted);letter-spacing:.02em}.mode-picker-card--chosen{outline:2px solid var(--ld-accent)}@media(max-width:420px){.mode-picker-grid{grid-template-columns:repeat(3,1fr);gap:6px}.mode-picker-card{padding:12px 4px 10px}}