:root{color-scheme:dark;--bg:#051117;--panel:#0b2027;--panel-2:#102930;--panel-3:#0a1b22;--border:#254047;--muted:#9aacae;--text:#f4f7f4;--accent:#08c8bd;--accent-dark:#07272a;--shade:rgba(0,0,0,.54);--danger:#f18b8b;--shadow:0 16px 52px #0005;--radius:20px;--serif:Georgia,'Times New Roman',serif}
:root[data-theme=light]{color-scheme:light;--bg:#f2f7f6;--panel:#ffffff;--panel-2:#e8f5f3;--panel-3:#f7faf9;--border:#c9dad8;--muted:#536b6d;--text:#14252a;--accent:#009e96;--accent-dark:#e4fffb;--shade:rgba(17,44,45,.44);--shadow:0 16px 48px #0d3b3b14}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.47;cursor:not-allowed}a{color:var(--accent)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.2}h1,h2.section-title,.modal-heading{font-family:var(--serif)}h1{font-size:clamp(2.1rem,4.5vw,3.25rem)}h2{font-size:1.55rem}h3{font-size:1.12rem}small{font-size:.83rem}strong{font-weight:700}p{color:var(--muted)}.skip-link{position:absolute;z-index:99;top:-80px;left:12px;padding:12px;background:var(--accent);color:#001b1b}.skip-link:focus{top:8px}.topbar{position:sticky;top:0;z-index:20;background:var(--bg);border-top:3px solid var(--accent);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1220px;min-height:88px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;text-align:left;gap:15px;min-width:0;background:none;border:0;color:var(--text);padding:0}.brand-mark{background:linear-gradient(145deg,#058e87,#02cabe);border-radius:20px;width:59px;height:59px;display:grid;place-items:center;color:#052e32;flex:none}.brand-mark svg{width:30px;height:30px}.brand-copy{min-width:0}.brand-copy strong{display:block;font-family:var(--serif);font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.2;white-space:nowrap}.brand-copy strong span:not(.brand-spark),.footer-brand span{color:var(--accent)}.brand-spark{color:var(--accent);font:1.7rem system-ui}.brand-copy small{display:block;letter-spacing:.19em;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:.7rem;margin-top:3px}.top-actions{display:flex;align-items:center;gap:9px;flex:none}.icon-btn{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--border);border-radius:15px;background:var(--panel);color:var(--text);font-size:1.45rem}.icon-btn:hover,.btn-outline:hover{border-color:var(--accent)}.footer{margin-top:90px;border-top:1px solid var(--border);text-align:center;padding:34px 16px}.footer-brand{font-family:var(--serif);font-weight:700;font-size:1.25rem;color:var(--text)}.footer p{font-size:.82rem;margin:7px auto 0}.boot{max-width:1020px;margin:120px auto;min-height:240px;color:var(--muted);text-align:center}#main{min-height:68vh}.container{width:min(100% - 38px,1160px);margin-inline:auto}.narrow{max-width:850px}.page-head{text-align:center;padding:55px 0 32px}.page-head .eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:.77rem;color:var(--accent)}.hero-icon{margin:0 auto 23px;width:76px;height:76px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#047f79,#08c8bd);color:#00343a;font-size:2.4rem}.page-head h1{margin-bottom:14px}.page-head p{max-width:660px;margin:auto;font-size:1.05rem}.section-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.section-line h2{margin:0;font-size:1.25rem;font-family:inherit}.stack{display:grid;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:25px}.panel.soft{background:var(--panel-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:13px;padding:12px 17px;font-weight:650;line-height:1.25;min-height:45px;transition:background .15s,border-color .15s,transform .15s;text-decoration:none;white-space:normal;text-align:center}.btn:active{transform:scale(.985)}.btn-primary{background:var(--accent);color:#032426}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-muted{background:var(--panel-2);color:var(--text)}.btn-danger{border-color:#aa5454;color:var(--danger);background:transparent}.btn-sm{min-height:37px;padding:8px 12px;font-size:.85rem;border-radius:10px}.btn-large{padding:15px 20px;min-height:54px}.btn-block{width:100%}.btn-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.text-btn{color:var(--accent);background:none;border:0;padding:5px 0}.notice{display:flex;align-items:center;gap:16px;border:1px solid #086a66;background:#062627;border-radius:19px;padding:18px 20px;width:100%;text-align:left;color:var(--text)}.notice-symbol{font-size:1.8rem;color:var(--accent);flex:none}.notice p{margin:0;font-size:.92rem}.notice strong{display:block}.new-tile{border:2px dashed #0a6a67;background:var(--panel-3);border-radius:23px;min-height:190px;width:100%;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;color:var(--text);padding:26px}.new-tile:hover{border-color:var(--accent);background:var(--panel)}.new-tile-icon{display:grid;place-items:center;width:62px;height:62px;background:var(--accent);color:#003234;border-radius:19px;font-size:2rem}.new-tile strong{font-size:1.2rem}.new-tile span:last-child{color:var(--muted)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(242px,1fr));gap:20px;margin-bottom:26px}.book-card{border:1px solid var(--border);background:var(--panel);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.book-card:hover{border-color:var(--accent)}.cover-thumb{height:176px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:22px;text-align:center;position:relative;isolation:isolate;color:var(--cover-fg,#fff);background:var(--cover-bg,#16434b);overflow:hidden}.cover-thumb:before,.cover-full:before{content:"";position:absolute;inset:13px;border:1px solid currentColor;opacity:.28;z-index:-1}.cover-thumb:after,.cover-full:after{content:"✦";position:absolute;right:22px;top:17px;font-size:1.5rem;opacity:.37;z-index:-1}.cover-thumb strong{font:700 clamp(1.2rem,2.3vw,1.55rem)/1.2 var(--serif);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.cover-thumb small{color:inherit;opacity:.85}.book-card-body{padding:17px;flex:1}.book-card-body h3{margin:0 0 8px;line-height:1.3;font-size:1rem}.book-card-body p{font-size:.82rem;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-meta{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:var(--muted);gap:10px}.progress{height:7px;border-radius:20px;background:var(--border);overflow:hidden;margin:11px 0}.progress>span{display:block;height:100%;background:var(--accent);transition:width .2s}.book-card-actions{display:flex;padding:0 17px 17px;gap:8px}.book-card-actions .btn:first-child{flex:1}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:21px}.toolbar>*{min-width:0}.toolbar .input-wrap{flex:1;min-width:180px}.field{display:grid;gap:7px;min-width:0}.field>label,.label{font-weight:650;font-size:.94rem;display:block}.hint{font-size:.79rem;color:var(--muted);line-height:1.5}.input,.select,.textarea{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:12px;min-width:0;width:100%;padding:12px 13px;min-height:47px;outline:none}.textarea{min-height:112px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #08c8bd19}.input[type=number]{appearance:textfield}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .wide{grid-column:1/-1}.form-section{display:grid;gap:20px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--panel-3);text-align:left;color:var(--text)}.choice[aria-pressed=true],.choice:hover{border-color:var(--accent);background:var(--accent-dark)}.choice strong,.choice small{display:block}.choice small{color:var(--muted);margin-top:5px}.checkbox-row{display:flex;align-items:center;gap:9px;color:var(--text)}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent)}.steps{display:flex;align-items:center;gap:11px;margin:28px 0 10px}.step{width:35px;height:35px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.89rem;color:var(--muted);flex:none}.step.active{background:var(--accent);color:#042729;border-color:var(--accent)}.step.done{border-color:var(--accent);color:var(--accent)}.step-rule{flex:1;height:2px;background:var(--border)}.wizard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 55px}.wizard-foot .btn-primary{margin-left:auto}.summary-list{margin:0;display:grid;gap:10px}.summary-list div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--border)}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;overflow-wrap:anywhere}.top-back{display:inline-flex;gap:8px;align-items:center;background:none;border:0;color:var(--muted);padding:18px 0 0}.top-back:hover{color:var(--accent)}.workspace-head{padding:20px 0}.workspace-head h1{font-size:clamp(1.7rem,3.5vw,2.55rem);margin:0 0 7px}.workspace-head p{margin:0}.workspace-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pill{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:100px;padding:5px 11px;font-size:.75rem;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px;border-bottom:1px solid var(--border);padding-bottom:12px}.tab{border:0;background:none;color:var(--muted);padding:10px 14px;border-radius:10px;font-weight:700}.tab:hover,.tab[aria-selected=true]{color:var(--text);background:var(--panel-2)}.tab[aria-selected=true]{box-shadow:inset 0 -3px var(--accent)}.workspace-body{min-height:300px}.outline-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid var(--border);border-radius:15px;padding:13px;background:var(--panel);margin-bottom:10px}.outline-index{display:grid;place-items:center;width:40px;height:40px;background:var(--panel-2);border-radius:12px;color:var(--accent);font-weight:800}.outline-copy{min-width:0}.outline-copy strong{display:block;overflow-wrap:anywhere}.outline-copy small{color:var(--muted)}.outline-actions{display:flex;gap:4px;align-items:center}.tiny-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--panel-3);color:var(--text)}.tiny-btn:hover{border-color:var(--accent)}.muted{color:var(--muted)}.muted-small{color:var(--muted);font-size:.84rem}.chapter-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.chapter-sidebar{position:sticky;top:113px;border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:14px;max-height:calc(100vh - 140px);overflow:auto}.chapter-sidebar strong{display:block;margin:4px 6px 13px}.chapter-link{display:block;text-align:left;width:100%;padding:11px 10px;color:var(--text);border:0;background:none;border-radius:11px;font-size:.88rem;line-height:1.35}.chapter-link.active{background:var(--panel-2);border-left:3px solid var(--accent)}.chapter-link small{display:block;color:var(--muted);margin-top:3px}.chapter-editor{min-width:0}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.editor-header h2{font-family:inherit;margin:0;font-size:1.12rem}.editor-area{font:15px/1.75 ui-monospace,Consolas,'Liberation Mono',monospace;min-height:440px;resize:vertical}.edit-tools{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 9px}.edit-tools button{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;color:var(--text);padding:6px 11px;min-height:35px}.edit-tools button:hover{border-color:var(--accent)}.editor-status{font-size:.8rem;color:var(--muted)}.preview{padding:20px 22px;border-radius:13px;border:1px solid var(--border);background:var(--panel-3);min-height:240px;font:1rem/1.76 Georgia,serif;overflow-wrap:anywhere}.preview h1,.preview h2,.preview h3{margin:1.2em 0 .5em}.preview p{color:var(--text)}.preview li{margin-bottom:6px}.preview blockquote{border-left:3px solid var(--accent);padding-left:14px;margin-left:0;color:var(--muted)}.preview hr{border:0;border-top:1px solid var(--border);margin:30px 0}.preview a{overflow-wrap:anywhere}.cover-layout{display:grid;grid-template-columns:minmax(240px,350px) 1fr;gap:25px;align-items:start}.cover-full{position:relative;isolation:isolate;width:100%;aspect-ratio:2/3;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:36px 31px;color:var(--cover-fg,#fff);background:var(--cover-bg,#16434b);box-shadow:var(--shadow);overflow:hidden}.cover-full h2{font:700 clamp(1.6rem,3.5vw,2.55rem)/1.12 var(--serif);margin:20px 0;color:inherit;overflow-wrap:anywhere}.cover-full p{color:inherit;opacity:.86;overflow-wrap:anywhere}.cover-full small{margin-top:auto;color:inherit;opacity:.85}.cover-full .cover-top{margin-top:auto;letter-spacing:.2em;opacity:.65;font-size:.69rem}.cover-full .cover-bottom{margin-top:auto}.color-options{display:flex;flex-wrap:wrap;gap:10px}.color-swatch{width:34px;height:34px;border:3px solid var(--panel);outline:1px solid var(--border);border-radius:50%}.color-swatch.selected{outline:3px solid var(--accent)}.color-swatch:focus-visible{outline:3px solid var(--accent)}.stat-row{display:flex;gap:12px;flex-wrap:wrap}.stat{flex:1;min-width:126px;padding:16px;border:1px solid var(--border);background:var(--panel);border-radius:14px}.stat strong{display:block;font-size:1.65rem}.stat span{color:var(--muted);font-size:.78rem}.modal-backdrop{position:fixed;inset:0;z-index:70;background:var(--shade);display:flex;align-items:center;justify-content:center;padding:20px}.modal{border:1px solid var(--border);background:var(--bg);border-radius:22px;box-shadow:var(--shadow);width:min(100%,740px);max-height:min(92vh,950px);display:flex;flex-direction:column;overflow:hidden}.modal-head{position:relative;padding:24px 27px 17px;border-bottom:1px solid var(--border);text-align:center}.modal-head h2{font-size:1.9rem;margin:0 0 9px}.modal-head p{margin:auto;max-width:540px}.modal-close{position:absolute;right:15px;top:14px;border:0;background:transparent;color:var(--muted);font-size:1.75rem;width:40px;height:40px}.modal-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:17px 20px 0}.modal-tabs .tab{padding:10px}.modal-content{padding:22px 27px 27px;overflow:auto;overscroll-behavior:contain}.modal-footer{padding:15px 25px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.prompt-vars{display:flex;gap:6px;flex-wrap:wrap}.prompt-vars code{border-radius:6px;background:#003d3b;color:#aafff5;padding:5px 8px;font-size:.78rem}.prompt-textarea{min-height:245px;font:13px/1.7 ui-monospace,Consolas,monospace}.key-row{display:flex;gap:8px;align-items:center}.key-row .input{flex:1}.status-bubble{padding:10px 13px;border:1px solid var(--border);background:var(--panel);border-radius:12px;font-size:.88rem}.status-bubble.ok{border-color:#0e8c75}.status-bubble.error{border-color:#ab5151}.model-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-bottom:1px solid var(--border)}.model-item:last-child{border-bottom:none}.model-item small{color:var(--muted);display:block}.model-browse{max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:#1b4243;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:90;max-width:min(520px,92vw);transition:opacity .2s,transform .2s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.empty-note{padding:23px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.work-notice{background:var(--panel-2);border:1px solid var(--border);padding:12px 14px;border-radius:12px;font-size:.88rem;color:var(--text)}.code-word{background:var(--panel-2);padding:3px 7px;border-radius:6px;font:12px monospace}.loading-spinner{display:inline-block;border:2px solid var(--border);border-top-color:var(--accent);border-radius:100%;width:17px;height:17px;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.spacer{height:10px}.nowrap{white-space:nowrap}.break{overflow-wrap:anywhere}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.measure{max-width:720px}.kbd{font:12px monospace;padding:2px 5px;border:1px solid var(--border);border-radius:4px}.generating-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--accent-dark);border:1px solid var(--accent);border-radius:12px;padding:13px;margin:15px 0}
@media(max-width:760px){.topbar-inner{padding:12px 18px;min-height:79px}.brand-mark{width:48px;height:48px;border-radius:16px}.brand{gap:10px}.brand-copy small{max-width:200px;font-size:.58rem;letter-spacing:.13em}.brand-copy strong{font-size:1.32rem}.top-actions{gap:6px}.icon-btn{width:39px;height:39px;border-radius:13px}.page-head{padding:44px 0 30px}.page-head p{font-size:.97rem}.form-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.choice{padding:11px 13px}.chapter-layout{grid-template-columns:1fr}.chapter-sidebar{position:static;display:flex;gap:5px;overflow-x:auto;white-space:nowrap;padding:7px;max-height:none}.chapter-sidebar strong{display:none}.chapter-link{min-width:135px;width:auto;white-space:normal}.cover-layout{grid-template-columns:1fr}.cover-full{max-width:310px;margin:auto}.workspace-head-row{display:block}.workspace-head-row .btn-row{margin-top:15px}.modal-backdrop{padding:0;align-items:end}.modal{border-radius:19px 19px 0 0;max-height:94dvh;width:100%}.modal-head{padding:19px 19px 14px}.modal-head h2{font-size:1.6rem}.modal-tabs{justify-content:flex-start}.modal-content{padding:19px}.modal-footer{padding:12px 19px}.outline-item{grid-template-columns:auto 1fr;gap:10px}.outline-actions{grid-column:2;justify-content:flex-start}.panel{padding:18px}.cover-full h2{font-size:2rem}}
@media(max-width:440px){.container{width:min(100% - 28px,1160px)}.brand-copy small{max-width:120px}.brand-spark{display:none}.btn-row .btn{flex:1}.summary-list div{grid-template-columns:1fr;gap:1px}.section-line{flex-wrap:wrap}.modal-head p{font-size:.87rem}.tabs{gap:5px}.tab{font-size:.89rem;padding:9px 10px}.page-head .hero-icon{height:64px;width:64px}.book-card-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.topbar,.footer,.top-back,.tabs,.btn-row,.editor-status,.chapter-sidebar,.edit-tools,.toolbar,.toast,.modal-backdrop,.work-notice{display:none!important}body{background:white;color:black}.panel{border:none;padding:0}.container{width:100%}.preview{border:0;background:white;color:black}.preview p{color:black}}

/* Fluxo de criação simplificado e instalação PWA */
.brand-mark,.hero-icon{background:var(--accent)}
.shelf-hero{padding-bottom:30px}
.shelf-hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.resume-card{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--accent);border-radius:16px;background:var(--panel);margin-top:16px}
.resume-card p{font-size:.86rem;margin:2px 0 0}
.empty-shelf-message{display:grid;gap:6px;align-content:center;justify-items:center;text-align:center;min-height:150px;color:var(--muted)}
.empty-shelf-message strong{color:var(--text)}
.wizard-container{max-width:690px}
.wizard-step-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 8px;font-size:.85rem}
.wizard-step-meta strong{color:var(--text)}
.wizard-step-meta span{color:var(--muted)}
.wizard-progress{height:9px;margin:0}
.wizard-heading{padding:25px 0 25px}
.wizard-heading h1{font-size:clamp(1.85rem,4vw,2.65rem)}
.wizard-heading p{font-size:1rem}
.wizard-panel{min-height:205px}
.wizard-foot{margin-top:20px}
.optional-details{background:var(--panel-3);border:1px solid var(--border);border-radius:12px;padding:12px 15px}
.optional-details summary{cursor:pointer;font-weight:650}
.optional-details[open]{display:grid;gap:15px}
.optional-details .field,.optional-details .checkbox-row{margin-top:13px}
.next-step-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:15px;background:var(--panel);padding:13px 16px;margin:5px 0 14px}
.next-step-text{display:grid;gap:3px;min-width:0}
.next-step-text small{font-size:.67rem;font-weight:700;letter-spacing:.08em;color:var(--accent)}
.next-step-text strong{font-size:1.02rem;line-height:1.3;overflow-wrap:anywhere}
.next-step-text span{color:var(--muted);font-size:.81rem}
.readiness{display:grid;gap:10px;border:1px solid var(--border);border-radius:15px;background:var(--panel);padding:18px;margin:0 0 20px}
.readiness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
.readiness-list span{color:var(--muted);font-size:.85rem}
.readiness-list .ready{color:var(--text)}
.network-status{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px}
.network-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.network-status[data-offline=true]:before{background:#c09553}
.install-btn[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:760px){
 .shelf-hero{padding-top:30px}
 .next-step-card{align-items:flex-start;flex-wrap:wrap}
 .next-step-card>.btn{width:100%}
 .readiness-list{grid-template-columns:1fr}
 .wizard-panel{min-height:0}
 .wizard-heading{padding:22px 0}
 .wizard-foot .btn-row{flex:1;justify-content:flex-end}
}
@media(max-width:440px){
 .install-btn{display:none!important}
 .wizard-foot{gap:8px}
 .wizard-foot>.btn:first-child{min-width:78px}
 .wizard-foot .btn-row{flex-direction:column;align-items:stretch}
 .wizard-foot .btn-row .btn{min-width:0;width:100%}
 .resume-card .btn-row{width:100%}
 .resume-card .btn-row .btn{flex:1}
 .shelf-hero-actions .btn{width:100%}
}
