*,:before,:after,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:root{--font-sans:"DM Sans", "Arial", sans-serif;--font-serif:"Cormorant Garamond", "Georgia", serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f4ef;--foreground:#22201e;--muted-foreground:#827c76;--border:#e4dfd7;--surface:#efede8;--surface-strong:#e8e3dc;--ink:#252321;--paper:#f7f3eb;--ring:#e2765e;--accent:#dd735d}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#1d1c1b;--foreground:#f1ece4;--muted-foreground:#a39c94;--border:#373431;--surface:#292724;--surface-strong:#332f2b;--ink:#f4eee5;--paper:#282522;--ring:#df7b64;--accent:#e27b65}*{box-sizing:border-box}html{background:var(--background);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:background .25s,color .25s}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;transition:background .25s,color .25s}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mk-app{background:var(--background);min-height:100vh}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,5vw,76px);display:flex}.brand-mark{font-family:var(--font-serif);letter-spacing:-2px;font-size:34px;font-weight:700}.brand-mark span,h1 span{color:var(--accent)}.top-actions,.search-box,.welcome-row,.review-top,.section-heading,.book-meta,.progress-label,.reader-top,.reader-controls,.reader-play{align-items:center;display:flex}.top-actions{gap:12px}.search-box{background:var(--surface);border:1px solid var(--border);color:var(--muted-foreground);border-radius:99px;gap:9px;width:min(280px,35vw);padding:9px 11px 9px 14px}.search-box input{width:100%;color:var(--foreground);background:0 0;border:0;outline:0;font-size:12px}.search-box kbd{color:var(--muted-foreground);white-space:nowrap;font-size:10px}.icon-button,.theme-button,.profile-button,.view-switch button,.reader-top button,.reader-close{color:inherit;background:0 0;border:0}.icon-button,.theme-button{padding:8px}.theme-button{color:var(--muted-foreground)}.profile-button{background:var(--ink);width:34px;height:34px;color:var(--background);border-radius:50%;font-size:10px;font-weight:600}.layout-shell{max-width:1440px;margin:0 auto;display:flex}.side-nav{border-right:1px solid var(--border);flex-shrink:0;width:220px;min-height:calc(100vh - 76px);padding:48px 22px 30px 38px}.eyebrow{letter-spacing:.16em;color:var(--muted-foreground);font-size:10px;font-weight:600;line-height:1.5}.side-link{width:100%;color:var(--muted-foreground);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 9px;font-size:13px;display:flex}.side-link.active{color:var(--foreground);background:var(--surface-strong);font-weight:600}.nav-count{color:var(--accent);margin-left:auto;font-size:10px}.side-divider{background:var(--border);height:1px;margin:31px 8px 28px}.side-footer{color:var(--muted-foreground);text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:calc(100% - 16px);margin:74px 8px 0;padding:0;font-size:11px;display:flex}.toggle{background:var(--surface-strong);border-radius:20px;width:28px;height:16px;margin-left:auto;position:relative}.toggle:after{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;right:2px}.toggle.is-dark:after{transform:translate(-12px)}.content-area{width:100%;max-width:1160px;padding:51px clamp(24px,5vw,75px) 100px}.welcome-row{justify-content:space-between;gap:20px;margin-bottom:39px}.welcome-row h1,.page-intro h1{font:600 clamp(37px, 4vw, 56px)/.98 var(--font-serif);letter-spacing:-2px;margin:9px 0 11px}.subtle{color:var(--muted-foreground);margin:0;font-size:13px}.import-button,.favourites-copy button{background:var(--ink);color:var(--background);border:0;border-radius:99px;align-items:center;gap:8px;padding:12px 17px;font-size:12px;display:flex}.feature-grid{grid-template-columns:1.65fr 1fr;gap:17px;margin-bottom:47px;display:grid}.continue-card,.review-card{border:1px solid var(--border);text-align:left;border-radius:20px;min-height:250px;overflow:hidden}.continue-card{background:var(--surface-strong);color:var(--foreground);grid-template-columns:1fr 1.15fr;padding:0;display:grid}.continue-art{background:var(--accent);min-height:250px;position:relative;overflow:hidden}.art-half{background:var(--ink);border-radius:50% 50% 0 0;width:130%;height:75%;position:absolute;bottom:-16%;left:-26%;transform:rotate(-11deg)}.art-sun{background:var(--paper);border-radius:50%;width:98px;height:98px;position:absolute;top:31px;right:25px}.art-lines,.cover-lines{opacity:.55;background:repeating-linear-gradient(165deg, transparent 0 12px, var(--paper) 13px 15px);mix-blend-mode:screen;position:absolute;inset:0}.continue-info{flex-direction:column;justify-content:center;padding:29px;display:flex}.continue-info .eyebrow{align-items:center;gap:7px;display:flex}.continue-info h2{font:600 31px/1 var(--font-serif);letter-spacing:-.7px;margin:19px 0 6px}.continue-info p{color:var(--muted-foreground);margin:0 0 25px;font-size:12px}.progress-label{color:var(--muted-foreground);justify-content:space-between;margin-bottom:7px;font-size:10px}.progress-track{background:var(--border);border-radius:99px;height:4px;overflow:hidden}.progress-track span{background:var(--accent);border-radius:inherit;height:100%;display:block}.resume{align-items:center;gap:7px;margin-top:23px;font-size:11px;display:flex}.review-card{background:var(--ink);color:var(--background);padding:25px 27px}.review-top{color:var(--background);justify-content:space-between}.review-top .eyebrow{color:color-mix(in srgb, var(--background) 62%, transparent)}.review-icon{background:var(--accent);width:34px;height:34px;color:var(--background);border-radius:50%;place-items:center;display:grid}.review-card h3{font:600 30px/.95 var(--font-serif);margin:28px 0 12px}.review-card p{max-width:235px;color:color-mix(in srgb, var(--background) 65%, transparent);font-size:11px;line-height:1.5}.review-card button{color:var(--background);background:0 0;border:0;align-items:center;gap:6px;margin-top:22px;padding:0;font-size:11px;display:flex}.page-intro{margin-bottom:47px}.highlight-stat{background:var(--surface);border:1px solid var(--border);max-width:420px;color:var(--accent);border-radius:16px;align-items:center;gap:13px;margin-top:37px;padding:18px 20px;display:flex}.highlight-stat strong{font:600 31px var(--font-serif);color:var(--foreground)}.highlight-stat span{color:var(--muted-foreground);font-size:12px}.section-heading{justify-content:space-between;margin-bottom:22px}.section-heading h2{font:600 32px/1 var(--font-serif);margin:7px 0 0}.view-switch{border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:flex}.view-switch button{color:var(--muted-foreground);border-radius:6px;place-items:center;padding:7px;display:grid}.view-switch button.selected{background:var(--surface-strong);color:var(--foreground)}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.book-item{text-align:left;color:inherit;background:0 0;border:0;padding:0}.book-cover{isolation:isolate;min-height:235px;box-shadow:0 10px 20px color-mix(in srgb, var(--foreground) 9%, transparent);border-radius:14px;position:relative;overflow:hidden}.cover-grain{opacity:.9;border-radius:50% 48% 0 0;width:150px;height:160px;position:absolute;bottom:-22px;left:-20px}.cover-sun{border:1px solid #ffffffa6;border-radius:50%;width:90px;height:90px;position:absolute;top:51px;right:24px}.cover-copy{z-index:2;color:#292623;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:18px 16px}.cover-copy strong{font:600 23px/.88 var(--font-serif);letter-spacing:-.5px;max-width:130px}.cover-copy span:last-child{margin-top:8px;font-size:9px}.cover-kicker{font:600 8px var(--font-sans);letter-spacing:.14em;margin-bottom:auto}.book-meta{justify-content:space-between;align-items:flex-start;padding:14px 2px 0}.book-meta h3{font:600 19px/1 var(--font-serif);margin:0 0 5px}.book-meta p{color:var(--muted-foreground);margin:0;font-size:11px}.book-meta>svg{color:var(--muted-foreground)}.book-progress{padding:15px 2px 0}.book-progress span{color:var(--muted-foreground);margin-bottom:7px;font-size:10px;display:block}.list-view{flex-direction:column;gap:14px;display:flex}.list-view .book-item{grid-template-columns:80px 1fr 160px;align-items:center;gap:16px;display:grid}.list-view .book-cover{min-height:100px}.list-view .book-progress,.list-view .book-meta{padding:0}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:37px;display:grid}.note-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;min-height:280px;padding:23px;display:flex}.note-mark{font:600 45px/.7 var(--font-serif);color:var(--accent)}.note-card blockquote{font:600 25px/1.02 var(--font-serif);margin:16px 0}.note-card>p{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.55}.note-card footer{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:auto;padding-top:15px;display:flex}.note-card footer span{font:600 15px var(--font-serif)}.note-card footer small{color:var(--muted-foreground);font-size:10px}.highlight-list{flex-direction:column;gap:10px;display:flex}.highlight-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:18px 20px;display:grid}.highlight-number{font:600 18px var(--font-serif);color:var(--accent)}.highlight-card blockquote{font:500 21px/1.1 var(--font-serif);margin:0 0 7px}.highlight-card p{color:var(--muted-foreground);margin:0;font-size:10px}.highlight-card>svg{color:var(--accent)}.favourites-feature{background:var(--ink);min-height:300px;color:var(--background);border-radius:20px;justify-content:space-between;align-items:center;margin-top:37px;padding:36px 50px;display:flex;overflow:hidden}.favourites-copy{max-width:340px}.favourites-copy .eyebrow{color:color-mix(in srgb, var(--background) 57%, transparent)}.favourites-copy h2{font:600 42px/.9 var(--font-serif);margin:15px 0}.favourites-copy p{color:color-mix(in srgb, var(--background) 68%, transparent);font-size:12px;line-height:1.5}.favourites-copy button{background:var(--accent);color:var(--background);margin-top:26px}.favourite-stack{justify-content:center;align-items:center;width:270px;height:270px;display:flex;position:relative}.favourite-stack button{background:0 0;border:0;width:120px;transition:transform .2s;position:absolute}.favourite-stack button:hover{z-index:2;transform:rotate(0)translateY(-12px)!important}.favourite-stack .book-cover{min-height:190px}.audio-list{flex-direction:column;gap:13px;margin-top:37px;display:flex}.audio-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;grid-template-columns:104px 1fr auto;align-items:center;gap:20px;padding:13px;display:grid}.audio-card.playing{border-color:var(--accent)}.audio-art{min-height:104px;color:var(--background);border-radius:11px;place-items:center;display:grid;position:relative;overflow:hidden}.audio-circle{border:1px solid;border-radius:50%;width:75px;height:75px}.audio-wave{width:2px;height:91px;position:absolute;transform:rotate(32deg)}.audio-art span{letter-spacing:.15em;font-size:8px;position:absolute}.audio-details{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.audio-details h3{font:600 23px var(--font-serif);margin:0 0 3px}.audio-details p,.audio-details small{color:var(--muted-foreground);margin:0;font-size:11px}.audio-details .progress-track{grid-column:1/-1}.audio-play{background:var(--ink);width:42px;height:42px;color:var(--background);border:0;border-radius:50%;place-items:center;display:grid}.bottom-nav{display:none}.reader-overlay{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#0e0d0c9e;place-items:center;display:grid;position:fixed;inset:0}.reader-shell{background:var(--paper);color:#2d2824;border-radius:24px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:27px clamp(25px,6vw,54px) 35px;position:relative;overflow:auto;box-shadow:0 25px 80px #140f0a4d}.reader-close{color:#6f675f;z-index:2;background:#2d282414;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:16px;right:16px}.reader-top{color:#8f8880;letter-spacing:.12em;justify-content:space-between;padding-right:43px;font-size:10px}.reader-top div{gap:5px;display:flex}.reader-top button{padding:7px}.reader-cover{width:120px;margin:30px auto 22px}.reader-cover .book-cover{min-height:170px}.reader-shell h2{font:600 38px/.95 var(--font-serif);text-align:center;margin:8px 0 5px}.reader-kicker,.reader-author{text-align:center}.reader-author{color:#8a8179;margin:0 0 29px;font-size:12px}.reader-text{font:18px/1.55 var(--font-serif);color:#4d4640;text-align:left}.reader-controls{color:#918980;gap:11px;margin-top:27px;font-size:9px}.reader-progress{background:#ddd5ca;flex:1;height:3px}.reader-progress span{background:#dd735d;width:42%;height:100%;display:block}.reader-play{justify-content:center;gap:28px;margin-top:21px}.reader-play button{color:#5f5750;background:0 0;border:0}.reader-play .play-button{color:#f8f1e8;background:#292522;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}html.dark .reader-shell,html.dark .reader-shell h2{color:var(--foreground)}html.dark .reader-text{color:color-mix(in srgb, var(--foreground) 84%, transparent)}html.dark .reader-author,html.dark .reader-top,html.dark .reader-controls{color:var(--muted-foreground)}html.dark .reader-close{color:var(--muted-foreground);background:color-mix(in srgb, var(--foreground) 9%, transparent)}html.dark .reader-progress{background:color-mix(in srgb, var(--foreground) 14%, transparent)}html.dark .reader-play button{color:color-mix(in srgb, var(--foreground) 74%, transparent)}html.dark .reader-play .play-button{background:var(--foreground);color:var(--paper)}@media (width<=850px){.side-nav{display:none}.content-area{padding:35px 22px 116px}.topbar{padding:0 22px}.feature-grid{grid-template-columns:1fr}.review-card{min-height:220px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.bottom-nav{z-index:5;bottom:calc(0px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--background) 68%, transparent);border:1px solid var(--border);width:min(440px,100% - 28px);min-height:66px;box-shadow:0 16px 40px color-mix(in srgb, var(--ink) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--background) 60%, transparent);-webkit-backdrop-filter:blur(24px)saturate(170%);border-radius:999px;justify-content:space-around;align-items:center;gap:2px;padding:7px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.bottom-nav button{min-width:0;min-height:50px;color:var(--muted-foreground);background:0 0;border:0;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:5px 4px;font-size:9px;transition:color .25s,background .25s,transform .15s;display:flex;position:relative}.bottom-nav button:active{transform:scale(.9)}.bottom-nav button.active{color:var(--accent);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);box-shadow:0 4px 14px color-mix(in srgb, var(--ink) 10%, transparent)}.bottom-nav button.active svg{stroke-width:2.4px}.top-actions .search-box{width:34px;padding:9px}.top-actions .search-box input,.top-actions .search-box kbd,.hide-mobile{display:none}.notes-grid{grid-template-columns:1fr 1fr}.note-card:last-child{grid-column:1/-1}.favourites-feature{padding:30px}.favourite-stack{width:220px;transform:scale(.85)}.audio-card{grid-template-columns:82px 1fr auto;gap:13px}.audio-art{min-height:82px}.audio-circle{width:60px;height:60px}}@media (width<=520px){.topbar{height:68px}.welcome-row{flex-direction:column;align-items:flex-start}.welcome-row h1,.page-intro h1{font-size:42px}.import-button{justify-content:center;align-self:stretch}.continue-card{grid-template-columns:1fr}.continue-art{min-height:170px}.continue-info{padding:24px}.reader-overlay{place-items:end center;padding:0}.reader-shell{width:100%;max-height:92vh;padding:25px 25px calc(30px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.reader-close{top:13px;right:13px}.reader-text{font-size:17px}.notes-grid{grid-template-columns:1fr}.note-card:last-child{grid-column:auto}.favourites-feature{min-height:510px;padding:28px 24px;display:block}.favourites-copy h2{font-size:38px}.favourite-stack{margin:15px auto 0;transform:scale(.86)}.audio-card{grid-template-columns:70px 1fr auto}.audio-details h3{font-size:18px}.audio-details>span{font-size:10px}.list-view .book-item{grid-template-columns:66px 1fr}.list-view .book-progress{grid-column:2}.list-view .book-cover{min-height:86px}}.modal-overlay{z-index:40;-webkit-backdrop-filter:blur(10px);padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#0e0d0c8c;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.import-modal,.settings-screen{background:var(--paper);color:var(--ink);border-radius:24px;width:min(560px,100%);padding:30px clamp(22px,5vw,40px) 34px;position:relative;box-shadow:0 25px 80px #140f0a52}.import-modal{max-height:calc(100vh - 40px);overflow-y:auto}.modal-close{background:color-mix(in srgb, var(--ink) 7%, transparent);width:40px;height:40px;color:var(--muted-foreground);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.import-modal h2,.settings-head h2{font:600 30px/.95 var(--font-serif);letter-spacing:-.5px;margin:9px 0 24px}.dropzone{border:1.5px dashed var(--border);text-align:center;background:var(--surface);color:var(--muted-foreground);border-radius:18px;place-items:center;gap:12px;padding:34px 20px;transition:border-color .2s,background .2s;display:grid}.dropzone.drag-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.dropzone-icon{background:var(--surface-strong);width:46px;height:46px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.dropzone p{margin:0;font-size:12px}.dropzone small{color:var(--muted-foreground);font-size:10px}.import-divider{color:var(--muted-foreground);letter-spacing:.12em;align-items:center;gap:14px;margin:22px 0 16px;font-size:10px;display:flex}.import-divider:before,.import-divider:after{content:"";background:var(--border);flex:1;height:1px}.url-row{gap:8px;display:flex}.url-icon{color:var(--muted-foreground);place-items:center;display:grid}.import-submit,.btn-primary{background:var(--accent);color:#fff;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 16px;font-size:12px;display:inline-flex}.import-status{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.import-status.error{color:#c0392b}.import-status.success{color:#2e7d5b}.import-status .import-progress{opacity:.8;font-variant-numeric:tabular-nums;margin-left:2px;font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.settings-body{flex-direction:column;gap:28px;display:flex}.setting-row input[type=range]{accent-color:var(--accent);flex:1;max-width:210px}.aa-font-toggle{background:var(--surface);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.aa-font-toggle button{color:var(--muted-foreground);background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:11px}.aa-font-toggle button.selected{background:var(--surface-strong);color:var(--ink);font-weight:600}.btn-ghost{border:1px solid var(--border);color:var(--ink);background:0 0;border-radius:10px;padding:10px 15px;font-size:12px}.btn-danger{background:color-mix(in srgb, #c0392b 12%, var(--surface));color:#c0392b;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;display:inline-flex}.about-text{color:var(--muted-foreground);font-size:12px;line-height:1.6}.fab{display:none}.reader-screen{z-index:30;background:var(--page-bg,var(--paper));color:var(--page-fg,var(--ink));flex-direction:column;display:flex;position:fixed;inset:0}.reader-screen-top{padding:calc(14px + env(safe-area-inset-top)) clamp(16px, 4vw, 40px) 14px;border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);align-items:center;gap:14px;min-height:58px;display:flex}.reader-screen-title{font:600 15px var(--font-serif);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.reader-screen-actions{align-items:center;gap:4px;display:flex}.reader-icon-btn{width:38px;height:38px;color:inherit;opacity:.75;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.reader-icon-btn.active{opacity:1;background:color-mix(in srgb, currentColor 10%, transparent)}.reader-progress-bar{background:color-mix(in srgb, currentColor 14%, transparent);height:3px}.reader-progress-bar span{background:var(--accent);height:100%;transition:width .3s;display:block}.reader-scroll{overscroll-behavior:contain;flex:1;overflow-y:auto}.reader-page{max-width:680px;margin:0 auto;padding:34px clamp(20px,6vw,48px) 90px}.reader-page-head{opacity:.6;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;font-size:11px;display:flex}.reader-content{font-family:var(--font-serif);font-size:var(--reader-size,19px);line-height:var(--reader-line,1.75);text-align:justify;-webkit-hyphens:auto;hyphens:auto}.reader-content h1{margin:0 0 8px;font-size:1.9em;line-height:1.1}.reader-content .sample-author{opacity:.65;margin:0 0 26px;font-size:.92em;font-style:italic}.reader-content h2{margin:1.6em 0 .6em;font-size:1.4em}.reader-content p{margin:0 0 1.1em}.reader-content blockquote{border-left:3px solid var(--accent);opacity:.9;margin:1.4em 0;padding:6px 0 6px 22px;font-style:italic}.reader-content ::selection{background:#dd735d66}mark.hl-yellow{color:inherit;cursor:pointer;background:#ffe08a;border-radius:2px;padding:0 1px}mark.hl-green{color:inherit;cursor:pointer;background:#b8e0bd;border-radius:2px;padding:0 1px}mark.hl-pink{color:inherit;cursor:pointer;background:#f5c6d0;border-radius:2px;padding:0 1px}mark.hl-blue{color:inherit;cursor:pointer;background:#bcd7f3;border-radius:2px;padding:0 1px}html.dark mark.hl-yellow{color:#fff;background:#8a7420}html.dark mark.hl-green{color:#fff;background:#2e5d3a}html.dark mark.hl-pink{color:#fff;background:#7a3a4a}html.dark mark.hl-blue{color:#fff;background:#2f4d75}.selection-toolbar{z-index:60;color:#f2ece2;background:#211e1b;border-radius:14px;align-items:center;gap:2px;padding:6px 8px;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 12px 32px #0006}.toolbar-btn{color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.toolbar-btn:hover{background:#ffffff1f}.toolbar-sep{background:#ffffff2e;width:1px;height:18px;margin:0 4px}.hl-swatch{border:0;border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000026}.hl-panel{z-index:35;background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(330px,100% - 32px);max-height:calc(100% - 90px);padding:16px;position:absolute;top:58px;right:16px;overflow-y:auto;box-shadow:0 18px 50px #00000040}.hl-panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hl-panel-head h3{font:600 14px var(--font-serif);margin:0}.hl-panel-close{color:inherit;opacity:.6;background:0 0;border:0;padding:4px}.hl-empty{opacity:.6;text-align:center;margin:12px 0;font-size:12px}.hl-list{flex-direction:column;gap:8px;display:flex}.hl-item{background:var(--surface-strong);text-align:left;width:100%;color:inherit;border:0;border-radius:10px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.hl-chip{border-radius:3px;flex-shrink:0;width:12px;height:12px;margin-top:3px}.hl-item-body{flex:1;min-width:0}.hl-item-body blockquote{font:500 13px/1.35 var(--font-serif);margin:0 0 5px}.hl-item-body small{opacity:.55;font-size:10px}.hl-del{color:inherit;opacity:.5;background:0 0;border:0;padding:3px}.hl-del:hover{opacity:1;color:#c0392b}.editor-sheet{z-index:55;background:#0a080673;place-items:end center;display:grid;position:absolute;inset:0}.editor-card{background:var(--paper);width:min(480px,100%);color:var(--ink);padding:24px clamp(20px, 5vw, 30px) calc(26px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;box-shadow:0 -14px 50px #0000004d}.editor-card h3{font:600 19px var(--font-serif);margin:0 0 14px}.editor-card textarea,.editor-card input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--ink);resize:vertical;border-radius:11px;padding:12px 14px;font-size:13px}.editor-actions{justify-content:flex-end;gap:9px;margin-top:12px;display:flex}.editor-actions .btn-ghost{padding:10px 16px}.aa-panel{z-index:35;background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(300px,100% - 32px);padding:16px;position:absolute;top:58px;right:64px;box-shadow:0 18px 50px #00000040}.aa-panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.aa-panel-head h3{font:600 14px var(--font-serif);margin:0}.aa-reset{color:var(--accent);background:0 0;border:0;padding:2px 4px;font-size:11px}.aa-row{justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:12px;display:flex}.aa-row input[type=range]{accent-color:var(--accent);flex:1;max-width:150px}.aa-label{color:var(--muted-foreground);letter-spacing:.08em;margin:10px 0 6px;font-size:10px}.aa-theme-swatches{gap:8px;display:flex}.aa-theme-swatches button{border:1px solid var(--border);border-radius:9px;flex:1;height:34px;font-size:10px}.aa-theme-swatches button.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.aa-done{justify-content:flex-end;margin-top:12px;display:flex}@media (width<=850px){.fab{z-index:25;right:calc(18px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));background:var(--accent);color:#fff;border:0;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:fixed;box-shadow:0 12px 30px #00000047}.reader-content{font-size:var(--reader-size,18px)}.editor-card{border-radius:18px 18px 0 0}}@media (width<=520px){.modal-overlay{place-items:end center;padding:0}.import-modal,.settings-screen{width:100%;max-height:92vh;padding:26px 22px calc(28px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.theme-options{grid-template-columns:1fr 1fr 1fr}.storage-info{grid-template-columns:1fr}}.reader-content{font-family:inherit;font-size:inherit;line-height:inherit}.reader-page-head h1{font:600 clamp(24px, 5vw, 34px)/1.1 var(--font-serif);letter-spacing:-.5px;margin:0 0 6px}.reader-page-head p{opacity:.55;letter-spacing:.04em;margin:0 0 6px;font-size:12px}.reader-screen-title{flex-direction:column;min-width:0;display:flex}.reader-screen-title strong{font:600 15px var(--font-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader-screen-title span{opacity:.6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.aa-panel{width:min(320px,100% - 24px);top:60px;right:16px}.aa-label{margin:0}.aa-row input[type=range]{flex:1;min-width:0;max-width:170px}.aa-font-toggle button{align-items:center;gap:5px;display:inline-flex}.aa-theme-swatches button{border-radius:11px;flex:0 0 42px;height:42px}.aa-done{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--ink);text-align:center;border-radius:10px;margin-top:14px;padding:10px 14px;font-size:12px;font-weight:600;display:block}.url-input{background:var(--surface);border:1px solid var(--border);min-width:0;color:var(--ink);border-radius:10px;flex:1;padding:11px 13px;font-size:13px}.import-submit,.btn-primary{background:var(--accent);color:#fff;white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 16px;font-size:12px;display:inline-flex}.import-submit:disabled{opacity:.5;cursor:not-allowed}.settings-screen{z-index:40;background:var(--background);width:100%;max-height:none;color:var(--foreground);border-radius:0;flex-direction:column;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.settings-head{padding:calc(18px + env(safe-area-inset-top)) clamp(18px, 5vw, 44px) 18px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;display:flex}.settings-head h2{font:600 30px/1 var(--font-serif);letter-spacing:-.5px;margin:3px 0 0}.settings-head .modal-close{background:var(--surface);border:1px solid var(--border);position:static}.settings-scroll{flex:1;overflow-y:auto}.settings-inner{max-width:720px;padding:26px clamp(16px, 4vw, 40px) calc(48px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px}.settings-section h3{font:600 13px var(--font-sans);letter-spacing:.05em;align-items:center;gap:8px;margin:0 0 14px;display:flex}.settings-section h3 svg{color:var(--accent)}.theme-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-option{border:1px solid var(--border);background:var(--background);color:var(--muted-foreground);border-radius:13px;flex-direction:column;align-items:center;gap:8px;padding:15px 8px;font-size:12px;display:flex}.theme-option.selected{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--background))}.setting-row{justify-content:space-between;align-items:center;gap:16px;padding:9px 0;font-size:13px;display:flex}.setting-row+.setting-row{border-top:1px dashed var(--border)}.setting-row strong{color:var(--accent);font-weight:600}.setting-row input[type=range]{max-width:220px;accent-color:var(--accent);flex:1}.storage-info{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.storage-info>div{background:var(--background);border:1px solid var(--border);border-radius:13px;flex-direction:column;gap:5px;padding:14px 16px;display:flex}.storage-info span{color:var(--muted-foreground);font-size:10px}.storage-info strong{font:600 18px var(--font-serif)}.setting-actions{gap:10px;display:flex}.btn-ghost{border:1px solid var(--border);background:var(--background);color:var(--ink);border-radius:11px;flex:1;padding:11px 16px;font-size:12px}.btn-danger{background:color-mix(in srgb, #c0392b 12%, var(--background));color:#c0392b;border:0;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-size:12px;display:inline-flex}.about-text{color:var(--muted-foreground);margin:0;font-size:12px;line-height:1.6}@media (width<=850px){.aa-panel{width:auto;top:62px;left:12px;right:12px}.setting-row input[type=range]{max-width:100%}}@media (width<=520px){.settings-head{padding:calc(14px + env(safe-area-inset-top)) 16px 14px}.settings-head h2{font-size:26px}.settings-inner{padding:20px 14px calc(40px + env(safe-area-inset-bottom));gap:12px}.settings-section{border-radius:16px;padding:17px}.theme-options{gap:8px}.setting-row{flex-direction:column;align-items:flex-start;gap:10px}.setting-row input[type=range]{width:100%;max-width:100%}.storage-info{grid-template-columns:1fr}.setting-actions{flex-direction:column}.url-row{flex-wrap:wrap}.url-input{flex:100%}.import-submit{flex:1;justify-content:center;padding:11px 16px}}.editor-card blockquote{font:500 16px/1.4 var(--font-serif);color:var(--muted-foreground);border-left:3px solid var(--accent);margin:0 0 14px;padding:10px 0 10px 16px;font-style:italic}.hl-item-body blockquote,.hl-item-body q{font:500 13px/1.35 var(--font-serif);margin:0 0 5px;display:block}.hl-item-body small{opacity:.55;font-size:10px;display:block}.reader-scroll{-webkit-overflow-scrolling:touch}.editor-card textarea{min-height:92px;margin-bottom:10px}.editor-actions .btn-ghost{flex:none}.editor-actions .btn-primary{padding:10px 18px}@media (width<=850px){.editor-sheet{place-items:end center}.editor-card{border-radius:20px 20px 0 0}}.reader-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, currentColor 25%, transparent) transparent;scroll-behavior:smooth}.reader-scroll::-webkit-scrollbar{width:6px}.reader-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 22%, transparent);border-radius:999px}.reader-scroll::-webkit-scrollbar-track{background:0 0}.reader-content img{max-width:100%;height:auto}.reader-content h1,.reader-content h2,.reader-content h3{scroll-margin-top:16px}.reader-fade{pointer-events:none;background:linear-gradient(to top, var(--reader-bg), transparent);z-index:1;height:46px;position:absolute;bottom:0;left:0;right:0}mark.hl-yellow,mark.hl-green,mark.hl-pink,mark.hl-blue{-webkit-transform:translateZ(0)}.selection-toolbar{border-radius:16px;flex-wrap:wrap;justify-content:center;gap:5px;max-width:min(430px,100vw - 16px);padding:8px 10px}.selection-toolbar .hl-swatch{width:30px;height:30px}.toolbar-sep{background:#fff3;width:1px;height:20px}.toolbar-btn{white-space:nowrap;border-radius:10px;align-items:center;gap:5px;width:auto;height:auto;padding:8px 11px;font-size:11px;font-weight:600;display:inline-flex}.hl-panel,.aa-panel,.hl-panel-head h3,.hl-empty,.hl-item,.hl-item-body blockquote,.hl-item-body q,.hl-item-body small,.hl-del{color:var(--ink)}.aa-theme-swatches{gap:8px}.aa-theme-swatches button{width:40px;height:40px;box-shadow:0 0 0 2px var(--surface), 0 0 0 4px color-mix(in srgb, var(--ink) 22%, transparent);border-radius:50%;flex:0 0 40px}.aa-theme-swatches button.selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}@media (width<=520px){.selection-toolbar{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px);padding:9px 10px;transform:translate(-50%);top:auto!important;left:50%!important}.selection-toolbar .hl-swatch{width:36px;height:36px}.toolbar-btn{padding:9px 12px;font-size:12px}}.topbar{z-index:15;height:calc(76px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(16px)saturate(150%);position:sticky;top:0}.topbar .top-actions{gap:10px}.topbar .profile-button{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, var(--ink)));color:#fff;letter-spacing:.03em;width:38px;height:38px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px 0 #ffffff47;cursor:pointer;border:0;border-radius:50%;font-size:11px;font-weight:700;transition:transform .18s,box-shadow .18s}.topbar .profile-button:hover{box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 1px 0 #ffffff47}.topbar .profile-button:active{transform:scale(.92)}@media (width<=520px){.topbar .profile-button{width:36px;height:36px;font-size:10px}.topbar .theme-button{padding:7px}.topbar .theme-button svg{width:18px;height:18px}}.onboarding{z-index:90;background:var(--background);color:var(--foreground);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.onboarding:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute;top:-140px;right:-120px}.onb-progress{z-index:2;gap:6px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.onb-dot{background:var(--border);cursor:pointer;border-radius:99px;width:22px;height:4px;transition:background .3s,width .3s}.onb-dot.on{background:var(--accent);width:34px}.onb-skip{z-index:2;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:8px 12px;font-size:12px;transition:color .2s,background .2s;position:absolute;top:12px;right:18px}.onb-skip:hover{background:var(--surface);color:var(--foreground)}.onb-viewport{flex:1;position:relative;overflow:hidden}.onb-track{width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.onb-slide{text-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;padding:0 clamp(24px,6vw,56px);display:flex;overflow-y:auto}.onb-kicker{letter-spacing:.2em;color:var(--accent);margin:0;font-size:10px;font-weight:600}.onb-slide h2{font:600 clamp(30px, 6vw, 48px)/1 var(--font-serif);letter-spacing:-1px;margin:16px 0 10px}.onb-sub{color:var(--muted-foreground);max-width:420px;margin:0;font-size:13px;line-height:1.5}.onb-hint{letter-spacing:.06em;color:var(--muted-foreground);opacity:.85;margin-top:24px;font-size:11px}.onb-covers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(440px,92%);margin-top:32px;display:grid}.onb-cover{aspect-ratio:3/4.2;cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb, var(--ink) 16%, transparent);border:0;border-radius:14px;align-items:flex-end;padding:12px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s;animation:.5s cubic-bezier(.34,1.56,.64,1) both onbPop;display:flex;position:relative}.onb-cover:nth-child(2){animation-delay:70ms}.onb-cover:nth-child(3){animation-delay:.14s}.onb-cover:nth-child(4){animation-delay:.21s}.onb-cover span{font:600 12px/.9 var(--font-serif);text-align:left}.onb-cover.on{box-shadow:0 16px 34px color-mix(in srgb, var(--ink) 26%, transparent), 0 0 0 2px var(--accent);transform:translateY(-8px)scale(1.04)}.onb-cover-check{background:var(--accent);color:#fff;border-radius:50%;width:22px;height:22px;padding:4px;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000040}@keyframes onbPop{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.onb-typo-card{background:var(--surface);border:1px solid var(--border);text-align:left;width:min(460px,92%);box-shadow:0 14px 40px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:20px;margin-top:32px;padding:18px 20px 22px}.onb-typo-tools{align-items:center;gap:8px;margin-bottom:18px;display:flex}.onb-font{border:1px solid var(--border);background:var(--background);color:var(--muted-foreground);cursor:pointer;border-radius:10px;flex:1;padding:9px;font-size:11px;transition:all .2s}.onb-font.sel{background:var(--surface-strong);color:var(--foreground);border-color:var(--accent);font-weight:600}.onb-size{border:1px solid var(--border);background:var(--background);width:42px;height:36px;color:var(--foreground);cursor:pointer;border-radius:10px;font-size:13px;transition:border-color .2s}.onb-size:hover{border-color:var(--accent)}.onb-typo-text{color:var(--foreground);margin:0;line-height:1.6;transition:font-size .2s}.onb-hl-card{background:var(--surface);border:1px solid var(--border);width:min(460px,92%);box-shadow:0 14px 40px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:20px;margin-top:32px;padding:24px}.onb-hl-text{font:400 19px/1.7 var(--font-serif);color:var(--foreground);margin:0}.onb-word{cursor:pointer;border-radius:3px;padding:0 1px;transition:background .2s,box-shadow .2s}.onb-word.on{color:#3a2c12;background:#ffe08a;box-shadow:0 0 0 2px #ffe08a99}html.dark .onb-word.on{color:#fff;background:#8a7420}.onb-name-input{border:0;border-bottom:2px solid var(--border);width:min(360px,86%);font:500 clamp(22px, 5vw, 30px) var(--font-serif);color:var(--foreground);text-align:center;background:0 0;outline:none;margin-top:36px;padding:14px 4px;transition:border-color .25s}.onb-footer{padding:18px clamp(24px, 6vw, 56px) calc(26px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:12px;display:flex}.onb-back{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;place-items:center;transition:all .2s;display:grid}.onb-back:disabled{opacity:.35;cursor:default}.onb-back:not(:disabled):hover{color:var(--foreground);border-color:var(--accent)}.onb-next,.onb-start{background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 34%, transparent);border:0;border-radius:99px;align-items:center;gap:7px;padding:13px 22px;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s;display:inline-flex}.onb-next:active,.onb-start:active{transform:scale(.96)}.greet-name{color:var(--accent)}@media (width<=520px){.onb-covers{gap:8px}.onb-cover{padding:9px}.onb-cover span{font-size:10px}.onb-typo-card,.onb-hl-card{width:94%}.onb-footer{padding:14px 20px calc(20px + env(safe-area-inset-bottom))}.onb-next,.onb-start{padding:12px 18px}}.onb-segments{z-index:2;gap:6px;width:min(340px,100% - 80px);display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.onb-seg{background:var(--border);border-radius:99px;flex:1;height:3px;overflow:hidden}.onb-fill{background:var(--accent);border-radius:99px;width:0;height:100%;display:block}.onb-fill.run{animation:5.2s linear forwards onbFill}.onb-fill.done{width:100%}@keyframes onbFill{0%{width:0}to{width:100%}}.onb-viewport{cursor:pointer;flex:1;position:relative;overflow:hidden}.onb-slide{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 clamp(24px,6vw,56px);display:flex;overflow-y:auto}.onb-kicker{letter-spacing:.2em;color:var(--accent);margin:0;font-size:10px;font-weight:600;animation:.6s cubic-bezier(.2,.7,.3,1) both onbFadeUp}.onb-slide h2{font:600 clamp(30px, 6vw, 48px)/1 var(--font-serif);letter-spacing:-1px;margin:16px 0 10px;animation:.6s cubic-bezier(.2,.7,.3,1) 80ms both onbFadeUp}.onb-sub{color:var(--muted-foreground);max-width:420px;margin:0;font-size:13px;line-height:1.5;animation:.6s cubic-bezier(.2,.7,.3,1) .16s both onbFadeUp}.onb-hint{letter-spacing:.06em;color:var(--muted-foreground);opacity:.85;margin-top:24px;font-size:11px;animation:.6s cubic-bezier(.2,.7,.3,1) .24s both onbFadeUp}@keyframes onbFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.onb-covers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(440px,92%);margin-top:32px;animation:.6s cubic-bezier(.2,.7,.3,1) .12s both onbFadeUp;display:grid}.onb-typo-card{background:var(--surface);border:1px solid var(--border);text-align:left;width:min(460px,92%);box-shadow:0 14px 40px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:20px;margin-top:32px;padding:18px 20px 22px;animation:.6s cubic-bezier(.2,.7,.3,1) .12s both onbFadeUp}.onb-hl-card{background:var(--surface);border:1px solid var(--border);width:min(460px,92%);box-shadow:0 14px 40px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:20px;margin-top:32px;padding:24px;animation:.6s cubic-bezier(.2,.7,.3,1) .12s both onbFadeUp}.onb-name-input{border:0;border-bottom:2px solid var(--border);width:min(360px,86%);font:500 clamp(22px, 5vw, 30px) var(--font-serif);color:var(--foreground);text-align:center;background:0 0;outline:none;margin-top:36px;padding:14px 4px;transition:border-color .25s;animation:.6s cubic-bezier(.2,.7,.3,1) .12s both onbFadeUp}.onb-name-input:focus{border-color:var(--accent)}.onb-name-input::placeholder{color:var(--muted-foreground);opacity:.55}.onb-start{background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 34%, transparent);border:0;border-radius:99px;align-items:center;gap:7px;margin-top:26px;padding:13px 22px;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s;animation:.6s cubic-bezier(.2,.7,.3,1) .2s both onbFadeUp;display:inline-flex}.onb-start:active{transform:scale(.96)}@media (width<=520px){.onb-covers{gap:8px}.onb-cover{padding:9px}.onb-cover span{font-size:10px}.onb-typo-card,.onb-hl-card{width:94%}.onb-segments{width:calc(100% - 90px)}}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:18px 16px 0;animation:.5s both es-appear;display:flex}.es-scene{place-items:center;width:190px;height:190px;margin-bottom:26px;display:grid;position:relative}.es-glow{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 70%);filter:blur(10px);border-radius:50%;animation:4s ease-in-out infinite es-pulse;position:absolute;inset:12px}.es-ring{border:1.5px dashed color-mix(in srgb, var(--accent) 42%, transparent);border-radius:50%;animation:16s linear infinite es-spin;position:absolute;inset:0}.es-orb{background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 75%, transparent);border-radius:50%;position:absolute}.es-orb-1{margin-left:-4.5px;top:-5px;left:50%}.es-orb-2{background:color-mix(in srgb, var(--accent) 55%, transparent);width:7px;height:7px;box-shadow:none;bottom:4px;right:12px}.es-spark{background:color-mix(in srgb, var(--accent) 70%, transparent);border-radius:50%;animation:3s ease-in-out infinite es-twinkle;position:absolute}.es-spark-1{width:5px;height:5px;top:18px;left:24px}.es-spark-2{width:4px;height:4px;animation-delay:.9s;bottom:26px;left:34px}.es-spark-3{width:6px;height:6px;animation-delay:1.7s;top:52px;right:8px}.es-icon{z-index:1;background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 24%, var(--surface)), var(--surface) 65%);border:1px solid var(--border);width:104px;height:104px;box-shadow:0 22px 48px color-mix(in srgb, var(--ink) 16%, transparent), inset 0 1px 0 color-mix(in srgb, var(--background) 60%, transparent);color:var(--accent);border-radius:34px;place-items:center;animation:3.6s ease-in-out infinite es-float;display:grid;position:relative}.es-kicker{font:600 10px var(--font-sans);letter-spacing:.24em;color:var(--accent);opacity:.9;margin:0}.es-title{font:600 27px/1.05 var(--font-serif);color:var(--foreground);margin:12px 0 0}.es-sub{max-width:300px;color:var(--muted-foreground);margin:10px 0 0;font-size:13px;line-height:1.55}.es-action{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 85%, var(--background)), var(--accent));color:#fff;min-width:180px;font:600 14px var(--font-sans);letter-spacing:.02em;cursor:pointer;box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 36%, transparent), inset 0 1px 0 #ffffff47;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding:14px 30px;transition:transform .18s,filter .18s;animation:2.8s ease-in-out infinite es-glowBtn;display:inline-flex}.es-action:hover{filter:brightness(1.05);transform:translateY(-2px)}.es-action:active{transform:scale(.95)}@keyframes es-appear{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes es-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes es-spin{to{transform:rotate(360deg)}}@keyframes es-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes es-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes es-glowBtn{0%,to{box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 30%, transparent), inset 0 1px 0 #ffffff47}50%{box-shadow:0 16px 48px color-mix(in srgb, var(--accent) 55%, transparent), inset 0 1px 0 #ffffff47}}@media (width<=520px){.es-scene{width:160px;height:160px}.es-icon{border-radius:28px;width:88px;height:88px}.es-title{font-size:24px}}.es-wave{z-index:1;background:var(--surface);border:1px solid var(--border);max-width:300px;box-shadow:0 18px 40px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 5px;padding:22px 18px;display:flex;position:relative}.es-word{font:600 15px/1.35 var(--font-serif);color:var(--muted-foreground);animation:3.2s ease-in-out infinite es-wordWave;animation-delay:calc(var(--i) * .16s);border-radius:6px;padding:2px 4px}@keyframes es-wordWave{0%,to{color:var(--muted-foreground);background:0 0;transform:none}18%,34%{background:color-mix(in srgb, var(--accent) 34%, transparent);color:var(--ink);transform:translateY(-2px)scale(1.04)}}.es-eq-wrap{z-index:1;background:var(--surface);border:1px solid var(--border);height:130px;box-shadow:0 18px 40px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:24px;align-items:center;gap:7px;padding:0 14px;display:flex;position:relative}.es-eq-bar{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent));width:12px;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);animation:1.1s ease-in-out infinite es-eqBounce;animation-delay:calc(var(--i) * .12s);border-radius:8px}.es-eq-bar:first-child,.es-eq-bar:nth-child(6){height:34px}.es-eq-bar:nth-child(2),.es-eq-bar:nth-child(5){height:74px}.es-eq-bar:nth-child(3),.es-eq-bar:nth-child(4){height:104px}@keyframes es-eqBounce{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1.05)}}.es-heart{z-index:1;width:104px;height:104px;color:var(--accent);transform-origin:50%;filter:drop-shadow(0 10px 26px color-mix(in srgb, var(--accent) 40%, transparent));place-items:center;animation:1.6s ease-in-out infinite es-heartbeat;display:grid;position:relative}.es-heart-mini{color:color-mix(in srgb, var(--accent) 75%, transparent);font-size:16px;animation:4s ease-in-out infinite es-heartOrbit;position:absolute}.es-heart-mini-1{animation-delay:0s;top:-10px;left:4px}.es-heart-mini-2{animation-delay:1.3s;top:16px;right:-12px}.es-heart-mini-3{animation-delay:2.6s;bottom:-8px;left:28px}@keyframes es-heartbeat{0%,to{transform:scale(1)}12%{transform:scale(1.18)}24%{transform:scale(1)}36%{transform:scale(1.1)}48%{transform:scale(1)}}@keyframes es-heartOrbit{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-16px)scale(1.25)}}.es-notes{z-index:1;width:190px;height:150px;position:relative}.es-note{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface));border:1px solid var(--border);width:96px;height:104px;box-shadow:0 14px 30px color-mix(in srgb, var(--ink) 14%, transparent);color:var(--accent);border-radius:12px;flex-direction:column;gap:7px;padding:14px 12px;animation:5s ease-in-out infinite es-noteFloat;display:flex;position:absolute}.es-note i{background:color-mix(in srgb, var(--muted-foreground) 34%, transparent);border-radius:4px;height:6px;display:block}.es-note i:last-child{width:55%}.es-note-1{animation-delay:0s;top:4px;left:6px;transform:rotate(-6deg)}.es-note-2{justify-content:center;place-items:center;animation-delay:1.6s;top:30px;right:4px;transform:rotate(5deg)}.es-note-3{animation-delay:3.1s;bottom:0;left:44px;transform:rotate(-2deg)}@keyframes es-noteFloat{0%,to{translate:0}25%{translate:0 -10px}50%{translate:0}75%{translate:0 -6px}}@media (width<=520px){.es-wave{max-width:250px;padding:18px 14px}.es-word{font-size:13px}.es-eq-wrap{height:110px;padding:0 12px}.es-eq-bar{width:10px}.es-heart{width:88px;height:88px}.es-notes{width:170px;height:138px}.es-note{width:86px;height:94px}}.book-modal-overlay{z-index:44;padding:max(20px, env(safe-area-inset-top)) 20px;-webkit-backdrop-filter:blur(12px);background:#0e0d0c94;place-items:center;animation:.22s both bmFade;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes bmFade{0%{opacity:0}to{opacity:1}}.book-detail-card{background:var(--paper);width:min(400px,100%);color:var(--ink);border-radius:26px;padding:0 0 26px;animation:.34s cubic-bezier(.2,.9,.3,1.15) both bmPop;position:relative;overflow:hidden;box-shadow:0 30px 90px #140f0a66}@keyframes bmPop{0%{opacity:0;transform:translateY(28px)scale(.94)}to{opacity:1;transform:none}}.book-detail-close{background:color-mix(in srgb, var(--ink) 9%, transparent);width:38px;height:38px;color:var(--ink);z-index:3;border:0;border-radius:50%;place-items:center;transition:transform .2s,background .2s;display:grid;position:absolute;top:28px;right:28px}.book-detail-close:hover{background:color-mix(in srgb, var(--ink) 14%, transparent);transform:rotate(90deg)}.book-detail-cover{padding:18px 18px 0}.book-detail-cover .book-cover{border-radius:18px;min-height:330px}.book-detail-body{padding:22px 26px 0}.book-detail-kicker{letter-spacing:.16em;color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:600}.book-detail-body h2{font:600 30px/.98 var(--font-serif);letter-spacing:-.6px;margin:10px 0 5px}.book-detail-author{color:var(--muted-foreground);margin:0 0 15px;font-size:13px}.book-detail-meta{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.bd-chip{color:var(--muted-foreground);background:var(--surface);border:1px solid var(--border);letter-spacing:.06em;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;display:inline-flex}.bd-chip svg{color:var(--accent)}.book-detail-progress{margin:16px 0 2px}.book-detail-progress .bd-p-label{color:var(--muted-foreground);justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.book-detail-actions{gap:10px;margin-top:24px;display:flex}.bd-read{background:var(--accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 32%, transparent);border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-size:13px;font-weight:600;transition:transform .15s,filter .2s;display:inline-flex}.bd-read:hover{filter:brightness(1.06);transform:translateY(-2px)}.bd-read:active{transform:translateY(0)}.bd-fav,.bd-del{border:1px solid var(--border);background:var(--surface);width:50px;height:50px;color:var(--muted-foreground);border-radius:14px;place-items:center;transition:transform .15s,color .2s,border-color .2s,background .2s,box-shadow .2s;display:grid}.bd-fav:hover,.bd-del:hover{transform:translateY(-2px)}.bd-fav.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 10px 22px color-mix(in srgb, var(--accent) 35%, transparent);animation:.4s bdPulse}@keyframes bdPulse{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.bd-del:hover{color:#c0392b;background:color-mix(in srgb, #c0392b 8%, var(--surface));border-color:#c0392b73}.book-item{position:relative}.book-fav-badge{z-index:3;width:26px;height:26px;color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe0;border-radius:50%;place-items:center;animation:.4s bdPulse;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #140f0a38}.fav-grid{margin-top:37px}@media (width<=520px){.book-detail-card{border-radius:22px}.book-detail-cover{padding:12px 12px 0}.book-detail-cover .book-cover{min-height:280px}.book-detail-body{padding:18px 20px 0}.book-detail-body h2{font-size:26px}}.book-cover.has-photo{overflow:hidden}.book-cover.has-photo .cover-photo{z-index:0;object-fit:cover;filter:sepia(.16)saturate(.88)contrast(1.06)brightness(.98);border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.book-cover.has-photo .cover-shade{z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(#0000 38%,#0e0a072e 62%,#0e0a079e 100%);position:absolute;inset:0}.book-cover.has-photo .cover-vignette{z-index:1;pointer-events:none;mix-blend-mode:multiply;border-radius:inherit;background:radial-gradient(120% 105% at 50% 42%,#0000 52%,#120b078c 100%);position:absolute;inset:0}.book-cover.has-photo .cover-leak{z-index:1;pointer-events:none;mix-blend-mode:screen;border-radius:inherit;background:linear-gradient(112deg,#ffb86e4d,#0000 36%),linear-gradient(296deg,#8cbeff29,#0000 32%);position:absolute;inset:0}.book-cover.has-photo .cover-grain-layer{z-index:1;pointer-events:none;opacity:.34;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"220\" height=\"220\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"2\" stitchTiles=\"stitch\"/><feColorMatrix type=\"saturate\" values=\"0\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23n)\"/></svg>");animation:.38s steps(3,end) infinite grainShift;position:absolute;inset:-60%}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-2.5%,1.8%)}66%{transform:translate(1.8%,-2.2%)}to{transform:translate(0)}}.book-cover.has-photo .cover-copy{color:#f5efe6;justify-content:flex-end;padding-bottom:22px}.book-cover.has-photo .cover-copy strong{text-shadow:0 2px 14px #0000008c}.book-cover.has-photo .cover-copy span:last-child{color:#f5efe6d1}.book-cover.has-photo .cover-kicker{color:#f5efe6b8}.book-cover-compact.has-photo .cover-copy{padding-bottom:12px}.bd-cover-btn{z-index:5;color:#fff;background:linear-gradient(135deg,#ffa45c,#f0683a);border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .18s,box-shadow .2s,filter .2s;display:grid;position:absolute;top:34px;left:34px;box-shadow:0 0 0 2px #ffffff47,0 12px 26px #f0683a73}.bd-cover-btn:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.07);box-shadow:0 0 0 2px #ffffff61,0 16px 30px #f0683a80}.bd-cover-btn:active{transform:scale(.96)}.crop-modal-overlay{z-index:46;padding:max(20px, env(safe-area-inset-top)) 20px;-webkit-backdrop-filter:blur(14px);background:#0a0807ad;place-items:center;animation:.22s both bmFade;display:grid;position:fixed;inset:0;overflow-y:auto}.crop-card{color:#f1ece4;background:#1d1c1b;border-radius:26px;width:min(400px,100%);padding:30px 24px 24px;animation:.34s cubic-bezier(.2,.9,.3,1.15) both bmPop;position:relative;box-shadow:0 30px 90px #00000080}.crop-card .eyebrow{color:#a39c94}.crop-card h2{font:600 26px/.98 var(--font-serif);letter-spacing:-.4px;margin:8px 0 18px}.crop-viewport{aspect-ratio:2/3;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;border-radius:18px;width:min(300px,78vw);margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 20px 50px #00000073}.crop-img{cursor:grab;will-change:transform;max-width:none;max-height:none;position:absolute;top:0;left:0}.crop-img:active{cursor:grabbing}.crop-empty{color:#a39c94;background:linear-gradient(160deg,#2a2826,#1a1817);border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;inset:0}.crop-guides{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.33% - 1px),#ffffff24 33.33%,#0000 calc(33.33% + 1px)),linear-gradient(90deg,#0000 calc(66.66% - 1px),#ffffff24 66.66%,#0000 calc(66.66% + 1px)),linear-gradient(#0000 calc(33.33% - 1px),#ffffff24 33.33%,#0000 calc(33.33% + 1px)),linear-gradient(#0000 calc(66.66% - 1px),#ffffff24 66.66%,#0000 calc(66.66% + 1px));position:absolute;inset:0}.crop-zoom-row{align-items:center;gap:12px;width:min(300px,78vw);margin:18px auto 0;display:flex}.crop-zoom-row input[type=range]{accent-color:var(--accent);flex:1}.crop-zoom-minus,.crop-zoom-plus{color:#a39c94;text-align:center;width:16px;font-size:15px}.crop-hint{text-align:center;color:#8d867d;margin:10px 0 16px;font-size:11px}.crop-actions{justify-content:center;gap:9px;display:flex}.crop-pick{color:#f1ece4;background:#f1ece40f;border:1px solid #f1ece429;border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;transition:background .2s,transform .15s;display:inline-flex}.crop-pick:hover{background:#f1ece41f;transform:translateY(-1px)}.crop-remove{color:#e58a7c;background:#c0392b1a;border:1px solid #c0392b66;border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;transition:background .2s;display:inline-flex}.crop-remove:hover{background:#c0392b33}.crop-footer{gap:9px;margin-top:16px;display:flex}.crop-footer .btn-ghost{color:#f1ece4;background:#f1ece414;border:1px solid #f1ece43d;flex:1}.crop-save{background:var(--accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 32%, transparent);border:0;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:13px;font-weight:600;transition:transform .15s,filter .2s;display:inline-flex}.crop-save:hover{filter:brightness(1.06);transform:translateY(-1px)}.crop-save:disabled{opacity:.5;filter:none;transform:none}@media (width<=520px){.crop-card{padding:24px 16px 18px}.crop-viewport{width:min(280px,82vw)}.bd-cover-btn{width:36px;height:36px;top:24px;left:24px}}.reader-content{backface-visibility:hidden;transform:translateZ(0)}.shelf-view{perspective:1800px;flex-direction:column;gap:20px;margin-top:24px;display:flex}.shelf-row{scrollbar-width:none;min-height:216px;transform-style:preserve-3d;background:linear-gradient(#7a5436,#533620 74%,#3d2816);border-bottom:6px solid #291a0e;border-radius:20px;justify-content:flex-start;align-items:flex-end;gap:7px;padding:18px 24px 30px;display:flex;position:relative;overflow-x:auto;box-shadow:inset 0 1px #ffffff2e,inset 0 -14px 30px #0000006b,0 22px 40px #1e12084d}.shelf-row::-webkit-scrollbar{display:none}.shelf-row:before{content:"";pointer-events:none;background:repeating-linear-gradient(88deg,#0000000d 0 2px,#0000 2px 24px),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 9px);border-radius:20px;height:100%;position:absolute;top:0;left:0;right:0}.shelf-row:after{content:"";background:linear-gradient(#8a613e,#5c3c22);border-radius:9px;height:13px;position:absolute;bottom:-6px;left:12px;right:12px;box-shadow:0 6px 12px #140a0480}.shelf-lamp{pointer-events:none;width:min(560px,92%);height:76px;margin:-10px auto 0;position:relative}.shelf-lamp:before{content:"";filter:blur(3px);background:radial-gradient(50% 100% at 50% 0,#ffcd8c9e,#ffcd8c2e 52%,#0000 80%);width:92%;height:76px;position:absolute;top:0;left:50%;transform:translate(-50%)}.shelf-lamp:after{content:"";background:#ffe7b8;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 10px 4px #ffcd8cbf,0 0 26px 12px #ffbe7859}.shelf-book{cursor:pointer;transform-origin:50% 100%;will-change:transform;border:0;border-radius:3px 4px 5px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:7px;padding:0;transition:transform .26s cubic-bezier(.2,.8,.3,1.1),box-shadow .26s;display:flex;position:relative;overflow:hidden;box-shadow:inset 1px 0 #ffffff29,inset -2px 0 4px #00000052,0 9px 14px #0a05026b}.shelf-book:before{content:"";background:linear-gradient(90deg,#0000,#ffda96d9,#0000);border-radius:2px;height:2px;position:absolute;top:8px;left:4px;right:4px}.shelf-book:after{content:"";background:linear-gradient(90deg,#0000,#ffda96d9,#0000);border-radius:2px;height:2px;position:absolute;bottom:9px;left:4px;right:4px}.shelf-book.has-photo .spine-photo{object-fit:cover;object-position:center;filter:sepia(.16)saturate(.88)contrast(1.06)brightness(.82);width:100%;height:100%;position:absolute;inset:0}.shelf-book .spine-veil{z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(#0000001f,#0000000d 45%,#00000057);position:absolute;inset:0}.shelf-book.has-photo .spine-veil{background:linear-gradient(#0000004d,#0000001f 40%,#00000080)}.shelf-title{z-index:2;writing-mode:vertical-rl;text-orientation:mixed;font:600 9px/1.2 var(--font-sans);letter-spacing:.14em;color:#f5efe6;text-shadow:0 1px 2px #0000008c,0 0 8px #00000059;text-align:center;max-height:70%;position:relative;overflow:hidden}.shelf-title.long{letter-spacing:.08em;font-size:7.5px}.shelf-author{z-index:2;writing-mode:vertical-rl;text-orientation:mixed;font:500 6px/1.3 var(--font-sans);letter-spacing:.22em;color:#f5efe6b8;text-transform:uppercase;max-height:28%;position:relative;overflow:hidden}.shelf-fav{z-index:4;color:#ff9a8b;filter:drop-shadow(0 1px 2px #0009);position:absolute;top:12px;left:3px}.shelf-book:hover{z-index:5;box-shadow:inset 1px 0 #ffffff29,inset -2px 0 4px #00000052,0 20px 30px #0a050280;transform:translateY(-12px)rotate(0)scale(1.04)!important}.shelf-book:active{transform:translateY(-3px)rotate(0)scale(1.01)!important}@media (width<=520px){.shelf-row{border-radius:16px;gap:6px;min-height:178px;padding:14px 16px 26px}.shelf-lamp{height:56px}.shelf-title{font-size:8px}.shelf-title.long{font-size:6.5px}}.feature-grid{grid-template-columns:1fr}.continue-photo{object-fit:cover;filter:sepia(.16)saturate(.88)contrast(1.06)brightness(.98);width:100%;height:100%;position:absolute;inset:0}.bd-title-row{align-items:center;gap:10px;display:flex}.bd-rename-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--muted-foreground);border-radius:50%;flex:none;place-items:center;margin-top:10px;transition:color .2s,border-color .2s,background .2s,transform .15s;display:grid}.bd-rename-btn:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-1px)}.bd-title-edit{align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}.bd-title-edit input{min-width:0;font:600 25px/1.1 var(--font-serif);letter-spacing:-.4px;color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:12px;outline:none;flex:1;padding:9px 13px;transition:border-color .2s,box-shadow .2s}.bd-title-edit input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.bd-title-save,.bd-title-cancel{cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:transform .15s,filter .2s,background .2s;display:grid}.bd-title-save{background:var(--accent);color:#fff}.bd-title-save:hover{filter:brightness(1.08);transform:translateY(-1px)}.bd-title-cancel{background:color-mix(in srgb, var(--ink) 9%, transparent);color:var(--ink)}.bd-title-cancel:hover{background:color-mix(in srgb, var(--ink) 14%, transparent)}@media (width<=520px){.bd-title-edit input{font-size:22px}}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}@keyframes cardUp{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:none}}@keyframes spin360{to{transform:rotate(360deg)}}.view-switch .view-share{color:var(--accent);border-right:1px solid var(--border);border-radius:0;margin-right:3px;padding-right:10px}.view-switch .view-share:hover{color:var(--ring);background:0 0}.highlight-card{text-align:left;cursor:pointer;width:100%;transition:transform .18s,box-shadow .18s,border-color .18s}.highlight-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-2px);box-shadow:0 10px 22px #1e120814}.highlight-card:active{transform:translateY(0)}.hl-overlay{z-index:48;-webkit-backdrop-filter:blur(7px);background:#140e0870;place-items:center;padding:20px;animation:.22s fadeBg;display:grid;position:fixed;inset:0}.hl-card{background:var(--paper);border:1px solid var(--border);border-radius:26px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:34px 34px 28px;animation:.26s cubic-bezier(.2,.9,.3,1.15) cardUp;position:relative;overflow-y:auto;box-shadow:0 30px 70px #0f080359}.hl-accent{border-radius:99px;width:5px;position:absolute;top:28px;bottom:28px;left:0}.hl-close{background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;place-items:center;transition:color .15s,transform .15s;display:grid;position:absolute;top:18px;right:18px}.hl-close:hover{color:var(--foreground);transform:rotate(90deg)}.hl-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:7px;margin-bottom:4px;font-size:9.5px;font-weight:600;display:flex}.hl-dot{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);border-radius:50%}.hl-quote-mark{font:700 110px/.55 var(--font-serif);color:color-mix(in srgb, var(--accent) 60%, transparent);margin-top:20px;display:block}.hl-quote{font:600 clamp(24px, 3vw, 31px)/1.25 var(--font-serif);letter-spacing:-.3px;margin:0 0 20px}.hl-note{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;padding:14px 16px}.hl-note span{letter-spacing:.14em;color:var(--accent);text-transform:uppercase;font-size:9px;font-weight:600}.hl-note p{margin:6px 0 0;font-size:13px;line-height:1.55}.hl-book-row{border-top:1px solid var(--border);align-items:center;gap:14px;padding-top:18px;display:flex}.hl-book-cover{flex:none;width:52px}.hl-book-cover .book-cover{border-radius:8px;min-height:78px;box-shadow:0 6px 12px #0f080340}.hl-from{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 4px;font-size:9px;font-weight:600}.hl-book-row h3{font:600 19px/1.05 var(--font-serif);margin:0 0 3px}.hl-author{color:var(--muted-foreground);margin:0;font-size:11px}.hl-date{color:var(--muted-foreground);white-space:nowrap;align-self:flex-start;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.hl-actions{gap:10px;margin-top:22px;display:flex}.hl-share{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffa45c,#f0683a);border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:13px;font-weight:600;transition:transform .16s,filter .16s,box-shadow .16s;display:flex;box-shadow:0 10px 22px #f0683a52}.hl-share:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 14px 26px #f0683a66}.hl-share:active{transform:translateY(0)}.hl-del{border:1px solid var(--border);color:#c96b5e;cursor:pointer;background:0 0;border-radius:14px;place-items:center;width:46px;transition:background .16s,border-color .16s;display:grid}.hl-del:hover{background:#c96b5e17;border-color:#c96b5e66}.bd-share{border:1px solid var(--border);width:46px;height:46px;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:all .18s;display:grid}.bd-share:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);transform:translateY(-1px)}.share-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);background:#120c0780;place-items:center;padding:18px;animation:.22s fadeBg;display:grid;position:fixed;inset:0}.share-panel{background:var(--paper);border:1px solid var(--border);border-radius:26px;width:min(430px,100%);max-height:calc(100vh - 36px);padding:26px 26px 22px;animation:.28s cubic-bezier(.2,.9,.3,1.12) cardUp;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0a050273}.share-close{background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;place-items:center;transition:color .15s,transform .15s;display:grid;position:absolute;top:18px;right:18px}.share-close:hover{color:var(--foreground);transform:rotate(90deg)}.share-panel h2{font:600 34px/1 var(--font-serif);letter-spacing:-1px;margin:6px 0 16px}.share-tabs{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:inline-flex}.share-tabs button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:7px 13px;font-size:11.5px;font-weight:600;transition:background .16s,color .16s;display:flex}.share-tabs button.selected{background:var(--ink);color:var(--background);box-shadow:0 4px 10px #140c062e}.share-preview{border:1px solid var(--border);background:var(--surface);border-radius:18px;place-items:center;display:grid;overflow:hidden}.share-preview img{width:100%;height:auto;display:block}.share-loading{aspect-ratio:9/16;place-items:center;width:100%;display:grid}.share-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin360}.share-hint{color:var(--muted-foreground);text-align:center;margin:12px 0 14px;font-size:11px}.share-actions{gap:10px;display:flex}.share-dl{color:#fff;background:linear-gradient(135deg,#ffa45c,#f0683a);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .16s,filter .16s;display:flex;box-shadow:0 10px 22px #f0683a52}.share-dl:hover{filter:brightness(1.04);transform:translateY(-1px)}.share-dl.disabled{opacity:.55;pointer-events:none}.share-native{border:1px solid var(--border);background:var(--surface);color:var(--foreground);cursor:pointer;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 14px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s;display:flex}.share-native:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.share-native.disabled{opacity:.55;pointer-events:none}@media (width<=520px){.hl-card{border-radius:22px;padding:26px 22px 22px}.hl-date{display:none}.share-panel{border-radius:22px;padding:22px 18px 18px}.share-tabs button{padding:7px 10px;font-size:11px}}.streak-card{border:1px solid var(--border);background:linear-gradient(135deg, var(--paper), color-mix(in srgb, #f5d97a 6%, var(--paper)));border-radius:20px;align-items:center;gap:16px;margin-top:17px;padding:17px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #1e12080d}.streak-card:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffa45c21,#0000);width:44%;height:190%;position:absolute;top:-45%;left:-5%}.streak-flame{color:#ee7a3f;filter:drop-shadow(0 3px 9px #f0683a59);background:radial-gradient(circle at 50% 64%,#f0683a2e,#ffa45c0f);border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;animation:2.6s ease-in-out infinite flamePulse;display:grid}@keyframes flamePulse{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.08)rotate(2deg)}}.streak-info{flex-direction:column;gap:4px;min-width:0;display:flex}.streak-info strong{font:600 19px/1.15 var(--font-serif);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.streak-info span{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.streak-ring{filter:drop-shadow(0 4px 10px #dd735d40);flex-shrink:0;width:62px;height:62px;margin-left:auto;position:relative}.streak-ring svg{width:100%;height:100%;display:block;transform:rotate(0)}.streak-ring .ring-bg{fill:none;stroke:var(--border);stroke-width:5px}.streak-ring .ring-fg{fill:none;stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.22,1,.36,1)}.streak-ring .ring-tip{fill:#fff3df;stroke:#f0683a8c;stroke-width:1.5px;transition:opacity .4s}.streak-ring em{letter-spacing:-.3px;place-items:center;font-size:14px;font-style:normal;font-weight:600;display:grid;position:absolute;inset:0}.streak-ring em i{color:var(--muted-foreground);font-size:10px;font-style:normal;font-weight:500}.amb-wrap{position:relative}.reader-icon-btn.playing svg{animation:2.2s ease-in-out infinite ambBreath}@keyframes ambBreath{0%,to{opacity:.75}50%{opacity:1}}.amb-popover{z-index:36;background:var(--surface);border:1px solid var(--border);border-radius:15px;min-width:172px;padding:6px;animation:.18s both ambIn;position:absolute;top:calc(100% + 12px);right:-6px;box-shadow:0 18px 42px #140c0638}@keyframes ambIn{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:none}}.amb-popover button{width:100%;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:12.5px;transition:background .14s;display:flex}.amb-popover button:hover{background:var(--surface-strong)}.amb-popover button.selected{background:var(--surface-strong);color:var(--accent);font-weight:600}.amb-sep{background:var(--border);height:1px;margin:4px 8px;display:block}.finish-overlay{z-index:70;background:radial-gradient(120% 90% at 50% 0,#35291d 0%,#211b15 52%,#171310 100%);justify-content:center;align-items:center;padding:24px;animation:.5s both finishBg;display:flex;position:fixed;inset:0}@keyframes finishBg{0%{opacity:0}to{opacity:1}}.finish-confetti{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.finish-glow{pointer-events:none;background:radial-gradient(closest-side,#ffbe7829,#0000 72%);border-radius:50%;width:640px;height:520px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.finish-card{text-align:center;color:#f3ead9;width:min(420px,94vw);animation:.55s cubic-bezier(.22,1,.36,1) both cardUp;position:relative}.finish-close{color:#f3ead9bf;cursor:pointer;background:#f3ead90f;border:1px solid #f3ead92e;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .16s;display:grid;position:absolute;top:-8px;right:-8px}.finish-close:hover{background:#f3ead924}.finish-medal{color:#f5d97a;place-items:center;width:84px;height:84px;margin:0 auto 20px;display:grid;position:relative}.medal-ring{border:1px solid #f5d97a66;border-radius:50%;animation:2.8s ease-out infinite medalRing;position:absolute;inset:0}.medal-ring.r2{animation-delay:1.4s}@keyframes medalRing{0%{opacity:.9;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}.finish-kicker{letter-spacing:.22em;color:#f5d97ad9;margin:0 0 14px;font-size:11px;font-weight:700}.finish-title{font:600 clamp(30px, 6vw, 40px)/1.08 var(--font-serif);letter-spacing:-.8px;text-shadow:0 4px 24px #00000073;overflow-wrap:anywhere;max-width:340px;margin:0 auto}.finish-author{color:#cbbfae;margin:10px 0 0;font-size:13px}.finish-read{font:italic 500 21px var(--font-serif);color:#f5d97af2;margin:18px 0 0}.finish-stats{color:#e8dcc9;background:#f3ead90d;border:1px solid #f3ead929;border-radius:99px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:22px;padding:11px 20px;font-size:12.5px;font-weight:500;display:inline-flex}.finish-stats span{align-items:center;gap:6px;display:inline-flex}.finish-stats i{background:#f3ead938;width:1px;height:14px}.finish-actions{flex-direction:column;gap:11px;margin-top:30px;display:flex}.finish-share{cursor:pointer;color:#fff7ec;background:linear-gradient(135deg,#ffa45c,#f0683a);border:0;border-radius:99px;justify-content:center;align-items:center;gap:9px;padding:14px;font-size:14px;font-weight:600;transition:transform .16s,filter .16s;display:flex;box-shadow:0 12px 30px #f0683a61}.finish-share:hover{filter:brightness(1.05);transform:translateY(-1px)}.finish-ok{color:#f3ead9a6;cursor:pointer;background:0 0;border:0;padding:9px;font-size:13px;transition:color .16s}.finish-ok:hover{color:#f3ead9}@media (width<=520px){.streak-card{gap:13px;padding:15px 16px}.streak-info strong{font-size:17px}.streak-ring{width:54px;height:54px}.finish-card{width:min(380px,100%)}}.streak-ring{width:74px;height:74px}.streak-ring em{font-size:13px}.streak-ring em i{font-size:9.5px}@media (width<=520px){.streak-ring{width:64px;height:64px}}