@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--ink:#172b36;--muted:#6a767e;--paper:#fff;--canvas:#f6f7f9;--line:#e3e7ea;--blue:#2457c5;--blue-soft:#edf3ff;--lime:#d9ef88;--body-size:19px;font-family:'Noto Sans JP',sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5287f5;outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin:0}.topbar{height:88px;display:flex;align-items:center;gap:30px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;font-family:'Noto Serif JP',serif;font-size:26px;font-weight:600;text-decoration:none;white-space:nowrap}.mark{display:inline-block;font-family:serif;font-size:29px;letter-spacing:2px;transform:skew(-12deg);color:var(--blue)}.brand-en{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2.4px;margin:8px 0 0 7px}.top-caption{font-size:13px;color:var(--muted);padding-left:28px;border-left:1px solid var(--line)}.quiet{margin-left:auto;font-size:13px;padding:10px 0}.quiet span{margin-left:10px}.workspace{display:grid;grid-template-columns:232px minmax(0,1fr) 280px;min-height:calc(100vh - 88px);max-width:1800px;margin:auto}.shelf{background:var(--ink);color:#fff;padding:40px 22px 25px;display:flex;flex-direction:column}.shelf-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.shelf h2{font-size:17px;font-weight:500}.shelf-head>span{font-size:12px;color:#b2bec3}.shelf-sub{font-size:13px;color:#b2bec3;margin:12px 8px 31px}.book-item{display:flex;gap:14px;width:100%;text-align:left;color:#c4ced2;padding:20px 12px;border-top:1px solid #ffffff21;border-radius:0;align-items:flex-start}.book-item:last-child{border-bottom:1px solid #ffffff21}.book-item.active{background:#ffffff10;color:#fff;border-left:3px solid var(--lime);padding-left:9px}.book-index{font-family:Georgia,serif;font-size:21px;line-height:1.4;color:#aab9bf}.active .book-index{color:var(--lime)}.book-name{display:block;font-family:'Noto Serif JP',serif;font-size:17px;line-height:1.8}.book-meta{display:block;font-size:12px;line-height:1.8;letter-spacing:.1px;color:#b2bec3;margin-top:7px}.book-item:hover{background:#ffffff0b}.shelf-bottom{margin-top:auto;padding:100px 8px 0}.edition{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.7px;color:#b2bec3}.shelf-bottom p{font-family:'Noto Serif JP',serif;font-size:13px;margin:15px 0 8px}.shelf-bottom>span:last-child{font-size:12px;color:#b2bec3}main{min-width:0;background:white}.reading-toolbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin:0 42px;font-size:12px;color:var(--muted)}.type-controls{display:flex;gap:6px}.type-controls button{font-family:Georgia,serif;border:1px solid var(--line);border-radius:4px;min-width:36px;min-height:32px;font-size:16px;background:white}.reading-page{padding:44px 50px 24px;max-width:910px;margin:auto}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2.4px;color:var(--muted);line-height:1.6}.book-heading h1{font-family:'Noto Serif JP',serif;font-size:38px;font-weight:500;letter-spacing:4px;line-height:1.5;margin:12px 0 20px}.byline{font-size:13px;letter-spacing:2px}.byline span{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px;color:var(--muted);margin-left:16px}.chapter-line{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:34px;padding-top:22px;margin-bottom:28px;font-size:12px;color:var(--muted);letter-spacing:.5px}#page-label{color:var(--blue);font-family:Arial,sans-serif;letter-spacing:2px}#story{font-family:'Noto Serif JP',serif;font-weight:400;font-size:var(--body-size);line-height:2.35;letter-spacing:.035em;min-height:320px}#story:focus{outline:none}#story p{margin:0 0 1.15em;overflow-wrap:anywhere}#story .en{font-family:Georgia,'Times New Roman',serif;font-size:1.14em;line-height:inherit;letter-spacing:0;color:var(--blue);border-bottom:1px solid #8eb0ed;background:linear-gradient(transparent 80%,#e9f0ff 80%);padding:1px 3px;margin:0 2px;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}#story .en:hover{background:#e4edff}#story .full-en{font-size:1.12em;line-height:1.9}#story .original-text{display:block;font-family:'Noto Serif JP',serif;font-size:.8em;color:#60707b;line-height:2;border-left:2px solid #dce4ed;padding-left:16px;margin-top:12px;letter-spacing:.02em}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:38px;border-top:1px solid var(--line);padding-top:22px}.pagination>button{font-size:12px;padding:8px 0;white-space:nowrap}.pagination>button:last-child{color:var(--blue)}#page-dots{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}#page-dots button{width:24px;height:30px;font-size:12px;color:var(--muted);border-radius:4px}#page-dots button[aria-current=page]{background:var(--ink);color:#fff}.source-line{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:28px;padding-top:12px;gap:12px}.source-line button{font-size:12px;padding:0}.settings{padding:40px 26px;border-left:1px solid var(--line);background:var(--canvas)}.level-title h2{font-size:15px;font-weight:500}.level-title>span{display:block;font-size:12px;color:var(--muted);margin-top:7px}.level-value{display:flex;align-items:baseline;gap:12px;margin:23px 0 22px}.level-prefix{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.4px;align-self:center}.level-value #level-number{font-family:Georgia,serif;font-size:67px;font-weight:400;line-height:1;color:var(--blue);letter-spacing:-3px}.level-max{font-size:14px;color:var(--muted)}.levels{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}.levels button{border:1px solid #ced6de;background:#fff;height:34px;padding:0;border-radius:3px;font-size:12px;font-family:Arial,sans-serif}.levels button.selected{background:var(--blue);border-color:var(--blue);color:#fff}.levels button.below{background:#e1eafa;border-color:#c7d8f7;color:#174592}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:9px 0 24px}.settings h3{font-size:15px;font-weight:500;margin-bottom:10px}.level-description{font-size:13px;line-height:1.95;color:#60707b;min-height:77px}.ratio-heading{display:flex;justify-content:space-between;font-size:12px;margin-top:22px;color:var(--muted);gap:5px}.ratio-heading strong{font-family:Arial,sans-serif;color:var(--blue);font-size:13px}.ratio-track{height:5px;background:#e0e6ef;margin-top:11px;border-radius:10px;overflow:hidden}#ratio-fill{height:100%;background:var(--blue);transition:width .2s}.ratio-note{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.8}.divider{border-top:1px solid var(--line);margin:27px 0}.toggle-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.toggle-row label{font-size:12px;cursor:pointer}.toggle-row p{font-size:12px;color:var(--muted);margin-top:7px}input[role=switch]{appearance:none;width:34px;height:20px;border-radius:20px;background:#cbd3da;margin:0;position:relative;cursor:pointer;flex-shrink:0}input[role=switch]:after{content:'';position:absolute;top:3px;left:3px;height:14px;width:14px;border-radius:50%;background:#fff;transition:transform .15s}input[role=switch]:checked{background:var(--blue)}input[role=switch]:checked:after{transform:translateX(14px)}.reading-help{display:flex;gap:12px;padding:20px 0 0;align-items:center;margin-top:25px}.help-en{font-family:Georgia,serif;font-size:19px;color:var(--blue);border-bottom:1px solid #8eb0ed;padding:0 4px;background:#eaf0ff}.reading-help p{font-size:12px;line-height:1.9;color:var(--muted)}.progress-info{margin-top:50px;border-top:1px solid var(--line);padding-top:24px;font-size:12px}.progress-info strong{float:right;color:var(--muted);font-weight:400}.progress-info progress{width:100%;height:4px;appearance:none;display:block;margin:12px 0;background:#e3e7eb;border:0}.progress-info progress::-webkit-progress-bar{background:#e3e7eb}.progress-info progress::-webkit-progress-value{background:var(--ink)}.progress-info progress::-moz-progress-bar{background:var(--ink)}.progress-info p{font-size:12px;line-height:1.8;color:var(--muted)}dialog{border:1px solid var(--line);color:var(--ink);background:#fff;box-shadow:0 20px 90px #11243633;border-radius:10px;padding:36px;max-width:min(580px,calc(100vw - 32px));width:100%;max-height:85dvh;overflow:auto}dialog::backdrop{background:#172b3655;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:9px;font-size:26px;width:36px;height:36px;color:var(--muted)}.word-dialog h2{font-family:Georgia,serif;font-size:29px;color:var(--blue);font-weight:400;line-height:1.5;margin:20px 0 12px;overflow-wrap:anywhere}.word-dialog #word-ja{font-size:16px;line-height:1.9}.speak{background:var(--blue-soft);color:var(--blue);padding:10px 16px;border-radius:5px;font-size:14px;margin-top:24px}.small{font-size:12px;line-height:1.8;margin-top:12px;color:var(--muted)}.info-dialog h2{font-family:'Noto Serif JP',serif;font-size:25px;line-height:1.7;margin-bottom:22px}.info-dialog h3{font-size:15px;margin:25px 0 10px}.info-dialog p,.info-dialog li{font-size:14px;line-height:2;color:#56656f}.info-dialog a{color:var(--blue)}.info-dialog ul{padding-left:22px}.end-note{padding:28px;background:#f4f7fc;border-left:2px solid var(--blue);margin-top:35px}.end-note>span{font-size:12px;letter-spacing:2px;color:var(--blue)}.end-note h2{font-family:'Noto Serif JP',serif;font-size:20px;margin:10px 0;line-height:1.8}.end-note p{font-size:12px;color:var(--muted)}.end-note button{font-size:12px;background:var(--ink);color:white;border-radius:4px;padding:11px 14px;margin-top:18px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;background:white;padding:10px;z-index:10}
@media(min-width:1500px){.workspace{grid-template-columns:265px minmax(0,1fr) 310px}.reading-page{padding:55px 80px}.settings{padding:45px 35px}}
@media(max-width:1150px){.workspace{grid-template-columns:190px minmax(0,1fr) 240px}.shelf{padding:32px 14px}.settings{padding:32px 20px}.reading-page{padding:36px 30px 24px}.reading-toolbar{margin:0 30px}.topbar{padding:0 26px}.top-caption{display:none}.brand-en{display:none}.pagination>button span{display:none}}
@media(max-width:850px){.topbar{height:72px;padding:0 22px}.brand{font-size:23px}.quiet{font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr)}.shelf{padding:18px 22px;display:block}.shelf-head,.shelf-sub,.shelf-bottom{display:none}#books{display:flex;gap:8px;overflow-x:auto}.book-item{width:auto;min-width:max-content;flex:1;border:1px solid #ffffff2b!important;border-radius:5px;padding:10px 13px!important;align-items:center;gap:10px}.book-item.active{border-color:var(--lime)!important}.book-index{font-size:15px}.book-name{font-size:14px}.book-meta{display:none}.settings{grid-row:2;border-left:0;border-bottom:1px solid var(--line);padding:20px 25px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.level-title{align-self:center}.level-title h2{font-size:13px}.level-title>span{font-size:12px}.level-value{justify-content:flex-end;margin:0 0 14px}.level-value #level-number{font-size:38px;letter-spacing:-1px}.level-prefix{font-size:12px}.level-max{font-size:12px}.levels{grid-column:1 / -1}.levels button{height:36px;font-size:12px}.range-labels{grid-column:1 / -1;margin-bottom:13px}.settings h3{font-size:13px;margin:0;line-height:1.8}.level-description{font-size:12px;min-height:0;text-align:right;line-height:1.8}.ratio-heading,.ratio-track,.ratio-note,.divider,.reading-help,.progress-info{display:none}.toggle-row{grid-column:1 / -1;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.toggle-row p{display:none}.reading-toolbar{height:54px;margin:0 25px}.reading-page{max-width:750px;padding:32px 26px 26px}.book-heading h1{font-size:34px;letter-spacing:3px}.chapter-line{margin-top:26px;margin-bottom:25px}#story{font-size:var(--body-size);line-height:2.25}.pagination>button span{display:inline}.pagination>button{font-size:12px}.source-line{font-size:12px}.source-line button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.quiet,.level-title h2,.settings h3,.toggle-row label{font-size:14px}.level-description,.reading-help p{font-size:14px}.level-description{min-height:90px}.settings{padding-left:22px;padding-right:22px}.level-prefix{letter-spacing:1px}.book-meta{line-height:1.9}.levels button{min-height:36px}.source-line{line-height:1.8}.level-title>span{line-height:1.8}.top-caption{font-size:14px}.progress-info{line-height:1.8}.reading-toolbar{font-size:14px}
@media(max-width:850px){.quiet{font-size:12px}.level-description{font-size:12px;min-height:0}.reading-toolbar{font-size:12px}.settings{column-gap:16px}.level-prefix{display:none}.range-labels{font-size:12px}.levels{gap:4px}.shelf{padding-left:15px;padding-right:15px}.book-name{font-size:14px}.book-item{padding-left:10px!important;padding-right:10px!important}.book-index{display:none}.chapter-line{font-size:12px}.progress-info{display:none}}

#story button.en{text-align:left;max-width:100%;cursor:pointer;vertical-align:baseline;font-weight:400}#story button.full-en{display:block;width:100%;margin-left:0;margin-right:0;padding:0 3px;background:none;border-bottom:1px dotted #b5c9ed;white-space:normal;line-height:1.9}#story button.full-en:hover{background:#edf3ff}

.reading-help[hidden]{display:none}.creator-credit{margin-top:18px;text-align:right;font-size:12px;color:var(--muted);line-height:1.8}.creator-credit a{color:var(--ink);text-underline-offset:3px;margin-left:6px}input[role=switch]:disabled{opacity:.5;cursor:default}