:root{color:#243c36;font-synthesis:none;background:#f6f5ef;font-family:system-ui,-apple-system,Segoe UI,Noto Sans JP,sans-serif;font-size:18px;line-height:1.75}fieldset label{align-items:center;gap:8px;min-height:44px;display:flex}fieldset{border:1px solid #a6b5a7;border-radius:10px;min-width:0}select{font:inherit;max-width:100%;min-height:44px;padding:8px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:#176655;text-underline-offset:4px;min-width:44px;min-height:44px}a:not(.brand){align-items:center;display:inline-flex}button{color:#fff;cursor:pointer;background:#216453;border:1px solid #216453;border-radius:12px;min-height:48px;margin:6px 6px 6px 0;padding:12px 20px;font-weight:650}button:disabled{opacity:.45;cursor:default}button:hover:enabled{filter:brightness(.95)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #bf760f}.secondary{color:#216453;background:0 0}.text-button{color:#216453;background:0 0;border-color:#0000;text-decoration:underline}.danger{background:#9b3e31;border-color:#9b3e31}h1{letter-spacing:-.04em;margin:.6em 0;font-size:clamp(1.9rem,5vw,2.8rem);font-weight:700;line-height:1.4}h2{font-size:1.35rem;line-height:1.6}p{margin:.65em 0 1em}header{border-bottom:1px solid #dde1d7;justify-content:space-between;align-items:center;gap:12px;max-width:960px;margin:auto;padding:28px 24px;display:flex}.brand{font-weight:750;text-decoration:none}.brand span{color:#64746d;font-size:.65rem;font-weight:400;display:block}.pill{white-space:nowrap;background:#e6ebe0;border-radius:50px;padding:4px 10px;font-size:.7rem;display:inline-block}.shell{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}main{max-width:760px;margin:auto;padding:36px 24px 40px}.eyebrow{letter-spacing:.12em;color:#5b7668;font-size:.78rem}.intro{color:#61736a}.panel{background:#fffefa;border:1px solid #dfe4d9;border-radius:20px;margin:24px 0;padding:28px}.hero{border-top:4px solid #216453}.hero button{text-align:left;justify-content:space-between;width:100%;display:flex}.muted{color:#61736a;font-size:.83rem}aside{background:#eeede1;border-left:3px solid #bda45e;padding:16px 22px}.row{justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}.row button{font-size:.85rem}.card h1{overflow-wrap:anywhere;letter-spacing:0;font-size:clamp(2rem,8vw,3.5rem)}.example{border-left:3px solid #ccdbc9;margin:24px 0;padding:6px 18px}.ratings{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.ratings button{margin:0;padding:14px 8px}.ratings small{opacity:.8;font-weight:400;display:block}.error{color:#873725;overflow-wrap:anywhere;background:#fae8e2;border:1px solid #b6533d;border-radius:10px;padding:16px}.notice{background:#dfede4;border-radius:10px;padding:14px}nav{border-top:1px solid #dde1d7;flex-wrap:wrap;justify-content:center;gap:8px 24px;max-width:960px;margin:auto;padding:16px;display:flex}nav a{align-items:center;min-height:44px;font-size:.85rem;display:inline-flex}footer{text-align:center;color:#66766d;padding:12px 24px 28px;font-size:.7rem}.source{overflow-wrap:anywhere;padding:18px 0;font-size:.8rem}details{border-bottom:1px solid #dfe4d9;padding:12px 0}summary{cursor:pointer;min-height:44px;padding:8px 0}input{background:#fff;border:1px solid #a6b5a7;border-radius:8px;max-width:100%;margin:12px 0;padding:12px;font-size:16px;display:block}input[type=file]{border:0;padding:12px 0}label{display:block}.preview{background:#edf2e8;border-radius:12px;margin-top:20px;padding:18px}.records article{border-bottom:1px solid #d8e1d5;justify-content:space-between;gap:16px;padding:20px 0;display:flex}.records p,.records small{font-size:.75rem}.records time{font-size:.82rem;display:block}@media (width<=480px){header{padding:18px 16px}.brand{font-size:.9rem}main{padding:24px 16px}.panel{padding:22px 18px}.pill{font-size:.6rem}.row{align-items:flex-start}.records article{flex-direction:column;gap:0}nav{gap:8px 18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.header-links{flex-wrap:wrap;gap:1rem;display:flex}.header-links a{align-items:center;min-height:44px;display:inline-flex}header{flex-wrap:wrap}.reading-pane{scroll-behavior:auto;overflow-anchor:none;background:#fffdf7;border:1px solid #bcc8be;border-radius:12px;height:42dvh;min-height:200px;max-height:420px;padding:1rem;line-height:1.8;overflow:auto}.reading-token{color:#21362d;min-width:44px;min-height:44px;font:inherit;box-shadow:none;background:0 0;border:0;border-radius:4px;margin:0;padding:0 3px;line-height:1.8;display:inline-block}button,a,summary{touch-action:manipulation}button,nav a,.header-links a{min-width:44px}input,textarea,select{scroll-margin-block:24px;font-size:max(16px,1rem)}main,.panel,.row>*,.records article>*{min-width:0}p,h1,h2,h3,button,a{overflow-wrap:anywhere}button{max-width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere}.pronunciation{margin-block:12px}.reading-token:hover,.reading-token:focus-visible{color:#13281d;background:#dbece0}.reading-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reading-toolbar h1{width:100%}.dictionary-sheet{width:min(680px,100%);max-height:78dvh;padding:24px 24px calc(24px + env(safe-area-inset-bottom));padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));color:#21362d;box-sizing:border-box;background:#fffdf7;border:1px solid #bcc8be;border-radius:20px 20px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:auto}.dictionary-sheet::backdrop{background:#0f231973}.dictionary-sheet p{overflow-wrap:anywhere}.step-guide,.next-step{background:#edf3eb;border-left:3px solid #36715c;border-radius:0 10px 10px 0;padding:16px}.step-guide{font-size:1rem}.next-step{margin:1rem 0}.debug-info{color:#53665f;border-top:1px solid #d7dfd5;margin-top:1.25rem;padding-top:8px;font-size:.85rem}.debug-info summary{cursor:pointer;min-height:44px;padding:8px 0}.debug-info>div{overflow-wrap:anywhere;text-align:left;background:#edf0ea;padding:8px 12px}.reading-estimate,.estimate-details{margin:12px 0}.reading-estimate summary,.estimate-details summary{cursor:pointer;min-height:44px;padding:8px 0}.reading-estimate p{font-size:.92rem}.empty-status{margin:0}.hero>button:first-of-type{width:100%;display:block}footer .debug-info{max-width:600px;margin:1rem auto 0}.panel>label:has(input[type=checkbox]){align-items:flex-start;gap:10px;min-height:44px;margin:12px 0;display:flex}.reading-status{min-height:5.5rem}.optional-tools{margin-top:14px}.optional-tools summary{cursor:pointer;min-height:44px;padding:10px 0}.writing-editor textarea{resize:vertical;width:100%;min-height:8rem;font:inherit;padding:12px}.writing-editor fieldset{border:1px solid var(--border,#ccd4da);border-radius:8px;margin:16px 0}.writing-editor fieldset label{align-items:center;gap:6px;min-height:44px;padding:8px;display:inline-flex}.writing-editor fieldset input{width:auto}.writing-editor blockquote{overflow-wrap:anywhere;border-left:3px solid #448075;margin:16px 0;padding:12px}.writing-text{white-space:pre-wrap;overflow-wrap:anywhere}.session-budget{background:#edf5f1;border-radius:12px;padding:14px 18px;line-height:1.7}.progress-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.progress-grid>div,.resume-item{border-bottom:1px solid #d7e0db;padding:12px 0}@media (height<=500px){header{padding-block:8px}main{padding-top:12px}.dictionary-sheet{max-height:92dvh}.writing-editor textarea{min-height:5rem}}