:root{--ink:#22362f;--muted:#708077;--green:#245c4d;--light:#eaf2ec;--paper:#fffef9;--line:#e0e5dd;--accent:#e4ad52;--bg:#f5f5ef;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--green)}button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.topbar{max-width:1100px;margin:auto;padding:23px 32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:700;font-size:16px}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted);margin-top:4px}.brand-icon{width:40px;height:44px;border-radius:10px;background:var(--green);color:white;display:grid;place-items:center;font-size:17px}.local-badge{font-size:12px;color:var(--muted)}main{max-width:920px;margin:12px auto 120px;padding:0 28px;outline:none}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--green);text-transform:uppercase}h1{font-size:clamp(25px,4vw,36px);letter-spacing:-.03em;margin:12px 0;line-height:1.45}h2{font-size:20px;margin:0 0 14px}h3{font-size:17px}p{line-height:1.8}.muted{color:var(--muted);font-size:14px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;margin:22px 0 30px}.hero-art{background:var(--light);border-radius:22px;padding:34px;transform:rotate(2deg)}.hero-art strong{font-size:32px;letter-spacing:.05em;display:block}.hero-art span{display:block;margin-top:14px;color:var(--green);font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stat{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:15px}.stat strong{font-size:30px;display:block}.stat span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;margin:18px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 22px;border:1px solid transparent;border-radius:11px;background:var(--green);color:white;font-weight:600;text-decoration:none}.secondary{background:white;color:var(--ink);border-color:var(--line)}.quiet{background:transparent;color:var(--green);border-color:var(--line)}.wide{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress{width:100%;height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin:16px 0 24px}.progress span{display:block;height:100%;background:var(--green)}.flashcard{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:32px;min-height:330px;box-shadow:0 12px 35px #22362f06;margin-bottom:18px}.card-meta{font-size:12px;color:var(--muted);letter-spacing:.05em}.question{font-size:clamp(30px,6vw,54px);line-height:1.3;overflow-wrap:anywhere;margin:42px 0 20px;letter-spacing:-.025em}.question.reverse{font-size:clamp(24px,4vw,38px)}.answer{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.full-name{font-size:23px;line-height:1.5;overflow-wrap:anywhere;font-weight:650;margin:10px 0}.meaning{font-size:16px}.word-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;table-layout:fixed}.word-table th,.word-table td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;line-height:1.6}.word-table th{font-size:11px;color:var(--muted)}.word-table td:first-child{width:42%;font-weight:600;color:var(--green)}details{font-size:13px;color:var(--muted);line-height:1.8;margin:18px 0}summary{cursor:pointer}.rating{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rating button{min-height:65px;display:flex;flex-direction:column;gap:5px}.rating small{font-size:10px;font-weight:400}.again{background:#fff4ef;color:#99573f;border:1px solid #eedbcf}.hard{background:#fff9e9;color:#8c6c32;border:1px solid #ebdfc1}.good{background:var(--green);color:white}.star{border:1px solid var(--line);border-radius:10px;background:transparent;min-width:42px;min-height:42px;font-size:21px;color:#7d826f}.star[aria-pressed=true]{color:#a37320;background:#fff5d9}.filters{display:grid;grid-template-columns:1fr 180px;gap:12px;margin:24px 0}input,select{width:100%;border:1px solid var(--line);background:white;border-radius:10px;min-height:46px;padding:11px 13px;color:var(--ink)}label{display:block;font-size:13px;line-height:1.7}label input,label select{margin:6px 0 12px}.card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.list-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.list-open{display:block;text-align:left;width:100%;border:0;background:transparent;padding:0;color:var(--ink)}.list-open strong{display:block;font-size:21px;margin:9px 0;overflow-wrap:anywhere}.list-open .muted{display:block;overflow-wrap:anywhere;font-size:12px}.badge{background:var(--light);padding:4px 7px;border-radius:5px;font-size:10px;color:var(--green)}.bottom-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;gap:8px;background:#fffef9f5;border:1px solid var(--line);box-shadow:0 8px 30px #22362f10;padding:8px;border-radius:17px;width:min(480px,calc(100% - 32px));z-index:5;backdrop-filter:blur(12px)}.bottom-nav a{padding:12px 10px;color:var(--muted);text-decoration:none;text-align:center;font-size:12px;flex:1;border-radius:10px;white-space:nowrap}.bottom-nav a[aria-current=page]{background:var(--green);color:white}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.empty{text-align:center;padding:50px 20px}.empty strong{font-size:25px}.warning{max-width:900px;margin:12px auto;padding:12px 18px;background:#fff0db;color:#8c5e22;font-size:13px}.skip{position:absolute;left:10px;top:-80px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}dialog{width:min(680px,calc(100% - 24px));max-height:85vh;border:1px solid var(--line);border-radius:20px;padding:26px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#122b2370}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 18px;background:var(--ink);color:white;border-radius:12px;font-size:13px;z-index:20;max-width:90%;pointer-events:none}#toast:empty{display:none}.inline-check{display:flex;align-items:center;gap:10px;margin:15px 0}.inline-check input{width:20px;min-height:20px;margin:0}.footer-note{font-size:12px;line-height:1.9;color:var(--muted);margin-top:25px}.result-count{font-size:42px;color:var(--green);margin:20px 0}.small-link{font-size:12px}.result-list{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}body:has(dialog[open]){overflow:hidden}@media(max-width:640px){.topbar{padding:18px 20px}.local-badge{display:none}main{padding:0 18px;margin-top:10px}.hero{grid-template-columns:1fr;gap:12px}.hero-art{display:none}.stats{gap:8px}.stat{padding:16px 12px}.stat strong{font-size:25px}.panel{padding:21px}.flashcard{padding:23px;min-height:300px}.question{margin-top:34px}.filters{grid-template-columns:1fr}.card-list,.settings-grid{grid-template-columns:1fr}.rating{gap:7px}.rating .button{padding:12px 6px}.bottom-nav{bottom:max(12px,env(safe-area-inset-bottom))}.full-name{font-size:20px}.word-table{font-size:13px}.hero h1{font-size:29px}.actions .button{flex:1}dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}