@font-face{font-family:Pretendard;src:url('./fonts/Pretendard-Regular.otf')}*{box-sizing:border-box} :root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:#172d43;background:#f3f5f8;font-size:16px;--surface:#fff;--line:#dce2e9;--muted:#66788c;--accent:#315c86}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;padding:11px 14px;min-height:44px}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #66a6d6;outline-offset:2px}.primary{background:#172d43;color:white;border-color:#172d43}.shelf-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(24px + env(safe-area-inset-top)) 22px 22px;max-width:1100px;margin:auto}.brand{display:flex;align-items:center;gap:12px}.moon{font-size:48px;line-height:1;color:#b99354}.eyebrow{font-size:11px;letter-spacing:2px;margin:0 0 5px;color:var(--muted)}h1{font-size:25px;margin:0;letter-spacing:-1px}.empty{text-align:center;margin:12vh 20px 0;padding-bottom:40px}.empty-icon{font-size:90px;color:#b99354}.empty h2{font-size:23px;font-weight:500}.empty p{line-height:1.7;font-size:14px;color:var(--muted)}.muted{color:var(--muted);font-size:14px}#toast{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#172d43;color:white;padding:12px 18px;border-radius:12px;z-index:100;max-width:90vw;display:none}#toast.show{display:block}
@font-face{font-family:Pretendard;src:url('./fonts/Pretendard-Bold.otf');font-weight:600 900}html[data-theme=dark]{background:#111b26;color:#e1e9f0;--surface:#1b2938;--line:#344354;--muted:#9bafc3;--accent:#99c5ec}html[data-theme=dark] .primary{background:#aecde9;color:#12283c;border-color:#aecde9}input,select{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;min-height:44px;max-width:100%}input[type=checkbox]{min-height:auto;width:20px;height:20px;accent-color:var(--accent)}input[type=range]{padding:0;accent-color:var(--accent);border:0;background:transparent;min-width:0}input[type=color]{padding:4px;width:50px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{padding:10px;display:inline-flex;align-items:center;justify-content:center;width:44px;flex-shrink:0;font-size:27px}.icon-button.active svg{fill:#c9935f;stroke:#c9935f}.header-actions{display:flex;gap:8px}.header-actions>.icon-button{border:none;background:transparent}.shelf-body{max-width:1100px;margin:auto;padding:4px 22px 24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 0 16px}.section-heading h2{font-size:17px;margin:0;font-weight:600}.section-heading>.muted{font-size:10px;letter-spacing:1.3px}.continue-section{margin-bottom:28px}.book-card{position:relative;min-width:0}.book-open{padding:0;border:0;background:none;border-radius:0;width:100%;text-align:left;display:block}.cover{width:100%;aspect-ratio:3/4;background:#e4e9ec;border-radius:4px 10px 10px 4px;overflow:hidden;box-shadow:2px 6px 13px #172d4314;position:relative}.cover:after{content:'';position:absolute;inset:0;box-shadow:inset 4px 0 4px #0002;pointer-events:none}.cover>img{width:100%;height:100%;object-fit:cover}.type-cover{height:100%;padding:14px 13px;display:flex;flex-direction:column;align-items:flex-start;position:relative;background:#284359;color:#f2eee4;overflow:hidden}.tone-1{background:#65505d}.tone-2{background:#48716e}.tone-3{background:#906e48}.tone-4{background:#525b79}.cover-type{font-size:10px;letter-spacing:2px;opacity:.65}.cover-title{font-size:18px;line-height:1.45;margin-top:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.cover-rule{width:25px;border-bottom:1px solid #ffffff65;margin-top:15px}.cover-moon{font-size:25px;margin-top:auto;align-self:flex-end;opacity:.7}.book-info h3{font-size:14px;line-height:1.5;margin:12px 0 5px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;padding-right:10px}.book-info p{font-size:12px;color:var(--muted);margin:0 0 9px}.book-info p span{padding:0 3px}.progress-track{height:3px;background:var(--line);border-radius:2px;overflow:hidden}.progress-track i{display:block;height:100%;background:#b99354}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:26px 20px;margin:22px 0 35px}.book-more{position:absolute;right:-7px;bottom:10px;background:transparent;border:none;font-size:23px;padding:0;width:36px;min-height:34px}.favorite-dot{position:absolute;top:8px;right:8px;color:#e7c797;font-size:14px;text-shadow:0 1px 3px #0007;pointer-events:none}.continue-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;max-width:650px}.continue-card .book-open{display:flex;gap:23px;align-items:center}.continue-card .cover{width:104px;flex-shrink:0}.continue-card .book-info{flex:1;min-width:0}.continue-card h3{font-size:20px;margin:0 0 10px}.continue-card .book-info p{font-size:13px}.continue-link{display:block;margin-top:18px;font-size:14px;font-weight:600;color:var(--accent)}.continue-card .book-more{bottom:10px;right:10px}.continue-card .favorite-dot{top:26px;left:104px;right:auto}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs{display:flex;gap:18px}.tabs button{padding:12px 0;border:none;background:none;border-radius:0;color:var(--muted);font-size:15px;white-space:nowrap;border-bottom:2px solid transparent}.tabs button.selected{border-color:var(--accent);color:inherit;font-weight:600}.tabs span{font-size:12px;padding-left:4px;color:var(--muted)}.unread{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.shelf-tools{display:flex;gap:10px}.search-field{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:0 12px;border-radius:12px;flex:1;min-width:0}.search-field svg{width:18px;color:var(--muted)}.search-field input{border:0;background:none;min-width:0;width:100%;padding-left:0;font-size:14px;outline-offset:0}.shelf-tools select{font-size:13px;padding:9px 4px;width:106px}.shelf-footer{border-top:1px solid var(--line);padding-top:16px;display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.text-button{border:0;background:none;padding:6px;font-size:14px;min-height:36px}.shelf .empty{margin-top:8vh}.reader-shell{position:fixed;inset:0;height:100dvh;background:var(--surface);overflow:hidden}.reader-shell #reading-stage{position:absolute;inset:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:hidden;touch-action:pan-y;user-select:text;-webkit-user-select:text}.text-viewport{position:absolute;overflow:hidden}.text-content{height:100%;width:100%;column-width:var(--unused);column-count:1;column-gap:0;column-fill:auto;transition:none;will-change:transform}.text-content p{margin:0 0 .65em;white-space:pre-wrap;orphans:1;widows:1}.text-content h2{font-size:1.3em;line-height:1.6;break-after:avoid;margin:0 0 1em;white-space:pre-wrap}.text-content figure{margin:0 0 1em;break-inside:avoid;height:auto;max-height:85%;display:flex;align-items:center;justify-content:center}.text-content img{max-width:100%;max-height:65vh;object-fit:contain}.text-content::highlight(search){background:#f6cc61;color:#222}.visual-viewport{position:absolute;inset:0;overflow:auto;padding:8px;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin}.visual-viewport[hidden],.text-viewport[hidden]{display:none}.visual-viewport.overflowing{display:block}.visual-viewport canvas,.visual-viewport img{display:block;flex-shrink:0;max-width:none;margin:auto;background:white}.reader-top{position:absolute;top:0;left:0;right:0;padding:calc(8px + env(safe-area-inset-top)) 10px 10px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:2px;box-shadow:0 4px 16px #00000008;z-index:5}.reader-title{min-width:0;flex:1;border:0;background:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;font-size:14px;padding:6px}.reader-title span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.reader-top .icon-button{border:0;background:none;width:38px;padding:8px}.reader-bottom{position:absolute;bottom:0;left:0;right:0;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:5;box-shadow:0 -4px 16px #00000008}.reader-top,.reader-bottom{transition:opacity .16s;opacity:0;pointer-events:none}.menu-visible .reader-top,.menu-visible .reader-bottom{opacity:1;pointer-events:auto}.reader-shell:not(.menu-visible) .reader-top,.reader-shell:not(.menu-visible) .reader-bottom{visibility:hidden}.reading-tools{display:flex;align-items:center;gap:8px}.reading-tools .icon-button{border:none;min-height:36px;width:36px}.reading-tools select{font-size:13px;min-height:34px;padding:5px}.reading-percent{margin-left:auto;color:var(--muted);font-size:13px}.page-controls{display:flex;align-items:center;gap:10px}.page-controls input{flex:1}.page-controls .icon-button{border:0}.reader-status{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:12px}.reader-status>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.reader-status button{font-size:12px;white-space:nowrap}.menu-handle{position:absolute;bottom:calc(4px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:transparent;border:0;color:#7b8798;font-size:12px;min-height:28px;padding:4px 15px;letter-spacing:2px;z-index:4}.menu-visible .menu-handle{visibility:hidden}dialog{padding:0;border:1px solid var(--line);border-radius:22px;color:inherit;background:var(--surface);width:min(540px,calc(100% - 24px));max-height:calc(90dvh - env(safe-area-inset-top));box-shadow:0 20px 70px #0003;overflow:auto}dialog::backdrop{background:#111e3066;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;position:sticky;top:0;background:var(--surface);padding:16px 20px 10px;border-bottom:1px solid var(--line);z-index:2}.dialog-head h2{font-size:19px;margin:0;overflow-wrap:anywhere}.dialog-head button{font-size:25px;border:0;padding:4px 10px;flex-shrink:0}.dialog-body{padding:16px 20px 25px}.dialog-body p{line-height:1.65}.dialog-body h3{font-size:16px;margin-top:28px}.list{display:flex;flex-direction:column;gap:3px}.list>button,.list-row>button:first-child{text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 6px;line-height:1.6;overflow-wrap:anywhere}.list .muted,.list-meta{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.list-row{display:flex;align-items:center}.list-row>button:first-child{flex:1;min-width:0}.list-row>button:last-child{border:0}.setting{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;font-size:14px}.setting>span{flex:1}.setting select{max-width:60%;font-size:14px}.range-setting{display:block}.range-setting>span{display:flex;justify-content:space-between}.range-setting input{width:100%;min-height:36px}.range-setting output{font-variant-numeric:tabular-nums;color:var(--accent)}.color-row{display:flex;gap:24px;font-size:14px}.color-row label{display:flex;align-items:center;gap:12px}.wide{width:100%;margin-top:22px}.danger{color:#c85858!important}.guide{padding-left:22px;line-height:1.8;font-size:15px}.guide li{margin-bottom:16px}.storage-box{display:flex;justify-content:space-between;background:color-mix(in srgb,var(--accent) 8%,transparent);padding:18px;border-radius:12px;margin-bottom:15px}.storage-box span{font-size:14px;color:var(--muted)}.search-form{display:flex;gap:8px}.search-form input{min-width:0;flex:1}.errors{padding-left:20px;line-height:1.7;overflow-wrap:anywhere}progress{width:100%;accent-color:var(--accent)}#toast:empty{display:none}.dialog-body details{margin-top:20px;font-size:14px}#goto-form input{width:110px;margin-right:10px}@media(min-width:700px){.shelf-header{padding-top:36px}.shelf-body{padding-top:16px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:32px}.reader-shell{max-width:850px;left:50%;right:auto;width:100%;transform:translateX(-50%);box-shadow:0 0 90px #172d4322}.cover-title{font-size:21px}}@media(max-width:380px){.shelf-header,.shelf-body{padding-left:15px;padding-right:15px}.header-actions{gap:0}.brand{gap:6px}.moon{font-size:38px}h1{font-size:22px}.eyebrow{font-size:9px}.book-grid{gap:22px 15px;grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{gap:10px}.tabs button{font-size:14px}.continue-card{padding:16px}.continue-card .book-open{gap:16px}.continue-card .cover{width:90px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
 .header-actions{flex-shrink:0}.header-actions .primary{white-space:nowrap;font-size:14px;padding:10px 12px}.brand{min-width:0}.eyebrow{white-space:nowrap;font-size:10px;letter-spacing:1.5px}