:root{--bg:#faf9f5;--surface:#fff;--surface-2:#f3f1ea;--text:#33312c;--text-sub:#76736a;--border:#e7e4db;--primary:#3a7d5c;--primary-dark:#2f674c;--primary-soft:#e9f2ec;--accent:#d99a27;--ok:#2e7d4f;--ok-bg:#edf5f0;--ng:#b8514a;--ng-bg:#faf0ee;--mark:#fdeeb0;--mark-text:#4a3c0a;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #3c382e0d, 0 3px 10px #3c382e0d;--shadow-lg:0 2px 4px #3c382e0d, 0 8px 24px #3c382e14;--ring:0 0 0 3px #3a7d5c2e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,system-ui,-apple-system,sans-serif;line-height:1.7}.app{flex-direction:column;min-height:100vh;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.99)}55%{transform:scale(1.005)}to{transform:scale(1)}}@keyframes shake{20%,80%{transform:translate(2px)}35%,65%{transform:translate(-3px)}50%{transform:translate(3px)}}.header{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:18px;max-width:880px;margin:0 auto;padding:10px 20px;display:flex}.brand{letter-spacing:.01em;cursor:pointer;color:var(--text);align-items:center;gap:4px;font-size:1.15rem;font-weight:800;display:inline-flex}.nav{flex-wrap:wrap;gap:2px;display:flex}.nav-btn{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 13px;font-family:inherit;font-size:.92rem;transition:background .15s,color .15s}.nav-btn:hover{background:var(--surface-2);color:var(--text)}.nav-btn.active{color:var(--primary-dark);background:var(--primary-soft);font-weight:700}.main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:28px 20px 56px}.main>*{animation:.22s both fadeUp}.footer{border-top:1px solid var(--border);background:var(--surface);text-align:center;color:var(--text-sub);padding:18px;font-size:.76rem}.footer a{color:inherit}.footer p{margin:2px 0}.page-title{letter-spacing:.01em;margin:0 0 4px;font-size:1.5rem;font-weight:800}.page-sub{color:var(--text-sub);margin:0 0 22px}.section{margin:30px 0}.section-title{letter-spacing:.02em;margin:0 0 12px;font-size:1rem;font-weight:700}.note{color:var(--text-sub);font-size:.84rem}.error-msg{color:var(--ng);font-weight:600}.dim{color:var(--text-sub);font-weight:400}.btn{cursor:pointer;border:1px solid #0000;border-radius:11px;padding:10px 18px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.primary:focus-visible{box-shadow:var(--ring);outline:none}.btn.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn.secondary:hover{border-color:var(--primary);color:var(--primary-dark)}.btn.ghost{color:var(--text-sub);background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{background:var(--ng-bg);color:var(--ng)}.btn.big{border-radius:12px;padding:13px 26px;font-size:1.02rem}.btn.small{padding:6px 10px;font-size:.84rem}.btn:disabled{opacity:.45;cursor:not-allowed}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:.9rem;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--primary)}.chip.selected{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.daily-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 6px;display:grid}.daily-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);text-align:left;flex-direction:column;align-items:flex-start;padding:16px 18px;font-family:inherit;display:flex}button.daily-card{cursor:pointer;transition:border-color .15s,background .15s}button.daily-card:hover{border-color:var(--primary)}.daily-card.highlight{background:var(--primary-soft);border-color:var(--primary)}.daily-card.highlight .daily-value{color:var(--primary-dark)}.daily-value{font-size:1.85rem;font-weight:800;line-height:1.2}.daily-label{color:var(--text-sub);font-size:.82rem}.daily-cta{color:var(--primary-dark);margin-top:6px;font-size:.85rem;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px;display:grid}.select-card{text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:14px 16px 12px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.select-card.selected{border-color:var(--primary);background:var(--primary-soft)}.select-card.disabled{opacity:.55;cursor:not-allowed}.select-card-title{font-weight:700}.select-card-meta{color:var(--text-sub);font-size:.8rem}.mini-progress{background:var(--border);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.mini-progress-fill{background:var(--primary);height:100%;display:block}.start-row{flex-wrap:wrap;gap:12px;margin:26px 0 10px;display:flex}.quiz{max-width:720px;margin:0 auto;padding-top:8px}.quiz-top{color:var(--text-sub);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.92rem;display:flex}.quiz-progress-label{color:var(--text);font-weight:700}.quiz-score-label{gap:12px;display:inline-flex}.ok-text{color:var(--ok);font-weight:700}.ng-text{color:var(--ng);font-weight:700}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.timer-bar{background:var(--border);border-radius:4px;height:7px;margin-top:10px;overflow:hidden}.timer-fill{background:var(--accent);height:100%;transition:width .1s linear}.timer-bar.danger .timer-fill{background:var(--ng)}.quiz-card{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-lg);border-radius:18px;margin-top:22px;padding:34px 30px 26px;transition:border-color .2s,background .2s;position:relative}.quiz-card.correct{border-color:var(--ok);background:var(--ok-bg);animation:.3s pop}.quiz-card.wrong{border-color:var(--ng);background:var(--ng-bg);animation:.35s shake}.retry-badge{background:var(--accent);color:#fff;border-radius:999px;padding:3px 12px;font-size:.74rem;font-weight:700;position:absolute;top:-12px;left:22px}.sentence{margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;line-height:1.75}.sentence.no-sentence{font-family:inherit;font-size:1.3rem}.blank{border-bottom:3px solid var(--primary);min-width:64px;color:var(--primary-dark);letter-spacing:.08em;text-align:center;white-space:nowrap;padding:0 8px;font-weight:700;display:inline-block}.answer-word{padding:0 4px;font-weight:800}.answer-word.correct,.answer-word.ok{color:var(--ok)}.answer-word.wrong{color:var(--ng)}.ja-sentence{color:var(--text-sub);margin:0 0 22px;font-size:1.04rem}.ja-target,mark.ja-target{background:var(--mark);color:var(--mark-text);border-radius:5px;padding:1px 5px;font-weight:700}.answer-area{align-items:center;gap:8px;display:flex}.answer-input{border:2px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:11px;outline:none;flex:1;padding:13px 16px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:1.3rem;transition:border-color .15s,box-shadow .15s}.answer-input:focus{border-color:var(--primary);box-shadow:var(--ring)}.answer-input.correct{border-color:var(--ok);background:var(--ok-bg)}.answer-input.wrong{border-color:var(--ng)}.feedback-area{min-height:70px;margin-top:16px}.feedback{margin:0;font-size:1.08rem;font-weight:700}.feedback.ok{color:var(--ok)}.feedback.ng{color:var(--ng)}.feedback.ng p{margin:0 0 4px}.correct-word{text-underline-offset:3px;font-size:1.3rem;text-decoration:underline}.alt{font-size:.84rem;font-weight:400}.hint-next{color:var(--text-sub);font-size:.84rem;font-weight:400}.score-board{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin:14px 0;padding:26px}.score-big{color:var(--primary-dark);font-size:3.1rem;font-weight:800;line-height:1.1}.score-total{color:var(--text-sub);margin-left:6px;font-size:1.4rem}.score-rate{color:var(--text-sub);font-weight:600}.score-note{color:var(--text-sub);margin-top:10px;font-size:.84rem}.result-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.result-item{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--ok);border-radius:var(--radius-sm);box-shadow:var(--shadow);gap:12px;padding:14px 16px;display:flex}.result-item.ng{border-left-color:var(--ng)}.result-mark{font-size:1.15rem}.result-word{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 4px;font-size:1.05rem;display:flex}.your-answer{color:var(--ng);font-size:.84rem}.recover-badge{background:var(--ng-bg);color:var(--ng);border-radius:999px;padding:2px 9px;font-size:.74rem;font-weight:700}.recover-badge.ok{background:var(--ok-bg);color:var(--ok)}.result-sentence{margin:0;font-family:Georgia,serif}.result-ja{color:var(--text-sub);margin:2px 0 0;font-size:.88rem}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;padding:18px;display:flex}.stat-value{color:var(--primary-dark);font-size:1.85rem;font-weight:800}.stat-label{color:var(--text-sub);text-align:center;font-size:.82rem}.level-progress{margin-bottom:14px}.level-progress-head{justify-content:space-between;margin-bottom:4px;font-size:.9rem;display:flex}.stats-table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow);font-size:.92rem;overflow:hidden}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid var(--border);padding:9px 14px}.stats-table th{background:var(--surface-2);color:var(--text-sub);font-size:.8rem}.stats-table tr:last-child td{border-bottom:none}.new-list-row{flex-wrap:wrap;gap:8px;margin:12px 0 20px;display:flex}.text-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:220px;color:var(--text);flex:1;padding:10px 14px;font-family:inherit;font-size:.95rem}.text-input:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px 20px}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.list-actions{flex-wrap:wrap;gap:8px;display:flex}.bulk-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);margin:10px 0;padding:10px 14px;font-family:inherit;font-size:.95rem}.bulk-input:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.word-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:.9rem}.word-table th,.word-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 10px}.w-col{font-weight:700}.s-col{color:var(--text-sub)}.setting-row{margin:14px 0}.setting-row>label{margin-bottom:6px;font-weight:600;display:block}.toggle-label{cursor:pointer;align-items:center;gap:8px;font-weight:500!important;display:flex!important}.danger-zone{border-top:1px solid var(--border);padding-top:18px}.feature-list li{margin:7px 0}.credit{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:12px 0;padding:12px 16px;font-size:.92rem}@media (width<=560px){.main{padding:20px 14px 48px}.sentence{font-size:1.2rem}.answer-input{font-size:1.1rem}.quiz-card{padding:24px 18px 20px}.page-title{font-size:1.3rem}}