:root{--bg:#f8f9fa;--paper:#fff;--ink:#1c1c1f;--accent:#394054;--soft:#b0c0c4;--line:#e0e2e8;--muted:#626977;--tint:#eef0f3;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}html[data-theme=dark]{--bg:#1c1c1f;--paper:#26272d;--ink:#e0e2e8;--accent:#b0c0c4;--soft:#798c96;--line:#394054;--muted:#b0c0c4;--tint:#303440;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,.button{background:var(--paper);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 16px;text-decoration:none;transition:background .15s;display:inline-flex}button:hover,.button:hover{background:var(--tint)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{width:100%;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;min-height:46px;padding:12px;font-size:16px}textarea{resize:vertical;min-height:105px;line-height:1.7}input:focus,textarea:focus,select:focus{outline:2px solid var(--soft);outline-offset:1px}label{color:var(--muted);margin:15px 0;font-size:13px;font-weight:500;display:block}label input,label textarea,label select{margin-top:7px}h1,h2,h3,p{margin:0 0 14px}h1{letter-spacing:-1.6px;overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,4.5vw,50px);font-weight:400;line-height:1.18}h2{font-size:20px;font-weight:500;line-height:1.35}h3{font-size:17px;font-weight:600}small{font-size:12px}em{font-weight:400}svg{flex-shrink:0}a{color:var(--accent)}.primary,.filled{background:var(--accent);color:var(--paper);border-color:var(--accent)}.primary:hover,.filled:hover{background:var(--ink)}.full{width:100%}.icon{flex-shrink:0;width:44px;height:44px;padding:9px}.selected{background:var(--tint)!important;border-color:var(--accent)!important}.eyebrow{letter-spacing:2px;color:var(--muted);margin-bottom:16px;font-size:10px;font-weight:600}.intro{color:var(--muted);margin-bottom:30px;font-size:16px}.wordmark{letter-spacing:-1.2px;background:0 0;border:0;justify-content:flex-start;min-height:0;padding:0;font-family:Georgia,serif;font-size:30px;font-weight:400}.wordmark:hover{background:0 0}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.twocol{grid-template-columns:1fr 1fr;gap:14px;display:grid}.app{min-height:100dvh}.sidebar{border-right:1px solid var(--line);background:var(--paper);z-index:5;flex-direction:column;width:245px;padding:42px 28px;display:flex;position:fixed;inset:0 auto 0 0}.tagline{letter-spacing:1px;color:var(--muted);margin-top:10px;font-size:10px}.sidebar nav{gap:8px;margin-top:65px;display:grid}.sidebar nav button{color:var(--muted);background:0 0;border:0;justify-content:flex-start;gap:14px;padding:13px 15px;font-size:14px}.sidebar nav button.active{background:var(--tint);color:var(--ink)}.sidebar-bottom{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding-top:24px;font-size:12px}.sidebar-bottom p{margin:0}.content{max-width:1250px;margin-left:245px;padding:25px 6vw 70px}.sync-line{color:var(--muted);justify-content:flex-end;align-items:center;gap:7px;min-height:15px;margin-bottom:48px;font-size:10px;display:flex}.page-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-title h1{max-width:90%}.segments{background:var(--tint);border-radius:12px;gap:3px;max-width:100%;margin-bottom:28px;padding:4px;display:inline-flex}.segments button{min-height:39px;color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:9px 18px;font-size:13px}.segments button.selected{color:var(--ink);background:var(--paper)!important}.segments span{background:var(--tint);border-radius:5px;padding:1px 6px;font-size:10px}.books{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:32px 25px;display:grid}.book{text-align:left;background:0 0;border:0;border-radius:0;padding:0;display:block}.book:hover{background:0 0}.cover{color:#fff;background:#394054;border-left:7px solid #1c1c1f;border-radius:3px 10px 10px 3px;height:265px;padding:30px 23px;position:relative;overflow:hidden}.cover-1{color:#1c1c1f;background:#b0c0c4;border-left-color:#829398}.cover-2{color:#394054;background:#e0e2e8;border-left-color:#b0c0c4}.cover>div{text-align:center;opacity:.9;border:1px solid;flex-direction:column;height:100%;padding:22px 13px;display:flex}.cover strong{overflow-wrap:anywhere;margin:auto 0;font:25px/1.15 Georgia,serif}.cover small{font-size:10px}.cover span{letter-spacing:1.7px;font-size:7px}.cover img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.book-info{padding:17px 0 0}.book-info>small{letter-spacing:.5px;color:var(--muted);font-size:10px}.book-info h2{margin:4px 0;font-size:17px}.book-info p{color:var(--muted);margin-bottom:10px;font-size:13px}.book-footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}progress{appearance:none;background:var(--line);border:0;border-radius:3px;width:100%;height:3px}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.quote-block{border-top:1px solid var(--line);color:var(--muted);margin-top:55px;padding:27px 0}.quote-block p{margin-bottom:8px;font:italic 22px Georgia,serif}.quote-block span{font-size:12px}.empty{text-align:center;color:var(--muted);padding:65px 20px}.empty h2{color:var(--ink);font:26px Georgia,serif}.empty .primary{margin-top:22px}.empty-rule{background:var(--soft);width:36px;height:2px;margin:0 auto 25px}.mobile-header,.mobile-nav{display:none}.back{min-height:40px;color:var(--muted);background:0 0;border:0;margin-bottom:25px;padding:0;font-size:12px}.reading-progress{align-items:center;gap:16px;margin-bottom:26px;display:flex}.reading-progress label{white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.reading-progress input{width:70px;min-height:36px;margin:0;padding:7px;font-size:14px}.reading-progress progress{flex:1}.reading-progress span{color:var(--muted);white-space:nowrap;font-size:10px}.capture-button{border-color:var(--line);background:var(--paper);justify-content:flex-start;width:100%;margin-bottom:30px;padding:20px 24px}.capture-button>svg{color:var(--accent);width:27px;height:27px;margin-right:7px}.capture-button span{text-align:left}.capture-button small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.capture-button .capture-shortcut{border:1px solid var(--line);color:var(--muted);border-radius:6px;margin-left:auto;padding:2px 9px}.reader-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.reader-tools .segments{margin:0 auto 0 0}.reader-tools>button{padding:9px 12px;font-size:12px}.reader-tools>select{width:auto;max-width:100%}.section-line{justify-content:space-between;align-items:center;gap:10px;margin:20px 0;display:flex}.section-line h2{color:var(--muted);margin:0;font-size:13px}.section-line select{background:0 0;border:0;width:auto;min-height:35px;padding:5px;font-size:12px}.notes.wall{columns:2;column-gap:18px}.note{break-inside:avoid;border:1px solid var(--line);background:var(--paper);border-radius:14px;width:100%;margin-bottom:18px;display:inline-block;overflow:hidden}.note-body{text-align:left;background:0 0;border:0;border-radius:0;width:100%;padding:23px 22px 10px;display:block}.note-body:hover{background:var(--paper)}.note-meta{text-transform:uppercase;letter-spacing:.9px;color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:18px;font-size:9px;display:flex}.note h3{font-size:16px}.note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.citation{background:var(--tint)}.citation .note-body,.citation .note-body:hover{background:0 0}.citation p{font:20px/1.65 Georgia,serif}.tags{color:var(--muted);flex-wrap:wrap;gap:9px;font-size:10px;display:flex}.note-bottom{color:var(--muted);justify-content:space-between;align-items:center;padding:0 14px 9px 22px;display:flex}.note-bottom small{font-size:9px}.note-bottom .icon{background:0 0;border:0;width:35px;height:35px;min-height:35px}.path{border-left:1px solid var(--soft);padding-left:20px}.photo{object-fit:contain;background:var(--tint);border-radius:9px;width:100%;max-height:350px;margin:12px 0;display:block}.bottom-actions{border-top:1px solid var(--line);margin-top:25px;padding:30px 0}.bottom-actions button,.bottom-actions label{font-size:12px}.backdrop{z-index:30;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);overscroll-behavior:contain;border-radius:24px;width:620px;max-width:100%;max-height:90dvh;padding:26px;overflow:auto}.sheet>header{background:var(--paper);z-index:1;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;padding:8px 0;display:flex;position:sticky;top:-26px}.sheet>header h2{margin:0;font:25px Georgia,serif}.sheet>header .icon{border:0}.capture-text{background:0 0;border:0;min-height:190px;padding:10px 0;font-size:18px}.title-input{border:0;padding:8px 0;font:24px Georgia,serif}.save-status{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.file{opacity:0;position:absolute;overflow:hidden;width:1px!important;height:1px!important;min-height:0!important;padding:0!important}.check{align-items:center;gap:10px;display:flex}.check input{width:20px;height:20px;min-height:20px;margin:0}.searchbar{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:6px 10px;display:flex}.searchbar input{background:0 0;border:0;min-width:0;padding:9px 3px}.searchbar button{font-size:12px}.results button{text-align:left;width:100%;margin-bottom:5px;display:block}.results small{display:block}.toast{background:var(--ink);max-width:90vw;color:var(--paper);z-index:50;border-radius:12px;align-items:center;gap:16px;padding:13px 16px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast button{color:inherit;white-space:nowrap;background:0 0;border:0;min-height:30px;padding:4px}.stats{border:1px solid var(--line);background:var(--paper);border-radius:15px;grid-template-columns:repeat(3,1fr);margin-bottom:32px;padding:22px;display:grid}.stats>div{text-align:center;border-right:1px solid var(--line);flex-direction:column;display:flex}.stats>div:last-child{border:0}.stats strong{font:400 32px Georgia,serif}.stats span{color:var(--muted);margin-top:7px;font-size:10px}.session-card,.settings-card,.quiz-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;margin-bottom:22px;padding:28px}.session-card>p,.settings-card>p{color:var(--muted);font-size:13px}.flashcard{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:45px;display:flex}.flashcard h2{white-space:pre-wrap;margin-bottom:35px;font:27px/1.5 Georgia,serif}.ratings{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.simple-list{gap:10px;margin:20px 0;display:grid}.simple-list>button,.simple-list>div{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;display:block}.simple-list strong,.simple-list small{display:block}.simple-list strong{font-size:15px}.simple-list small{color:var(--muted);font-size:11px}.simple-list p{white-space:pre-wrap;margin:6px 0 0;font-size:13px}.option{text-align:left;justify-content:flex-start;width:100%;margin-bottom:10px;padding:16px;display:flex}.option>span{background:var(--tint);border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;display:inline-flex}.option.correct{border-width:2px;border-color:var(--accent)}.explanation{background:var(--tint);border-radius:12px;margin:20px 0;padding:20px}.question-nav{flex-wrap:wrap;gap:7px;margin-bottom:25px;display:flex}.question-nav button{min-width:44px;padding:8px}.graph{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}.graph svg{touch-action:pan-y;width:100%;max-height:520px}.notice{background:var(--tint);color:var(--muted);border-radius:14px;margin:18px 0;padding:18px 20px;font-size:12px}.notice p{margin:8px 0 0}.messages article{background:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:16px;margin:12px 0;padding:18px}.messages .user-message{background:var(--tint);margin-left:30px}.messages small{color:var(--muted);font-size:10px}.messages button{background:0 0;border:0;min-height:25px;padding:0;font-size:10px}.landing{grid-template-columns:1.2fr 1fr;align-content:center;column-gap:8vw;max-width:1400px;min-height:100dvh;margin:auto;padding:45px max(25px,8vw);display:grid}.landing>.wordmark{grid-column:1/-1;margin-bottom:65px;font-size:34px}.landing-copy{padding-top:35px}.landing-copy h1{letter-spacing:-2.6px;margin:25px 0;font-size:clamp(45px,5vw,70px);line-height:1.12}.landing-copy em{color:var(--accent)}.landing-copy p{color:var(--muted);font-size:15px;line-height:1.9}.landing-panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;max-width:460px;padding:30px}.landing-panel h2{font:26px Georgia,serif}.landing-panel p{color:var(--muted);font-size:13px}.landing-panel>small{text-align:center;margin-top:10px;font-size:10px;display:block}.divider{text-align:center;color:var(--muted);margin:20px 0;font-size:10px}.landing footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:1px;grid-column:1/-1;margin-top:60px;padding-top:20px;font-size:10px}details{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}summary{cursor:pointer;min-height:44px;font-size:13px}details button{margin-top:15px}@media (min-width:1500px){.content{margin-left:calc(50vw - 505px);margin-right:auto}}@media (max-width:950px){.sidebar{width:210px;padding:35px 22px}.content{margin-left:210px;padding-left:35px;padding-right:35px}.reading-progress span{display:none}.books{grid-template-columns:repeat(2,1fr)}.cover{height:235px}}@media (max-width:700px){body{font-size:14px}.sidebar{display:none}.content{padding:12px 22px calc(110px + env(safe-area-inset-bottom));max-width:100vw;margin:0}.mobile-header{padding:calc(16px + env(safe-area-inset-top)) 22px 12px;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;display:flex}.mobile-header .wordmark{font-size:29px}.mobile-header .icon{background:0 0;border:0}.sync-line{justify-content:flex-start;margin-bottom:32px;font-size:9px;line-height:1.4}.mobile-nav{background:var(--paper);border-top:1px solid var(--line);padding:7px 8px calc(8px + env(safe-area-inset-bottom));z-index:20;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;gap:4px;min-width:60px;padding:7px 12px;font-size:9px;display:flex}.mobile-nav button.active{color:var(--ink);background:var(--tint)}h1{letter-spacing:-1.3px;font-size:35px}.eyebrow{letter-spacing:1.7px;margin-bottom:11px;font-size:9px}.intro{margin-bottom:24px;font-size:14px}.segments{width:100%;margin-bottom:26px;display:flex}.segments button{flex:1;padding:9px 10px;font-size:12px}.books{gap:25px 17px}.cover{border-left-width:5px;height:225px;padding:21px 13px}.cover>div{padding:17px 10px}.cover strong{font-size:22px}.cover span{letter-spacing:1px;font-size:6px}.book-info h2{font-size:15px}.book-info p{font-size:11px}.book-info>small{font-size:9px}.notes.wall{columns:1}.note-body{padding:23px 22px 10px}.note p{font-size:15px}.citation p{font-size:21px}.reading-progress{margin-bottom:23px}.capture-button{margin-bottom:25px;padding:17px 19px}.reader-tools .segments{width:100%;margin:0 0 5px}.reader-tools>button{flex:1}.reader-tools>select{width:100%}.back{margin-bottom:21px}.backdrop{align-items:flex-end;padding:0}.sheet{width:100%;max-height:93dvh;padding:20px 22px calc(30px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.sheet>header{top:-20px}.sheet h2{font-size:23px}.toast{bottom:calc(85px + env(safe-area-inset-bottom));width:calc(100% - 30px);max-width:500px}.landing{padding:calc(25px + env(safe-area-inset-top)) 24px 30px;display:block}.landing>.wordmark{margin-bottom:40px}.landing-copy{padding:0}.landing-copy h1{letter-spacing:-2px;font-size:48px}.landing-copy p{font-size:14px}.landing-panel{max-width:none;margin-top:35px;padding:25px 22px}.landing footer{margin-top:30px}.stats{padding:20px 12px}.stats strong{font-size:30px}.session-card,.settings-card,.quiz-card{padding:22px}.flashcard{padding:30px 22px}.twocol{gap:10px}.graph svg{min-height:330px}.empty{padding:45px 10px}.empty h2{font-size:24px}}@media (max-width:360px){.content{padding-left:16px;padding-right:16px}.cover{height:195px}.cover strong{font-size:19px}.twocol{grid-template-columns:1fr}.segments button{padding:8px}.landing-copy h1{font-size:42px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.sidebar,.mobile-nav,.mobile-header,.sync-line,button,.button,.toast{display:none!important}.content{margin:0;padding:0}.app{color:#000;background:#fff}.notes.wall{columns:1}.note{break-inside:avoid}}