@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#0f0f0f;background:#fff;font-family:Inter,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:#fdfcfb;margin:0}button,input,textarea,select{font:inherit}.app-shell,header,.create-form,.book-list{max-width:760px;margin:auto}.app-shell{padding:45px 22px 120px}header h1{letter-spacing:-1.8px;margin:8px 0 14px;font:clamp(40px,9vw,66px)/.98 DM Serif Display,serif}header h1 em{color:#2a617c;font-weight:inherit}.eyebrow{letter-spacing:1.2px;color:#2a617c;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}header>p,.section-title p{color:#757575;margin:0;font-size:16px}.hero{color:#fff;background:linear-gradient(130deg,#103d54,#2a617c 65%,#6ba2be);border-radius:28px;align-items:end;min-height:305px;margin:32px 0;padding:30px;display:flex;overflow:hidden}.hero h2{margin:12px 0 22px;font:38px/1.06 DM Serif Display,serif}.hero span{letter-spacing:1px;color:#bbe0ef;font-size:11px;font-weight:700}.hero button,.primary{color:#0f3c50;cursor:pointer;background:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-weight:800;display:inline-flex}.section-title{justify-content:space-between;align-items:end;margin:25px 0 18px;display:flex}.section-title h2{margin:0;font:30px DM Serif Display,serif}.link{color:#2a617c;cursor:pointer;background:0 0;border:0;padding:8px;font-weight:800}.empty{text-align:center;color:#6c6c6c;border:1px solid #e8e6e2;border-radius:22px;padding:38px 22px}.empty svg{color:#2a617c;width:35px;height:35px}.empty h3{color:#111;margin:12px 0 5px}.empty .primary{color:#fff;background:#2a617c;margin-top:15px}.book-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.book h3{margin:10px 0 3px;font-size:15px}.book p{color:#777;margin:0;font-size:12px}.cover-placeholder{aspect-ratio:2/3;color:#fff;text-align:center;background:linear-gradient(155deg,#0d4059,#60a0b8);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:15px;font:22px DM Serif Display,serif;display:flex}.book img{aspect-ratio:2/3;object-fit:cover;border-radius:12px;width:100%}.tag{color:#15506d;text-transform:uppercase;background:#d7edf8;border-radius:20px;margin-top:8px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.draft{color:#7d5b10;background:#fbebbc}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-top:1px solid #e8e8e8;justify-content:center;gap:min(7vw,48px);height:82px;padding:11px max(14px,50vw - 360px);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#7d7d7a;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:48px;font-size:10px;font-weight:800;display:flex}.bottom-nav svg{width:22px}.bottom-nav .active{color:#176137}.bottom-nav .fab{color:#fff;background:#14546f;border:4px solid #fff;border-radius:50%;align-self:flex-start;width:60px;height:60px;margin-top:-33px;box-shadow:0 8px 20px #0c526555}.bottom-nav .fab svg{width:30px;height:30px}.book-list{gap:16px;margin-top:28px;display:grid}.book-row{border:1px solid #e9e7e4;border-radius:22px;grid-template-columns:105px 1fr auto;align-items:center;gap:17px;padding:14px;display:grid}.book-row img,.book-row .cover-placeholder{width:105px}.book-row h2{color:#164f69;margin:0 0 4px;font:25px/1.05 DM Serif Display,serif}.book-row p{color:#666;margin:8px 0;font-size:12px}.book-row>svg{color:#2a617c}.create-form{border:1px solid #e7e5e1;border-radius:24px;gap:17px;margin-top:26px;padding:24px;display:grid;box-shadow:0 10px 35px #193a4d0d}.create-form label{text-transform:uppercase;letter-spacing:1px;gap:7px;font-size:11px;font-weight:800;display:grid}.create-form input,.create-form textarea,.create-form select{color:#171717;text-transform:none;letter-spacing:0;background:#fcfbfa;border:1px solid #dedbd6;border-radius:12px;padding:13px;font-size:15px;font-weight:400}.create-form textarea{resize:vertical;min-height:105px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cover-actions{gap:10px;display:flex}.cover-actions button,.secondary{color:#17516b;cursor:pointer;background:#f2f9fc;border:1px solid #bfd4df;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:12px;font-weight:700;display:flex}.cover-actions button{flex:1;font-size:12px}.cover-actions svg,.secondary svg{width:17px}.primary{color:#fff;background:#2a617c;min-height:49px}.notice,.error{color:#16506a;background:#e4f2f7;border-radius:10px;padding:11px;font-size:13px}.error{color:#a22;background:#ffeded}.auth{background:linear-gradient(145deg,#eaf7fb,#fff 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border-radius:25px;width:min(100%,430px);padding:35px 28px;box-shadow:0 18px 55px #1741581a}.auth-card .logo{object-fit:contain;width:58px;height:58px;margin-bottom:18px}.auth h1{margin:10px 0;font:35px/1.04 DM Serif Display,serif}.auth p{color:#707070;margin-bottom:26px}.auth form{gap:12px;display:grid}.auth input{border:1px solid #ddd;border-radius:11px;padding:14px}.auth .link{width:100%;margin-top:14px}.profile{text-align:center;border:1px solid #e6e4e1;border-radius:22px;margin-top:25px;padding:36px}.profile>svg{color:#2a617c;width:48px;height:48px}.profile h2{margin:8px}.profile p{color:#777}.profile .secondary{margin:20px auto 0}.ranking{gap:12px;margin-top:26px;display:grid}.ranking>div{border:1px solid #ece9e6;border-radius:18px;grid-template-columns:55px 46px 1fr auto;align-items:center;gap:8px;padding:18px;display:grid}.ranking b{color:#17516b;font-size:21px}.ranking span{color:#17516b;background:#f4f1eb;border-radius:10px;padding:8px;font-size:10px;font-weight:800}.ranking h2{margin:0;font:21px/1.05 DM Serif Display,serif}.ranking strong{color:#176137;white-space:nowrap;font-size:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=700px){.book-grid{grid-template-columns:repeat(4,1fr)}.app-shell{padding-top:60px}}@media (width<=370px){.app-shell{padding-left:16px;padding-right:16px}.bottom-nav{gap:3vw}.book-row{grid-template-columns:85px 1fr}.book-row img,.book-row .cover-placeholder{width:85px}.book-row>svg{display:none}}@media (width<=699px){.auth{background:linear-gradient(155deg,#e5f5fa,#fff 52%,#f4fafc);padding:0;display:block}.auth-card{width:100%;min-height:100dvh;box-shadow:none;border-radius:0;flex-direction:column;justify-content:center;padding:clamp(42px,11vh,88px) 28px 36px;display:flex}.auth-card .logo{width:72px;height:72px;margin-bottom:24px}.auth h1{font-size:clamp(42px,12vw,56px)}.auth p{margin-bottom:32px;font-size:16px}.auth form{gap:15px}.auth input{padding:16px}.auth .primary{min-height:55px}.auth .link{margin-top:22px}}.create-form>.primary{font-size:0}.create-form>.primary:after{content:"Gerar Obra";font-size:16px}.cover-actions{background:#edf3f5;border:1px solid #d8e4e8;border-radius:14px;gap:0;padding:4px}.cover-actions button{color:#54717d;background:0 0;border:0;border-radius:10px;min-height:46px;transition:background .2s,color .2s,box-shadow .2s}.cover-actions button+button{border-left:1px solid #d8e4e8}.cover-actions button:hover,.cover-actions button:focus-visible{color:#2a617c;background:#fff;outline:0;box-shadow:0 2px 8px #1d53621a}.cover-actions button:active{color:#fff;background:#2a617c}.cover-actions button svg{width:18px;height:18px}.cover-actions:before{content:"Capa";letter-spacing:1px;text-transform:uppercase;color:#0f0f0f;font-size:11px;font-weight:800;position:absolute;transform:translateY(-29px)}.cover-actions{margin-top:22px;position:relative}.cover-actions button{font-size:0}.cover-actions button:after{font-size:12px}.cover-actions button:first-of-type:after{content:"Fazer Upload"}.cover-actions button:last-of-type:after{content:"Gerar com IA"}.cover-actions:has(button:last-of-type:focus)+small{display:none}.create-form>button.secondary{display:none}.create-form .two{grid-template-columns:1fr}.currency-picker{background:#fcfbfa;border:1px solid #dedbd6;border-radius:12px;grid-template-columns:98px 1fr;display:grid;overflow:hidden}.currency-picker select,.currency-picker input{background:0 0!important;border:0!important;border-radius:0!important}.currency-picker select{color:#2a617c!important;border-right:1px solid #dedbd6!important;font-weight:700!important}.currency-picker input{min-width:0}.currency-picker:focus-within{outline-offset:1px;outline:2px solid #9bc6d8}.generation-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#0f0f0f;background:#ffffffed;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:none;position:fixed;inset:0}.generation-overlay.visible{display:flex}.generation-overlay strong{color:#2a617c;margin-top:22px;font:36px DM Serif Display,serif}.generation-overlay p{color:#68767c;max-width:290px;margin:9px 0}.generation-loader{border:5px solid #dcebf0;border-top-color:#2a617c;border-radius:50%;width:58px;height:58px;animation:1s linear infinite spin}.generation-overlay small{color:#2a617c;font-size:12px;font-weight:700}.book,.book-row{font:inherit;text-align:left;cursor:pointer}.book{color:inherit;background:0 0;border:0;padding:0}.book-row{width:100%;color:inherit;background:#fff}.book:focus-visible,.book-row:focus-visible{outline-offset:3px;outline:3px solid #8ac2d8}.back{color:#2a617c;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:22px;padding:0;font-weight:800;display:flex}.back svg{width:18px}.reader{max-width:650px;margin:auto}.reader-cover{width:min(240px,65vw);margin:0 auto 30px}.reader-cover img,.reader-cover .cover-placeholder{aspect-ratio:2/3;object-fit:cover;border-radius:16px;width:100%}.reader-header{text-align:center}.reader-header .eyebrow{justify-content:center}.reader-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0;display:flex}.danger{color:brown;cursor:pointer;background:#fff4f4;border:1px solid #f1bcbc;border-radius:12px;align-items:center;gap:7px;padding:12px;font-weight:700;display:flex}.danger svg{width:17px}.reader-content{color:#252525;border-top:1px solid #e8e6e2;margin-top:26px;padding-top:24px;font:18px/1.85 DM Serif Display,serif}.reader-content p{margin:0 0 20px}.content-editor{min-height:360px}.rich-editor{text-transform:none;letter-spacing:0;background:#fff;border:1px solid #dedbd6;border-radius:12px;overflow:hidden}.rich-toolbar{background:#f2f9fc;border-bottom:1px solid #dedbd6;flex-wrap:wrap;gap:5px;padding:8px;display:flex}.rich-toolbar button{color:#17516b;cursor:pointer;background:#fff;border:0;border-radius:7px;padding:6px 9px}.rich-editor-area{outline:0;min-height:360px;padding:16px;font:16px/1.65 Inter,sans-serif}.rich-editor-area h2,.rich-editor-area h3{color:#164f69;font-family:DM Serif Display,serif}.rich-editor-area blockquote{color:#5d6d73;border-left:3px solid #8fc4d8;margin:14px 0;padding:4px 14px}.modal-backdrop{z-index:10000;background:#0d283880;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(100%,420px);padding:26px;box-shadow:0 20px 60px #00131d66}.modal h2{margin:0 0 8px;font:30px DM Serif Display,serif}.modal p{color:#66747a;margin:0 0 22px}.modal>div{justify-content:flex-end;gap:10px;display:flex}.save-content{width:100%;margin-top:18px}.toast{z-index:10001;color:#fff;background:#176137;border-radius:12px;padding:13px 18px;font-size:14px;font-weight:700;position:fixed;bottom:104px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0f3d2655}.editable-cover{cursor:pointer;position:relative}.editable-cover:after{content:"";opacity:0;background:#082b3a80;border-radius:16px;transition:opacity .2s;position:absolute;inset:0}.editable-cover span{z-index:1;color:#fff;white-space:nowrap;opacity:0;font-weight:800;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editable-cover:hover:after,.editable-cover:hover span{opacity:1}.editable-title{cursor:text;border-bottom:2px dashed #9bc6d8}.reader-title-input{text-align:center;width:100%;max-width:560px;font:inherit;color:#164f69;background:#fff;border:1px solid #9bc6d8;border-radius:10px;outline:0;padding:6px 10px}.library-section{margin-top:34px}.library-section .section-title{margin-bottom:10px}.genre-group{margin:24px 0}.genre-group>h2{color:#2a617c;margin:0 0 11px;font:24px DM Serif Display,serif}.loading-books{text-align:center;color:#66747a;padding:16px;font-size:13px;font-weight:700}.create-form label:has(input[type=number]){display:none}.ranking>.ranking-empty{text-align:center;background:radial-gradient(circle at 50% 0,#e9f7fb 0,#fff 62%);border:1px solid #d7e5eb;border-radius:24px;flex-direction:column;grid-template-columns:none;align-items:center;gap:0;padding:38px 26px 34px;display:flex;box-shadow:0 14px 36px #17415812}.ranking-empty-icon{color:#fff;background:#2a617c;border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto 17px;display:grid;box-shadow:0 10px 20px #2a617c38}.ranking-empty-icon svg{width:30px;height:30px}.ranking-empty>span{color:#2a617c;letter-spacing:1.4px;font-size:10px;font-weight:800;display:block}.ranking-empty h2{color:#164f69;margin:8px 0;font:28px DM Serif Display,serif}.ranking-empty p{color:#64767e;max-width:310px;margin:0 auto;font-size:14px;line-height:1.55}@media (width<=699px){.ranking-empty{border-radius:20px;padding:28px 20px 26px}.ranking-empty-icon{border-radius:17px;width:52px;height:52px;margin-bottom:13px}.ranking-empty-icon svg{width:25px;height:25px}.ranking-empty>span{letter-spacing:1.1px;font-size:9px}.ranking-empty h2{margin:7px 0;font-size:25px}.ranking-empty p{max-width:270px;font-size:13px;line-height:1.45}}.profile-editor{background:#fff;border:1px solid #e7e5e1;border-radius:24px;gap:17px;margin-top:26px;padding:25px;display:grid;box-shadow:0 10px 35px #193a4d0d}.profile-editor label{text-transform:uppercase;letter-spacing:1px;gap:7px;font-size:11px;font-weight:800;display:grid}.profile-editor input,.profile-editor textarea{color:#171717;background:#fcfbfa;border:1px solid #dedbd6;border-radius:12px;padding:13px;font-size:15px}.profile-editor textarea{resize:vertical;min-height:115px}.avatar-editor{color:#2a617c;cursor:pointer;background:0 0;border:0;justify-self:center;justify-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.avatar-editor img,.avatar-editor>svg{object-fit:cover;background:#e8f3f7;border-radius:50%;width:94px;height:94px;padding:18px}.avatar-editor img{border:3px solid #c9e0e9;padding:0}.profile-books{margin-top:38px}.logout-button{color:#a14a4a;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:25px auto 0;font-weight:800;display:flex}.logout-button svg{width:17px}.ranking>div:not(.ranking-empty){grid-template-columns:40px 46px 1fr auto}.rank-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.rank-avatar-fallback{color:#2a617c;background:#e5f2f7;place-items:center;display:grid}.rank-avatar-fallback svg{width:21px;height:21px}@media (width<=370px){.ranking>div:not(.ranking-empty){grid-template-columns:34px 40px 1fr}.rank-avatar{width:36px;height:36px}.ranking>div:not(.ranking-empty) strong{display:none}}