:root{--ink:#202124;--muted:#6e7075;--paper:#fff;--silver:#f2f3f5;--line:#e3e5e8;--accent:#2457c5;--accent-soft:#e8efff;--danger:#a63d3d;--radius:20px}*{box-sizing:border-box}html{background:var(--silver);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Geist,'Noto Sans JP','Yu Gothic',sans-serif;line-height:1.7;font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,.choice,.option,.flashcard{min-height:44px}.site-header{max-width:1120px;margin:22px auto 0;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 8px 30px rgba(44,48,55,.06);border-radius:999px}.brand{font-weight:800;letter-spacing:.08em}.brand span{font-weight:400;color:var(--accent)}nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px}.link-button{border:0;background:none;color:inherit;cursor:pointer;padding:0}.page{max-width:1120px;margin:0 auto;padding:80px 24px 120px}.hero{max-width:760px;padding:40px 0 100px}.eyebrow,.card-kicker{font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700}.hero h1,h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.1;letter-spacing:-.04em;margin:18px 0 22px}.page-title,.quiz-shell h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.03em}.hero h1 em,h1 em{font-style:normal;color:var(--accent)}h2{font-size:1.65rem;line-height:1.25;margin:8px 0 22px}h3{margin:12px 0;font-size:1.2rem}.lead{color:var(--muted);font-size:1.08rem;max-width:620px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:999px;padding:12px 18px 12px 24px;cursor:pointer;font-weight:700;transition:transform .35s cubic-bezier(.32,.72,0,1),box-shadow .35s cubic-bezier(.32,.72,0,1)}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(36,87,197,.18)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line)}.tab{min-height:44px;border:0;border-bottom:3px solid transparent;background:none;padding:10px 18px;cursor:pointer;font-weight:700;color:var(--muted)}.tab.is-active{border-color:var(--accent);color:var(--accent)}.drop-zone{border:2px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--muted)}.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.card-navigation{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:18px}.focus-prompt{font-size:1.25rem;background:var(--silver);padding:18px;border-radius:12px}.focus-prompt strong{color:var(--accent)}.report-form{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.period-selector{display:flex;align-items:end;gap:12px;margin:20px 0}.period-selector select{min-height:48px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff}.button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff3;color:inherit}.primary{background:var(--accent);color:#fff}.full{width:100%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.compact{margin-top:88px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.form-card,.progress-card,.share-box,.score-card{background:var(--paper);border-radius:var(--radius);padding:26px;box-shadow:0 12px 35px rgba(44,48,55,.06)}.card{min-height:180px}.text-link{display:inline-block;color:var(--accent);font-weight:700;margin-top:18px}.muted,.hint{color:var(--muted);font-size:.9rem}.narrow{max-width:720px;margin:0 auto}.wide{max-width:980px}.centered{text-align:center}.form-card{display:grid;gap:22px;margin-top:32px}label{display:grid;gap:7px;font-weight:700}input,textarea{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px;min-height:48px;color:var(--ink)}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible,a:focus-visible,.flashcard:focus-visible{outline:3px solid #9bb6f7;outline-offset:3px}.notice{padding:14px 18px;border-radius:12px;background:var(--accent-soft);margin-bottom:18px}.notice.error,.notice.warning{background:#fff1e6;color:#743e24}fieldset{border:0;padding:0;margin:0;display:grid;gap:12px}.choice{display:flex;grid-template-columns:none;align-items:center;gap:10px;border:1px solid var(--line);padding:12px 14px;border-radius:12px;font-weight:600}.choice input{min-height:auto}.choice small{display:block;color:var(--muted);font-weight:400;margin-left:auto}.count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.word-table{display:grid;gap:12px;margin:30px 0}.word-row{display:grid;grid-template-columns:38px 1fr 1.5fr 1.5fr auto;gap:10px;align-items:end;background:#fff;padding:16px;border-radius:16px}.number,.question-number{color:var(--accent);font-weight:800}.check{display:flex;align-items:center;white-space:nowrap;font-size:.85rem}.check input{min-height:auto}.tag{font-size:.7rem;color:#805d12;background:#fff5ce;border-radius:999px;padding:2px 7px}.progress-card{text-align:center;margin-top:30px}.spinner{height:28px;width:28px;border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-shell{max-width:760px;margin:0 auto}.question{background:#fff;border-radius:var(--radius);padding:28px;margin:22px 0;box-shadow:0 12px 35px rgba(44,48,55,.06)}.question h2{font-size:1.3rem}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;cursor:pointer}.option input{min-height:auto}.answer-input{width:100%;font-size:18px}.explanation{margin-top:20px;padding:14px 16px;background:var(--silver);border-radius:12px}.explanation p{margin:4px 0}.score-card strong{font-size:2.5rem;color:var(--accent)}.share-box{margin-top:50px}.share-box input{width:100%;margin-top:12px}.flashcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.flashcard{min-height:180px;perspective:800px;cursor:pointer;position:relative}.flashcard>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius);padding:24px;background:#fff;backface-visibility:hidden;box-shadow:0 12px 35px rgba(44,48,55,.06);transition:transform .5s cubic-bezier(.32,.72,0,1)}.flashcard .front{font-size:1.5rem;font-weight:800}.flashcard .back{transform:rotateY(180deg);flex-direction:column;color:var(--accent)}.card-actions{display:flex;gap:8px;margin-top:14px}.card-actions button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:5px 10px;cursor:pointer;font-size:.78rem}.flashcard .back small{display:block;color:var(--muted);font-size:.85rem;margin-top:12px}.flashcard.is-flipped .front{transform:rotateY(-180deg)}.flashcard.is-flipped .back{transform:rotateY(0)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.stat{min-height:130px}.stat span{color:var(--muted);font-size:.85rem}.stat strong{display:block;font-size:2rem;margin-top:16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}@media(max-width:767px){.site-header{margin:12px 12px 0;border-radius:16px;padding:12px 14px}.site-header nav{gap:10px}.page{padding:56px 16px 80px}.hero{padding:20px 0 70px}.library-grid,.flashcards,.stats-grid{grid-template-columns:1fr}.word-row{grid-template-columns:30px 1fr}.word-row label:nth-child(n+2){grid-column:2}.word-row .check{grid-column:2}.choice{align-items:flex-start}.choice small{margin-left:0}.count-grid{grid-template-columns:1fr 1fr 1fr}.question{padding:22px 16px}.hero h1,h1{font-size:clamp(2.6rem,14vw,4rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}