:root{--page:#f6f7f2;--surface:#fff;--ink:#173c36;--text:#243730;--muted:#87948a;--border:#e8ece5;--mint:#d2f5bd;--mint-dark:#b9ed9b;--peach:#ffe5d0;--lilac:#eee5f7;--shadow:0 16px 42px rgba(23,60,54,.055);--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #89c2a2;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}svg{display:block}.ico{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex-shrink:0}.ico svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.app-shell{display:flex;min-height:100vh}.sidebar{width:264px;background:#fff;border-right:1px solid var(--border);padding:35px 18px 22px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;margin:0 8px 53px}.brand-mark{width:43px;height:43px;background:#1e4c46;color:#d2f5bd;border-radius:14px;display:grid;place-items:center}.brand-mark svg{width:31px;height:31px}.brand-type strong{display:block;color:#153b35;font-size:24px;letter-spacing:-1.5px;line-height:1.12}.brand-type small{display:block;color:#8b9b90;font-weight:800;font-size:8px;letter-spacing:1.35px;margin-top:5px}.nav-section-label{font-weight:800;font-size:10px;color:#a5afa7;letter-spacing:1.6px;margin:0 15px 14px}.section-spaced{margin-top:34px}.nav-stack{display:flex;flex-direction:column;gap:5px}.nav-link{width:100%;height:46px;text-align:left;display:flex;align-items:center;gap:14px;padding:0 14px;background:transparent;border:0;border-radius:11px;color:#66786e;font-size:13px;font-weight:640;white-space:nowrap}.nav-link .ico{color:#889c8c}.nav-link.active{background:#e7f5df;color:#234c3e}.nav-link.active .ico{color:#2d745a}.nav-link:hover,.plain-nav:hover{background:#f4f8f1}.nav-count{margin-left:auto;background:rgba(23,60,54,.08);padding:4px 9px;border-radius:20px;font-size:11px}.category-nav .nav-link{height:39px}.collection-dot{width:9px;height:9px;border-radius:50%;background:#b7d5c4;flex-shrink:0;margin:0 6px}.collection-dot.c1{background:#dfb89e}.collection-dot.c2{background:#b8a8d8}.collection-dot.c3{background:#a5c4db}.plain-nav{display:flex;align-items:center;gap:13px;background:transparent;color:#7a9281;border:0;text-align:left;padding:11px 16px;border-radius:12px;font-size:13px}.sidebar-bottom{margin-top:auto}.privacy-note{display:flex;align-items:flex-start;gap:10px;margin:0 10px 17px;padding:14px 11px;font-size:11px;line-height:1.6;color:#8ca296;background:#f7faf6;border-radius:12px}.privacy-dot{margin-top:5px;width:7px;height:7px;flex-shrink:0;background:#7bbb95;border-radius:50%;box-shadow:0 0 0 4px #e7f6e8}.settings-link{border-top:1px solid var(--border);border-radius:0;padding-top:8px;height:58px}
.main-column{flex:1;min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 45px;background:#fff;border-bottom:1px solid var(--border)}.topbar-location{display:flex;align-items:center;gap:12px;font-size:12px;color:#718277;font-weight:550}.topbar-location .ico{color:#729b83;width:17px}.topbar-location strong{color:#344f41;font-weight:700}.crumb{color:#bec9bf}.topbar-right{display:flex;align-items:center;gap:17px}.topbar-private{display:flex;align-items:center;gap:6px;font-size:11px;color:#8a9e91}.topbar-private .ico{width:15px;height:15px;color:#71a680}.icon-btn{border:0;background:transparent;display:grid;place-items:center;color:#829388;width:36px;height:36px;border-radius:10px}.icon-btn:hover{background:#eef5ee;color:#275344}.primary-btn{border:0;background:#214b42;color:white;padding:12px 17px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:760;font-size:12px;min-height:41px}.primary-btn:hover{background:#163b34}.primary-btn .ico{width:16px;height:16px}.mobile-brand{display:none}.library-screen{padding:37px 45px 15px;max-width:1460px;margin:auto}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.eyebrow,.section-kicker,.reading-eyebrow,.modal-kicker{font-size:10px;letter-spacing:2.4px;font-weight:850;color:#6b9481}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:19px;height:2px;background:#78ae84}.welcome-row h1{font-size:clamp(32px,4.15vw,54px);letter-spacing:-2.2px;line-height:1.13;margin:12px 0 12px;color:#19443b;font-weight:760}.welcome-row h1 em{font-weight:450;font-family:Georgia,"Times New Roman",serif;letter-spacing:-1.6px}.welcome-row p{color:#7d8b80;font-size:13px;margin:0;line-height:1.5}.date-stamp{font-size:11px;color:#9cac9e;padding-bottom:7px;letter-spacing:.2px}.feature-area{position:relative;background:#19493f;color:#fff;border-radius:19px;padding:28px 39px;min-height:229px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.feature-area:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 40%,rgba(126,175,140,.17),transparent 40%)}.feature-copy{max-width:60%;position:relative;z-index:2}.feature-label{font-weight:800;letter-spacing:1.8px;font-size:9px;color:#cbefb9;display:flex;align-items:center;gap:10px}.feature-pulse{width:7px;height:7px;border-radius:50%;background:#b8f29d;box-shadow:0 0 0 5px rgba(180,233,154,.1)}.feature-copy h2{font-size:clamp(19px,2.4vw,28px);line-height:1.2;letter-spacing:-.9px;margin:18px 0 8px;max-width:480px}.feature-copy p{font-size:12px;color:#a6c5b8;max-width:425px;line-height:1.6;margin:0}.feature-actions{display:flex;align-items:center;gap:18px;margin-top:18px}.feature-play{background:#d3f2bb;color:#224b3b;font-size:12px;font-weight:800;border:0;border-radius:10px;padding:12px 17px;display:flex;gap:9px;align-items:center}.feature-play:hover{background:#e1ffcc}.feature-play .ico{width:14px;height:14px}.feature-time{font-size:11px;color:#adcbba}.feature-visual{width:250px;height:225px;position:absolute;right:48px;top:0;display:grid;place-items:center}.wave-ring{position:absolute;width:235px;height:235px;border-radius:50%;border:1px solid rgba(199,241,184,.1)}.wave-ring-two{width:310px;height:310px}.disc{width:153px;height:153px;border-radius:50%;background:repeating-radial-gradient(circle,#234e43 0,#234e43 9px,#346657 10px,#21483e 11px);border:3px solid #426e5d;box-shadow:0 0 60px #09392e;display:grid;place-items:center}.disc-center{display:grid;place-items:center;width:62px;height:62px;background:#d0f1bb;color:#244a3e;border:7px solid #274f44;border-radius:50%}.disc-center .ico{width:23px;height:23px}.wave-bars{position:absolute;bottom:32px;right:4px;display:flex;align-items:center;gap:5px;height:60px}.wave-bars i{background:#b9e2ab;border-radius:3px;width:3px;height:11px;opacity:.8}.wave-bars i:nth-child(3n){height:28px}.wave-bars i:nth-child(4n){height:38px}.wave-bars i:nth-child(5n){height:15px}.wave-bars i:nth-child(7n){height:49px}
.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.summary-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #edf0e9;border-radius:15px;padding:16px 18px;min-height:83px}.summary-icon{height:48px;width:48px;border-radius:13px;display:grid;place-items:center;color:#315445}.summary-icon.mint{background:#e0f4d8}.summary-icon.peach{background:#fff0e5;color:#ad7459}.summary-icon.lilac{background:#f2eaff;color:#8a77a8}.summary-icon .ico{width:22px;height:22px}.summary-card strong{font-size:26px;line-height:1.1;color:#24473a;display:block;letter-spacing:-1.3px}.summary-card span:not(.ico){font-size:11px;color:#97a49b;display:block;margin-top:5px}.doc-section{margin-top:44px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:21px}.section-kicker{font-size:9px}.section-heading h2{font-size:21px;letter-spacing:-.5px;color:#284b3f;margin:7px 0 0}.muted-number{font-size:16px;color:#a6b0a7;font-weight:450}.section-actions{display:flex;gap:7px}.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e2eae0;color:#597365;background:#fff;border-radius:10px;padding:9px 13px;font-size:11px;font-weight:750}.outline-btn .ico{width:16px;height:16px}.outline-btn:hover{background:#eaf6e8}.filters-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.searchbox{height:43px;display:flex;align-items:center;background:white;border:1px solid var(--border);border-radius:11px;padding:0 11px;gap:9px;flex:1;max-width:460px;color:#9bac9c}.searchbox .ico{width:17px;height:17px}.searchbox input{border:0;background:transparent;outline:none;width:100%;font-size:12px;color:#24473b}.searchbox input::placeholder{color:#acb9ae}.searchbox kbd{font-size:18px;color:#c1c9c1}.filters-right{display:flex;gap:9px}.select-control{color:#778a7b;font-size:11px;padding:11px 27px 11px 12px;border:1px solid var(--border);border-radius:10px;background:white;max-width:176px}
.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:15px}.doc-card{background:#fff;border:1px solid #e8eee8;border-radius:16px;padding:19px;min-height:215px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;cursor:pointer;position:relative}.doc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d4e3d6}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.file-icon{width:45px;height:48px;background:#fae7e4;border-radius:11px;display:grid;place-items:center;color:#b96a63}.file-icon .ico{width:24px;height:24px}.file-icon.docx{background:#e4eef8;color:#6c98c0}.file-icon.epub{background:#eee8fa;color:#927cb0}.file-icon.txt,.file-icon.md,.file-icon.csv{background:#e9f5e4;color:#74a47b}.file-icon.html{background:#fff1dc;color:#c9a069}.favorite-btn{background:none;border:0;padding:5px;color:#a7b4a9;border-radius:7px}.favorite-btn.favorited{color:#ca797b}.favorite-btn.favorited svg{fill:#f5d2cf}.favorite-btn:hover{background:#f7f7f4}.favorite-btn .ico{width:18px;height:18px}.doc-card h3{font-size:15px;color:#2a4b40;margin:16px 0 7px;line-height:1.35;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.card-subline{color:#91a196;font-size:10px;display:flex;align-items:center;gap:7px}.card-subline .badge-format{color:#637e6d;background:#f3f6ef;border-radius:5px;padding:4px 5px;font-weight:750}.card-bottom{margin-top:auto;padding-top:13px}.card-progress-track{height:4px;background:#edf1e9;border-radius:20px;overflow:hidden;margin-bottom:9px}.card-progress-fill{height:100%;background:#88bc93;border-radius:20px}.card-footer{display:flex;justify-content:space-between;align-items:center;color:#9caa9f;font-size:10px}.card-footer strong{color:#6c8c73;font-size:10px}.empty-state{background:#fff;border:1px dashed #dbe7d8;border-radius:16px;text-align:center;padding:45px 20px}.empty-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:25px;background:#ebf6e7;color:#4c8065;margin:0 auto 14px}.empty-icon .ico{width:32px;height:32px}.empty-state h3{font-size:18px;color:#294d40}.empty-state p{font-size:12px;color:#849688}.app-footer{margin-top:60px;padding:18px 0 30px;text-align:center;font-size:10px;color:#a4b0a7}.app-footer span{color:#81b28e;margin:0 6px}
.reader-screen{padding-bottom:160px}.reader-top{background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:14px 34px}.reader-back{display:flex;gap:9px;align-items:center;background:none;border:0;font-size:12px;font-weight:750;color:#54816b}.reader-back .ico{width:18px}.reader-top-right{display:flex;gap:8px}.reader-layout{display:grid;grid-template-columns:255px minmax(0,810px);justify-content:center;gap:60px;padding:51px 40px}.reading-details{padding-top:55px;position:sticky;top:25px;height:max-content}.format-chip{background:#f4e9e6;color:#bd7768;letter-spacing:1.5px;font-size:10px;border-radius:7px;display:inline-block;padding:9px 12px;font-weight:800}.reading-details h2{font-size:23px;line-height:1.25;color:#27483d;letter-spacing:-.8px;margin:18px 0 9px;overflow-wrap:anywhere}.side-category{font-size:12px;color:#90a294}.reading-divider{border-top:1px solid #e0e7df;margin:31px 0}.reading-meta{display:flex;justify-content:space-between;color:#8e9e93;font-size:11px;margin-bottom:9px}.reading-meta strong{color:#568867}.progress-track{height:5px;border-radius:20px;background:#dfebdb;overflow:hidden}.progress-fill{background:#70b585;height:100%;width:0%;border-radius:20px;transition:width .2s}.reader-detail-line{display:flex;gap:10px;align-items:center;font-size:11px;color:#8c9e92;margin-top:20px}.reader-detail-line .ico{width:17px}.reader-tip{display:flex;align-items:flex-start;gap:9px;background:#ebf4e9;padding:15px;border-radius:12px;color:#75917b;font-size:11px;line-height:1.6;margin-top:33px}.reader-tip .ico{width:17px;height:17px;margin-top:2px;flex-shrink:0}.reading-content{min-width:0;background:#fff;border:1px solid #edf0e8;box-shadow:var(--shadow);border-radius:16px;padding:43px 54px 65px}.reading-content-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.reading-eyebrow{font-size:9px;letter-spacing:1.7px}.dot-divider{color:#b9c3ba}.font-controls{display:flex;gap:7px}.font-controls button{background:#f6f8f5;color:#6a8070;border:1px solid #e6ebe4;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:850}.reading-content h1{font-family:Georgia,"Times New Roman",serif;color:#253e33;font-size:clamp(28px,3.2vw,42px);line-height:1.2;letter-spacing:-1.6px;margin:30px 0 12px;overflow-wrap:anywhere}.reader-subline{color:#9aa69c;font-size:12px}.reading-rule{height:1px;background:#e6ece5;margin:28px 0 34px}.text-content{font-family:Georgia,"Times New Roman",serif;font-size:var(--reader-font-size,18px);color:#3c4940;line-height:1.9;overflow-wrap:anywhere;white-space:normal}.text-content p{margin:0 0 24px}.speech-segment{border-radius:4px;cursor:pointer;transition:background .1s}.speech-segment:hover{background:#f1f7e9}.speech-segment.active-segment{background:#e4f2c7;box-shadow:0 0 0 3px #e4f2c7}.end-document{display:flex;align-items:center;gap:9px;font-size:12px;color:#90a397;border-top:1px solid #e8efe7;padding-top:24px;margin-top:45px}.end-document .ico{color:#8fbb93}
.audio-player{position:fixed;bottom:0;left:264px;right:0;background:#fff;border-top:1px solid #e2ebe1;box-shadow:0 -10px 40px rgba(32,65,49,.08);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.player-progress-bar{height:3px;background:#e4efe2}.player-progress-bar>div{height:100%;background:#76b98a;width:0%;transition:width .16s}.player-body{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 35px;gap:25px}.player-document{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.player-doc-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#e5f4df;color:#477459;flex-shrink:0}.player-doc-info{min-width:0}.player-doc-info strong{display:block;font-size:12px;color:#2e5141;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.player-doc-info span{display:block;color:#9caa9e;font-size:10px;margin-top:5px}.playback-controls{display:flex;align-items:center;gap:12px}.playback-controls button{display:grid;place-items:center;border:0;background:transparent;border-radius:11px;width:37px;height:37px;color:#7c9683}.playback-controls button:hover{background:#eaf5e7}.playback-controls .ico{width:20px}.playback-controls .large-play{background:#255548;color:#fff;width:45px;height:45px;border-radius:50%}.playback-controls .large-play:hover{background:#173e35}.player-options{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex:1}.speed-control{color:#90a397;font-size:10px;white-space:nowrap}.speed-control select,.voice-select{background:#f7f9f5;border:1px solid #e6ece4;border-radius:10px;padding:10px;color:#456d54;font-size:11px;font-weight:700;max-width:170px}.speed-control select{padding:9px 5px;max-width:65px}.mobile-tabs,.mobile-fab{display:none}
.modal-shade{position:fixed;inset:0;z-index:50;background:rgba(13,38,28,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;border-radius:20px;box-shadow:0 25px 90px rgba(10,40,20,.28);width:min(100%,510px);max-height:90vh;overflow:auto;padding:26px}.modal-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:21px}.modal-kicker{font-size:9px}.modal-header h2{font-size:24px;letter-spacing:-.7px;margin:7px 0 0;color:#24483b}.drop-zone{background:#f5faf2;border:2px dashed #c8dfc5;border-radius:15px;padding:28px 17px;text-align:center;transition:.2s}.drop-zone.drag-over{background:#e6f6da;border-color:#7dbb81}.drop-zone-icon{display:grid;place-items:center;margin:0 auto 12px;background:#ddf0d8;width:55px;height:55px;border-radius:16px;color:#4b8161}.drop-zone-icon .ico{width:29px;height:29px}.drop-zone h3{color:#305b46;font-size:14px;margin:0 0 8px}.drop-zone p{color:#8aa18e;font-size:11px;margin:0 0 16px}.help-text{font-size:11px;color:#8b9d90;line-height:1.65;margin-top:13px}.form-field{display:flex;flex-direction:column;gap:8px;color:#516b5a;font-weight:700;font-size:12px;margin-top:20px}.form-field input,.form-field select{width:100%;padding:12px;border:1px solid #dfe7df;border-radius:10px;background:#fff;color:#3c5e48;outline:none}.form-field input:focus,.form-field select:focus{border-color:#8bb898}.modal-actions{margin-top:24px;display:flex;align-items:center;justify-content:flex-end;gap:9px}.ghost-btn{background:transparent;border:1px solid #e0e8de;border-radius:10px;color:#6e8271;padding:11px 15px;font-size:12px;font-weight:700}.hint-panel{padding:13px;background:#f4f8f2;border-radius:12px;color:#718773;line-height:1.7;font-size:11px;margin-top:15px}.list-setting{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--border);font-size:12px;color:#587063}.list-setting strong{color:#365945;display:block;font-size:13px;margin-bottom:6px}.list-setting span{color:#8b9d8e;line-height:1.5}.list-setting select{max-width:165px}.danger-btn{border:1px solid #f0d4d1;border-radius:10px;color:#af5653;background:#fff7f7;padding:10px 12px;font-weight:700;font-size:12px}.details-options{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px}.details-options button{min-width:0}.toast{position:fixed;z-index:100;bottom:111px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:#20483d;color:white;padding:12px 17px;border-radius:12px;font-size:12px;font-weight:650;text-align:center;box-shadow:0 16px 38px #214d3b33;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translate(-50%,0)}.import-status{font-size:11px;color:#567f63;padding:8px 0}.modal input[type="checkbox"]{accent-color:#3c7858}
@media (min-width:1500px){.library-screen{padding-left:60px;padding-right:60px}}
@media (max-width:1100px){.sidebar{width:215px;padding-left:12px;padding-right:12px}.audio-player{left:215px}.topbar{padding:0 24px}.library-screen{padding:31px 24px}.reader-layout{grid-template-columns:190px minmax(0,1fr);gap:25px;padding:40px 24px}.reading-content{padding:35px}.player-body{padding:0 18px;gap:10px}.player-doc-info strong{max-width:150px}.feature-visual{right:10px;opacity:.8}.feature-copy{max-width:65%}.player-options{flex:.8}}
@media (max-width:800px){.sidebar{display:none}.audio-player{left:0}.topbar{height:67px;padding:0 19px}.topbar-location,.topbar-private,.topbar-right>.icon-btn{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;color:#20483b;font-size:21px;letter-spacing:-1.2px}.mini-brand-icon{display:grid;place-items:center;background:#1e4c46;color:#d2f5bd;width:35px;height:35px;border-radius:11px}.mini-brand-icon .ico{width:21px}.top-import{font-size:0;padding:0;width:38px;height:38px;border-radius:10px}.top-import .ico{width:20px;height:20px}.library-screen{padding:26px 20px 110px}.feature-area{padding:27px}.summary-cards{gap:9px}.summary-card{padding:13px;gap:10px}.summary-icon{width:39px;height:39px}.summary-card strong{font-size:23px}.summary-card span:not(.ico){font-size:10px}.reader-top{padding:12px 17px}.reader-layout{display:block;padding:25px 18px}.reading-details{position:static;height:auto;display:none}.reading-content{max-width:770px;margin:auto}.mobile-tabs{display:flex;position:fixed;z-index:18;bottom:0;left:0;right:0;background:#fff;padding:9px 8px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e4ede2;justify-content:space-around;box-shadow:0 -8px 20px #25452c08}.mobile-tabs button{display:flex;flex-direction:column;gap:3px;align-items:center;color:#8b9e8f;font-size:9px;font-weight:690;border:0;background:none;min-width:62px}.mobile-tabs .ico{width:21px}.mobile-tabs button.active{color:#2f6d50}.mobile-fab{display:grid;place-items:center;position:fixed;right:20px;bottom:80px;background:#244d42;color:#fff;border:0;border-radius:17px;width:52px;height:52px;box-shadow:0 8px 26px #264f4366;z-index:17}.mobile-fab .ico{width:25px;height:25px}.audio-player{bottom:0}.player-body{height:80px}.reader-screen{padding-bottom:125px}.app-shell.reader-active~.mobile-tabs,.app-shell.reader-active~.mobile-fab{display:none}.doc-section{margin-top:35px}}
@media (max-width:600px){.library-screen{padding:25px 17px 107px}.welcome-row{margin-bottom:24px}.welcome-row h1{font-size:37px;line-height:1.13;letter-spacing:-1.5px}.welcome-row p{font-size:12px;max-width:300px}.date-stamp{display:none}.feature-area{min-height:214px;padding:25px 22px}.feature-copy{max-width:100%}.feature-copy h2{font-size:21px;max-width:225px}.feature-copy p{font-size:11px;max-width:210px}.feature-visual{right:-97px;top:0;opacity:.35}.feature-actions{gap:10px}.feature-play{font-size:11px;padding:10px 12px}.feature-time{font-size:10px}.summary-cards{gap:8px}.summary-card{padding:12px 9px;min-height:70px;align-items:center}.summary-icon{width:32px;height:32px;border-radius:10px}.summary-icon .ico{width:17px;height:17px}.summary-card{gap:8px}.summary-card strong{font-size:21px}.summary-card span:not(.ico){font-size:9px;white-space:nowrap}.section-heading h2{font-size:18px}.section-actions{gap:5px}.outline-btn{padding:9px}.desktop-label{display:none}.filters-row{flex-wrap:wrap}.searchbox{max-width:none;flex-basis:100%}.filters-right{display:flex;width:100%}.select-control{flex:1;max-width:none;min-width:0}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.doc-card{padding:13px;min-height:213px}.doc-card h3{font-size:13px;margin-top:15px}.file-icon{width:42px;height:45px}.card-subline{gap:4px;flex-wrap:wrap;font-size:9px}.app-footer{font-size:9px}.reader-top{padding:9px 10px}.reader-top-right{gap:4px}.reader-back{font-size:11px}.reader-back .ico{width:18px}.reading-content{padding:28px 24px 40px}.reading-content h1{font-size:30px;margin-top:23px}.text-content{font-size:var(--reader-font-size,18px)}.reading-eyebrow{letter-spacing:1px;font-size:8px}.reader-layout{padding:12px 9px}.reader-screen{padding-bottom:155px}.player-body{height:103px;padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px 36px;gap:4px 10px}.player-document{grid-column:1;grid-row:1}.player-doc-icon{width:33px;height:33px;border-radius:10px}.player-doc-icon .ico{width:16px}.player-doc-info strong{max-width:210px;font-size:11px}.player-doc-info span{font-size:9px}.playback-controls{grid-column:2;grid-row:1;gap:0}.playback-controls button{width:31px;height:31px}.playback-controls .ico{width:17px}.playback-controls .large-play{width:36px;height:36px}.playback-controls #stopBtn{display:none}.player-options{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:8px}.player-options .speed-control{font-size:10px}.speed-control select,.voice-select{font-size:10px;padding:6px;max-width:205px}.voice-select{flex:1;max-width:230px}.toast{bottom:128px}.modal{padding:22px 17px}.modal-header h2{font-size:20px}}
@media (max-width:355px){.document-grid{grid-template-columns:1fr}.summary-card{flex-direction:column;justify-content:center;text-align:center}.feature-time{display:none}.player-doc-info strong{max-width:135px}.voice-select{max-width:175px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Estado de conexión: los documentos siempre permanecen locales. */
.network-status{font-size:11px;font-weight:650;letter-spacing:.01em;color:#55766a;white-space:nowrap}
.network-status.is-offline{color:#916e46}
@media(max-width:1160px){.network-status{display:none}}

/* Vozoteca 3.0: estudio de narración */
.studio-btn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;border:1px solid #d6e5db;background:#edf5ed;color:#315e49;border-radius:9px;padding:9px 10px;font-size:10px;font-weight:750;white-space:nowrap}
.studio-btn .ico{width:14px;height:14px}.studio-btn:hover{background:#dcefdc}
.voice-studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.voice-studio-grid .form-field{min-width:0}
.voice-studio-sliders{display:grid;gap:17px;margin-top:21px;padding:18px;border:1px solid #e2ebe2;border-radius:14px;background:#fbfdfb}
.voice-studio-sliders label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#3e6350}
.voice-studio-sliders output{color:#659070;font-variant-numeric:tabular-nums}
.voice-studio-sliders input{grid-column:1/-1;width:100%;accent-color:#31694e;margin-top:5px}
@media(max-width:900px){.studio-btn{padding:7px}.studio-btn span:not(.ico){display:none}}
@media(max-width:600px){.studio-btn{padding:6px}.studio-btn .ico{width:15px;height:15px}.voice-studio-grid{grid-template-columns:1fr;gap:0}.voice-select{min-width:0}.speed-control{max-width:75px}}
:root {
  --vozoteca-safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));
  --vozoteca-safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
}

body { padding-top: var(--vozoteca-safe-top); }

.startup-error {
  position: fixed;
  z-index: 110;
  top: calc(var(--vozoteca-safe-top) + 12px);
  left: 12px;
  right: 12px;
  padding: 16px;
  background: #fff;
  border: 1px solid #255548;
  border-radius: 12px;
}

@media (max-width: 800px) {
  .topbar-right > #topSettingsBtn { display: grid; }
  .mobile-tabs { padding-bottom: calc(9px + var(--vozoteca-safe-bottom)); }
  .mobile-fab { bottom: calc(80px + var(--vozoteca-safe-bottom)); }
  .audio-player { padding-bottom: var(--vozoteca-safe-bottom); }
  .playback-controls #stopBtn { display: grid; }
}

:root {
  --page: #f3f5ff;
  --ink: #202952;
  --text: #303c60;
  --muted: #596788;
  --border: #dbe3f5;
  --shadow: 0 16px 42px #35468112;
}

body {
  background:
    radial-gradient(ellipse at 93% 0%, #ded8fc 0, transparent 38%),
    radial-gradient(ellipse at 62% 63%, #dcf5f2 0, transparent 54%),
    linear-gradient(135deg, #f7f5ff, #eff6ff 58%, #edf8f7);
}

.sidebar, .topbar, .mobile-tabs, .audio-player {
  background: linear-gradient(150deg, #ffffff, #f3f5ff);
  border-color: var(--border);
}

.brand-type strong, .mobile-brand, .welcome-row h1, .section-heading h2,
.summary-card strong, .reader-top, .doc-card h3 {
  color: var(--ink);
}

.welcome-row h1 em { color: #5548a2; }
.welcome-row p, .eyebrow, .section-kicker, .app-footer { color: #526183; }
.eyebrow-line { background: #6c67be; }
.brand-mark, .mini-brand-icon, .primary-btn, .mobile-fab,
.playback-controls .large-play {
  background: linear-gradient(130deg, #5550b7, #2d658d 70%, #257486);
  color: #fff;
}
.primary-btn:hover, .playback-controls .large-play:hover {
  background: linear-gradient(130deg, #46419f, #225971);
}
.nav-link.active, .nav-link:hover, .mobile-tabs button.active {
  background: #e9eaff;
  color: #3f3787;
}
.mobile-tabs button { color: #526183; border-radius: 9px; padding: 5px; }

.feature-area {
  isolation: isolate;
  background: linear-gradient(110deg, #f1eaff 3%, #e3ebff 54%, #d7f2f1);
  border: 1px solid #d2d9f6;
  box-shadow: var(--shadow);
}
.feature-visual {
  inset: 0 0 0 auto;
  z-index: -1;
  width: min(60%, 560px);
  background: url("assets/mepi-listen.svg") center right / contain no-repeat;
}
.feature-visual > * { display: none; }
.feature-copy h2, .feature-copy p, .feature-label, .feature-time { color: #293758; }
.feature-pulse { background: #26808e; box-shadow: 0 0 0 4px #63b7bb36; }
.feature-play { background: #fff; color: #40348e; box-shadow: 0 6px 16px #51429f21; }
.feature-play:hover { background: #f8f5ff; }
.summary-card, .doc-card, .reading-content, .modal {
  background: linear-gradient(155deg, #fff 45%, #f5f6ff);
  border-color: var(--border);
}
.summary-icon.mint { background: #d6eff9; color: #296f8a; }
.summary-icon.peach { background: #d9f3ed; color: #296a68; }
.summary-icon.lilac { background: #ede4fc; color: #5b4595; }
.progress-fill, .player-progress-bar > div {
  background: linear-gradient(90deg, #8075d9, #42a6ab);
}
:is(button, a, input, select):focus-visible { outline-color: #5548a2; }

@media (max-width: 600px) {
  .feature-visual { width: 59%; opacity: .65; background-position: right center; }
  .feature-copy { max-width: 69%; }
  .feature-play { white-space: normal; }
  .topbar-right { gap: 8px; }
}