/* This feature inherits the host theme's color and typography tokens. */
.starless-offline-page{width:min(1180px,calc(100% - 40px));margin:40px auto 80px}
.starless-offline,.starless-offline-selection{color:var(--foreground,#171717);font-family:var(--font-sans,inherit);line-height:1.8;box-sizing:border-box}
.starless-offline *, .starless-offline-selection *{box-sizing:border-box}
.starless-offline [hidden],.starless-offline-selection [hidden]{display:none!important}
.starless-offline h1{font-size:2.25rem;line-height:1.35;margin:0 0 8px;font-weight:800}
.starless-offline h2{font-size:1.2rem;line-height:1.5;margin:0;font-weight:700}
.starless-offline h3{font-size:1.05rem;margin:0 0 8px}
.starless-offline p{margin:6px 0;color:var(--foreground,#171717)}
.starless-offline__heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:26px;border-bottom:1px solid var(--border,#ddd)}
.starless-offline__heading p{color:var(--muted-foreground,#5b6470);max-width:65ch}
:is(.starless-offline,.starless-offline-selection) .starless-offline__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;padding:9px 16px;border:1px solid var(--border,#ddd);border-radius:var(--radius,4px);background:var(--background,#fff);color:var(--foreground,#171717);font:inherit;font-size:.85rem;font-weight:600;text-decoration:none;cursor:pointer;text-align:center}
.starless-offline__button:hover{background:var(--secondary,#eee);color:var(--foreground,#171717)}
:is(.starless-offline,.starless-offline-selection) .starless-offline__button--primary{background:var(--primary,#6d0015);border-color:var(--primary,#6d0015);color:var(--primary-foreground,#fff)}
.starless-offline__button--primary:hover{background:var(--primary,#6d0015);color:var(--primary-foreground,#fff);filter:brightness(.92)}
:is(.starless-offline,.starless-offline-selection) .starless-offline__button--danger{color:var(--destructive,#b91c1c)}
.starless-offline__button:disabled{opacity:.55;cursor:default}
.starless-offline :is(button,a,input,select,summary,h2[tabindex]):focus-visible,.starless-offline-selection :is(button,a,input,summary):focus-visible{outline:2px solid var(--ring,var(--primary,#6d0015));outline-offset:3px}
.starless-offline__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.starless-offline__dialog{position:fixed;inset:0;display:none;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:20px;border:0;background:transparent;color:var(--foreground,#171717);overflow:auto;overscroll-behavior:contain}
.starless-offline__dialog[open]{display:flex;align-items:center;justify-content:center}
.starless-offline__dialog::backdrop{background:rgb(0 0 0 / 68%)}
.starless-offline__dialog-panel{width:min(100%,560px);max-height:calc(100% - 24px);overflow:auto;margin:auto;padding:clamp(22px,4vw,32px);border:1px solid var(--border,#ddd);border-radius:var(--radius,4px);background:var(--background,#fff);box-shadow:0 20px 70px rgb(0 0 0 / 24%)}
.starless-offline__dialog-panel h2{margin:0 0 12px;font-size:1.2rem}
.starless-offline__dialog-copy{white-space:pre-line;color:var(--foreground,#171717)}
.starless-offline__dialog-actions{margin-top:24px}
.starless-offline__message{padding:12px 0;min-height:50px}
.starless-offline__message[data-error="true"]{color:var(--destructive,#b91c1c)}
.starless-offline__quota{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--border,#ddd)}
.starless-offline__quota strong{font-size:1.1rem;font-variant-numeric:tabular-nums}
.starless-offline__quota p,.starless-offline__queue>p{font-size:.85rem}
.starless-offline__section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:32px 0 18px}
.starless-offline__search{max-width:100%;width:300px}
.starless-offline input:not([type="range"]),.starless-offline select,.starless-offline-selection input[type="number"]{min-height:44px;max-width:100%;padding:9px 12px;border:1px solid var(--border,#ddd);border-radius:var(--radius,4px);font:inherit;font-size:.9rem;color:var(--foreground,#171717);background:var(--background,#fff)}
.starless-offline__search input{width:100%}
.starless-offline input::placeholder,.starless-offline-selection input::placeholder{color:var(--foreground,#171717);opacity:1}
.starless-offline__list{list-style:none;padding:0;margin:0}
.starless-offline__row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--border,#ddd)}
.starless-offline__row>div:first-child{min-width:0;flex:1}
.starless-offline__row-title{display:block;color:var(--foreground,#171717);text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.starless-offline__row-title:hover{text-decoration:underline;text-underline-offset:.2em}
.starless-offline__row small{display:block;color:var(--muted-foreground,#5b6470);font-size:.8rem}
.starless-offline__group{border-top:1px solid var(--border,#ddd)}
.starless-offline__group>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;cursor:pointer;padding:16px 0;font-weight:700}
.starless-offline__group>summary::after{content:"";width:9px;height:9px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-inline:8px;flex-shrink:0}
.starless-offline__group[open]>summary::after{transform:rotate(225deg)}
.starless-offline__group-count{margin-inline-start:auto;font-size:.85rem;font-weight:400;font-variant-numeric:tabular-nums}
.starless-offline__empty{padding:44px 0;max-width:65ch}
.starless-offline__storage{margin-top:24px;border-top:1px solid var(--border,#ddd);padding-top:18px;font-size:.85rem}
.starless-offline__storage>summary,.starless-offline__reader-settings>summary{cursor:pointer;min-height:44px;font-weight:600}
.starless-offline__storage p{max-width:70ch;margin:12px 0}
.starless-offline__reader-heading{display:flex;align-items:center;gap:20px;margin:28px 0}
.starless-offline__reader-cover{display:block;flex:0 0 100px;width:100px;height:140px;border-radius:var(--radius,4px);background-color:var(--secondary,#eee);background-position:center;background-size:cover}
.starless-offline__reader-heading>div{min-width:0}
.starless-offline__reader-heading h1{overflow-wrap:anywhere}
.starless-offline__reader-heading [data-offline-reader-meta],.starless-offline__reader-heading [data-offline-reader-translator]{font-size:.85rem;color:var(--muted-foreground,#5b6470)}
.starless-offline__reader,.starless-offline-selection{scroll-margin-block-start:90px}
.starless-offline__reader-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.starless-offline__reader-tools{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0;padding:10px 0;border-block:1px solid var(--border,#ddd);background:var(--background,#fff)}
.starless-offline__reader-tools .starless-offline__button,.starless-offline__floating-tools .starless-offline__button{border-radius:999px}
.starless-offline__reader-settings{margin:16px 0 32px;border-block:1px solid var(--border,#ddd)}
.starless-offline__reader-settings>summary{padding:10px 0}
.starless-offline__settings-body{padding:4px 0 20px}
.starless-offline__settings-group{padding:20px 0;border-top:1px solid var(--border,#ddd)}
.starless-offline__settings-group h2{margin:0 0 14px}
.starless-offline__settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding:6px 0}
.starless-offline__settings-grid label{display:grid;align-content:start;gap:8px;font-size:.9rem;font-weight:600}
.starless-offline__settings-grid label output{font-variant-numeric:tabular-nums;color:var(--muted-foreground,#5b6470);font-size:.8rem}
.starless-offline .starless-offline__settings-grid input:not([type=range]):not([type=checkbox]):not([type=color]),.starless-offline .starless-offline__settings-grid select{width:100%;min-height:44px}
.starless-offline .starless-offline__settings-grid input[type=color]{width:72px;height:44px;padding:4px;border:1px solid var(--border,#ddd);border-radius:var(--radius,4px);background:var(--background,#fff)}
.starless-offline .starless-offline__settings-grid .starless-offline__setting-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.starless-offline .starless-offline__settings-grid input[type=checkbox]{width:22px;height:22px;flex:0 0 auto;accent-color:var(--primary,#6d0015)}
.starless-offline__settings-grid label:has(input[type=range]){grid-template-columns:1fr auto;align-items:center}
.starless-offline__settings-grid label:has(input[type=range]) input{grid-column:1/-1}
.starless-offline__reader-preview{margin-top:16px;padding:16px 20px;border:1px solid var(--border,#ddd);border-radius:var(--radius,4px);font-size:20px;line-height:2.15;background:var(--offline-reader-background,var(--background,#fff));color:var(--offline-reader-color,var(--foreground,#171717))}
.starless-offline__reader-preview p{color:inherit;margin-block:0 var(--offline-paragraph-space,1em)}
.starless-offline__reader-preview p:last-child{margin-block-end:0}
.starless-offline__settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.starless-offline__settings-hint{display:block;max-width:70ch;margin:10px 0 0;color:var(--muted-foreground,#5b6470);font-size:.82rem}
.starless-offline__floating-tools{position:fixed;inset-block-start:calc(.75rem + env(safe-area-inset-top,0px));inset-inline-start:50%;z-index:100001;display:flex;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:6px;border:1px solid var(--border,#ddd);border-radius:999px;background:var(--background,#fff);box-shadow:0 8px 24px rgb(0 0 0 / 18%);transform:translateX(50%)}
.starless-offline__floating-tools[hidden]{display:none!important}
.starless-offline__progress{position:fixed;inset-block-start:0;inset-inline:0;z-index:100002;height:4px;background:transparent;pointer-events:none}
.starless-offline__progress span{display:block;width:0;height:100%;background:var(--primary,#6d0015);transition:width .12s linear}
.starless-offline__chapter{position:relative;isolation:isolate;background-color:var(--offline-reader-background,transparent)}
.starless-offline__chapter::before{position:absolute;inset:0;z-index:0;content:"";background-image:var(--offline-reader-image,none);background-position:center;background-size:cover;filter:blur(var(--offline-cover-blur,0px));opacity:var(--offline-cover-opacity,0);pointer-events:none}
.starless-offline__chapter>*{position:relative;z-index:1}
.starless-offline__reader[data-toolbar-position="sticky"] [data-offline-reader-toolbar]{position:sticky;inset-block-start:0;z-index:50;box-shadow:0 8px 20px rgb(0 0 0 / 14%)}
.starless-offline__reader[data-toolbar-position="bottom"] [data-offline-reader-toolbar]{position:fixed;inset-inline:50% auto;inset-block:auto 0;z-index:100000;width:min(1180px,calc(100vw - 24px));padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border:1px solid var(--border,#ddd);border-radius:999px 999px 0 0;box-shadow:0 -8px 20px rgb(0 0 0 / 16%);transform:translateX(50%)}
.starless-offline__reader.kol-rs-hide-cover [data-offline-reader-cover],.starless-offline__reader.kol-rs-hide-meta [data-offline-reader-meta],.starless-offline__reader.kol-rs-hide-translator [data-offline-reader-translator],.starless-offline__reader.kol-rs-hide-actions [data-offline-reader-actions],.starless-offline__reader.kol-rs-hide-bottom-nav [data-offline-bottom-nav],.starless-offline__reader.kol-rs-hide-floating-tools [data-offline-floating-tools]{display:none!important}
.starless-offline-shell.kol-rs-hide-compact-header .starless-offline-shell__brand{display:none}
body.kol-rs-hide-compact-header .kol-compact-header{display:none!important}
.starless-offline__reader[data-toolbar-position="bottom"]{padding-block-end:90px}
.starless-offline-shell.kol-rs-reader-toolbar-bottom{padding-bottom:90px}
.starless-offline input[type="range"]{width:100%;min-height:44px;accent-color:var(--primary,#6d0015)}
.starless-offline__chapter{width:var(--offline-reader-width,90%);max-width:75ch;margin:0 auto 48px;padding:24px 20px;font-size:20px;line-height:2.15;color:var(--offline-reader-color,var(--foreground,#171717));text-align:right;opacity:var(--offline-text-contrast,1);overflow-wrap:anywhere}
.starless-offline__chapter p{color:inherit;margin-block:0 var(--offline-paragraph-space,1em)}
.starless-offline__chapter img{max-width:100%;height:auto}
.starless-offline__chapter a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.starless-offline__chapter :is(table,pre){max-width:100%;overflow:auto;display:block}
.starless-offline__chapter ::selection{background:var(--primary,#6d0015);color:var(--primary-foreground,#fff)}
.starless-offline-shell{margin:0;color:var(--foreground,#171717);background:var(--background,#fff);font-family:Rubik,Arial,sans-serif}
.starless-offline-shell .starless-offline{font-family:Rubik,Arial,sans-serif}
.starless-offline-shell__brand{display:block;padding:20px max(20px,calc((100% - 1180px)/2));border-bottom:1px solid var(--border,#ddd);color:inherit;text-decoration:none;font-size:1.1rem;font-weight:700}
.starless-offline-shell .screen-reader-text,.starless-offline .screen-reader-text,.starless-offline-selection .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.starless-offline-selection{margin:24px 0;border-block:1px solid var(--border,#ddd);font-size:.9rem}
.starless-offline-selection>summary{padding:16px 0;min-height:52px;cursor:pointer;font-weight:600}
.starless-offline-selection__body{padding:0 0 20px}
.starless-offline-selection__controls{padding:0;margin:0;border:0;min-width:0}
.starless-offline-selection__range{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0}
.starless-offline-selection__range label{display:grid;gap:8px;flex:1;min-width:130px;max-width:220px}
.starless-offline-selection__chapters{padding:0;border:0;margin:20px 0;max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--border,#ddd) transparent}
.starless-offline-selection__chapter{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 4px;border-bottom:1px solid var(--border,#ddd);cursor:pointer}
.starless-offline-selection__chapter input{width:20px;height:20px;accent-color:var(--primary,#6d0015);flex-shrink:0}
.starless-offline-selection__chapter small{display:block;font-size:.75rem}
.starless-offline-save-status{font-size:.8rem;line-height:1.6;max-width:40ch}
@media(max-width:640px){
 .starless-offline-page{width:calc(100% - 32px);margin-top:28px}
 .starless-offline h1{font-size:1.8rem}
 .starless-offline__heading{align-items:start;flex-direction:column;gap:16px}
 .starless-offline__quota{align-items:start;flex-direction:column}
 .starless-offline__search{width:100%}
 .starless-offline__row{align-items:start;flex-direction:column;gap:10px}
 .starless-offline__settings-grid{grid-template-columns:1fr;gap:12px}
 .starless-offline__chapter{padding:16px 0;width:100%}
 .starless-offline__reader-nav .starless-offline__button{font-size:.8rem;padding-inline:12px}
 .starless-offline__reader-heading{align-items:start;gap:12px}
 .starless-offline__reader-cover{flex-basis:76px;width:76px;height:108px}
 .starless-offline__reader-tools{gap:6px}
 .starless-offline__reader-tools .starless-offline__button,.starless-offline__floating-tools .starless-offline__button{min-height:40px;padding-inline:12px;font-size:.78rem}
 .starless-offline__settings-grid{gap:12px}
 .starless-offline__floating-tools{max-width:calc(100vw - 16px)}
}
@media(prefers-reduced-motion:reduce){.starless-offline *{scroll-behavior:auto!important}}