:root{
  --bg:#f5f8fc;--surface:#fff;--surface-2:#eef4fb;--text:#172033;--muted:#5f6f86;
  --line:#dce6f2;--accent:#2457d6;--accent-2:#173ca8;--accent-soft:#eaf0ff;
  --success:#0a9b70;--warning:#b86b00;--danger:#c23b4a;--shadow:0 16px 44px rgba(27,48,83,.10);
  --radius:22px;--radius-sm:14px;--max:1480px;
}
[data-theme="dark"]{--bg:#0d1420;--surface:#141e2c;--surface-2:#1b2838;--text:#edf4ff;--muted:#aebbd0;--line:#2b3b50;--accent:#7da5ff;--accent-2:#b4c8ff;--accent-soft:#1d315f;--shadow:0 16px 44px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15.5px/1.62 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}.material-symbols-rounded{font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24;vertical-align:-.18em;font-size:1.2em}
.appbar{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.appbar-inner{max-width:var(--max);margin:auto;min-height:68px;display:flex;align-items:center;gap:14px;padding:10px 24px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.02em;color:var(--text)}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--accent),#6d91ff);display:grid;place-items:center;color:white;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 25%,transparent)}.brand:hover{text-decoration:none}.nav{display:flex;gap:7px;margin-left:auto;align-items:center;flex-wrap:wrap}.nav a,.icon-btn{min-height:40px;border:1px solid transparent;border-radius:12px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-weight:700;background:transparent}.nav a:hover,.nav a.active{background:var(--surface-2);border-color:var(--line);color:var(--text);text-decoration:none}.icon-btn{cursor:pointer;padding:8px 10px}.icon-btn:hover{background:var(--surface-2);border-color:var(--line);color:var(--accent)}
.container{max-width:var(--max);margin:auto;padding:28px 24px 56px}.hero{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent-soft) 50%,var(--surface)));border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-170px;top:-210px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:28px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:900;color:var(--accent)}h1,h2,h3{line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,4vw,4.25rem);margin:.2em 0 .26em}h2{font-size:clamp(1.5rem,2.4vw,2.25rem);margin:0 0 12px}h3{font-size:1.15rem;margin:0 0 8px}.lead{font-size:1.08rem;color:var(--muted);max-width:900px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;min-height:43px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;box-shadow:0 5px 16px rgba(20,40,70,.04)}.btn:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--surface-2);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}.btn.success{background:var(--success);border-color:var(--success);color:#fff}.btn.ghost{background:transparent}.btn.small{min-height:36px;padding:6px 10px;font-size:.88rem}
.pills{display:flex;gap:8px;flex-wrap:wrap}.pill,.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-weight:800;padding:5px 10px;font-size:.82rem}.badge{border-radius:9px;padding:3px 7px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.badge.blue{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.badge.green{color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface));border-color:color-mix(in srgb,var(--success) 25%,var(--line))}.badge.orange{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface))}
.section{margin-top:34px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:15px}.section-head p{margin:0;color:var(--muted)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 7px 26px rgba(25,48,80,.04)}.card.hover{transition:transform .18s,border-color .18s,box-shadow .18s}.card.hover:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:var(--shadow)}.card-icon{width:45px;height:45px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:14px}.card p{color:var(--muted);margin:.45em 0}.card .actions{margin-top:14px}.stat{font-size:2rem;font-weight:900;letter-spacing:-.04em}.muted{color:var(--muted)}
.book-hero{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;align-items:start}.cover{width:100%;border-radius:20px;border:1px solid var(--line);box-shadow:0 18px 40px rgba(25,40,70,.16);background:white}.info-table{display:grid;grid-template-columns:150px 1fr;gap:8px 12px;margin-top:18px}.info-table dt{font-weight:850;color:var(--muted)}.info-table dd{margin:0}.callout{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-left:5px solid var(--accent);background:var(--accent-soft);padding:16px 18px;border-radius:15px;color:var(--text)}.callout.warn{border-left-color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,var(--surface))}.callout.success{border-left-color:var(--success);background:color-mix(in srgb,var(--success) 7%,var(--surface))}
.steps{counter-reset:steps;display:grid;gap:12px}.step{counter-increment:steps;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start}.step:before{content:counter(steps);width:38px;height:38px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900}.step strong{display:block;margin-bottom:3px}
.prompt{position:relative;background:#0c1524;color:#e9f0ff;border-radius:17px;padding:18px 18px 18px;overflow:auto}.prompt pre{white-space:pre-wrap;margin:0;font:13.5px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.prompt .copy{position:absolute;right:9px;top:9px;border:1px solid #40506a;background:#1a2940;color:#fff;border-radius:9px;padding:5px 8px;cursor:pointer}
.searchbar{display:flex;gap:10px;background:var(--surface);border:1px solid var(--line);padding:10px 12px;border-radius:15px;align-items:center}.searchbar input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:1rem}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 11px;font-weight:800;cursor:pointer}.chip.active,.chip:hover{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.topic-card{padding:16px}.topic-card .num{font-size:.72rem;font-weight:900;color:var(--accent);text-transform:uppercase}.topic-card h3{margin:4px 0}.topic-card .src{font-size:.82rem}.category-anchor{scroll-margin-top:90px}.toc{display:flex;gap:8px;flex-wrap:wrap}.toc a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 11px;font-weight:750;color:var(--muted)}.toc a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}
.preview-frame{width:100%;height:min(76vh,900px);min-height:600px;border:1px solid var(--line);border-radius:20px;background:#fff}.md-preview{max-width:1040px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,54px);box-shadow:var(--shadow)}.md-preview h1{font-size:2.5rem}.md-preview h2{font-size:1.7rem;margin-top:2em;padding-bottom:.3em;border-bottom:1px solid var(--line)}.md-preview h3{font-size:1.22rem;margin-top:1.6em}.md-preview code{background:var(--surface-2);border:1px solid var(--line);padding:.12em .35em;border-radius:6px}.md-preview pre{overflow:auto;background:#0c1524;color:#e9f0ff;padding:18px;border-radius:14px}.md-preview pre code{background:transparent;border:0;padding:0}.md-preview blockquote{margin-left:0;padding:4px 16px;border-left:4px solid var(--accent);color:var(--muted)}.md-preview table{border-collapse:collapse;width:100%}.md-preview th,.md-preview td{border:1px solid var(--line);padding:8px 10px;text-align:left}.md-preview img{max-width:100%}
.doc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.side-nav{position:sticky;top:86px;align-self:start;max-height:calc(100vh - 105px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px}.side-nav a{display:block;border-radius:10px;padding:7px 9px;color:var(--muted);font-weight:700}.side-nav a:hover{background:var(--surface-2);color:var(--accent);text-decoration:none}
.toast-stack{position:fixed;right:20px;bottom:20px;z-index:150;display:grid;gap:8px;pointer-events:none}.toast{background:var(--text);color:var(--surface);padding:11px 14px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);animation:toastIn .2s forwards;max-width:360px}.toast.out{animation:toastOut .2s forwards}@keyframes toastIn{to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}
[data-tooltip]{position:relative}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;z-index:130;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;max-width:280px;background:#101827;color:#fff;font-size:.76rem;font-weight:700;padding:5px 8px;border-radius:7px;box-shadow:0 7px 20px rgba(0,0,0,.2)}
dialog.settings{border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);padding:0;width:min(620px,calc(100vw - 32px));box-shadow:0 30px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(6,13,24,.55);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.dialog-head strong{display:flex;align-items:center;gap:9px}.dialog-body{padding:20px;display:grid;gap:16px}.settings-section{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--surface)}.settings-section-head{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;margin-bottom:14px}.settings-section-head h3{margin:1px 0 3px}.settings-section-head p{margin:0}.settings-icon{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option{border:1px solid var(--line);border-radius:13px;padding:11px;text-align:center;cursor:pointer;background:var(--surface);color:var(--text);display:grid;gap:4px;place-items:center}.option:hover,.option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.settings-development{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent-soft) 42%,var(--surface)))}.settings-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-pill{min-height:42px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:999px;padding:8px 13px;display:inline-flex;align-items:center;gap:8px;font-weight:850;background:var(--surface);color:var(--text)}.settings-pill.settings-version{color:var(--muted)}.settings-pill.settings-author{color:var(--accent);background:var(--accent-soft)}.settings-pill .verified{color:var(--success)}.settings-pill:hover{text-decoration:none;border-color:color-mix(in srgb,var(--accent) 46%,var(--line))}
.empty{display:none;text-align:center;color:var(--muted);padding:40px}.kbd{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid var(--line);border-bottom-width:3px;border-radius:6px;padding:2px 6px;background:var(--surface)}
@media(max-width:1050px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-layout{grid-template-columns:1fr}.side-nav{position:static;max-height:none}.hero-grid{grid-template-columns:1fr}.book-hero{grid-template-columns:190px 1fr}}
@media(max-width:720px){.appbar-inner{padding:9px 14px}.nav a span.label{display:none}.container{padding:18px 14px 42px}.hero{padding:23px;border-radius:23px}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.book-hero{grid-template-columns:1fr}.cover{max-width:220px}.info-table{grid-template-columns:1fr}.info-table dd{margin-bottom:6px}.preview-frame{min-height:68vh}.settings-meta{align-items:stretch}.settings-pill{width:100%;justify-content:flex-start}.brand .brand-text{display:none}}
@media print{.appbar,.actions,.side-nav{display:none!important}.container{max-width:none;padding:0}.card,.hero,.md-preview{box-shadow:none;border-color:#ddd}}


/* v3.2 — iconografia cromática, prompts didáticos e /mind-map */
.material-symbols-rounded{vertical-align:-.16em;font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24;transition:color .18s ease,background .18s ease,transform .18s ease}
.icon-tone-1{color:#2563eb}.icon-tone-2{color:#7c3aed}.icon-tone-3{color:#059669}.icon-tone-4{color:#d97706}.icon-tone-5{color:#dc2626}.icon-tone-6{color:#0891b2}.icon-tone-7{color:#db2777}.icon-tone-8{color:#65a30d}
[data-theme="dark"] .icon-tone-1{color:#60a5fa}[data-theme="dark"] .icon-tone-2{color:#a78bfa}[data-theme="dark"] .icon-tone-3{color:#34d399}[data-theme="dark"] .icon-tone-4{color:#fbbf24}[data-theme="dark"] .icon-tone-5{color:#fb7185}[data-theme="dark"] .icon-tone-6{color:#22d3ee}[data-theme="dark"] .icon-tone-7{color:#f472b6}[data-theme="dark"] .icon-tone-8{color:#a3e635}
.btn.primary .material-symbols-rounded,.btn.success .material-symbols-rounded{background:rgba(255,255,255,.96);border-radius:999px;padding:2px;box-shadow:0 1px 2px rgba(0,0,0,.10)}
.nav a .material-symbols-rounded,.icon-btn .material-symbols-rounded,.mindmap-pill .material-symbols-rounded{filter:saturate(1.18)}
.eyebrow{display:flex;align-items:center;gap:7px}.eyebrow .material-symbols-rounded{font-size:18px}.section-head h2{display:flex;align-items:center;gap:9px}.section-head h2>.material-symbols-rounded{font-size:1.05em;flex:0 0 auto}
.badge,.pill,.chip{display:inline-flex;align-items:center;gap:6px}.badge>.material-symbols-rounded,.pill>.material-symbols-rounded,.chip>.material-symbols-rounded{font-size:16px}
.mindmap-pill{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:linear-gradient(135deg,var(--surface),var(--accent-soft));color:var(--text);border-radius:999px;min-height:40px;padding:7px 11px;display:inline-flex;align-items:center;gap:7px;font-weight:900;cursor:pointer;white-space:nowrap}.mindmap-pill:hover,.mindmap-pill:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:0}.mindmap-label{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem}
dialog.mindmap-dialog{border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);padding:0;width:min(1080px,calc(100vw - 28px));max-height:min(88vh,900px);box-shadow:0 34px 90px rgba(0,0,0,.32);overflow:hidden}.mindmap-head{background:linear-gradient(135deg,var(--surface),var(--accent-soft))}.mindmap-head strong{display:flex;align-items:center;gap:9px}.mindmap-intro{padding:16px 20px 8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mindmap-intro p{margin:0;color:var(--muted);flex:1;min-width:250px}.mindmap-canvas{padding:18px 22px 26px;max-height:calc(88vh - 150px);overflow:auto;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent-soft) 40%,transparent),transparent 48%)}.mindmap-loading{display:flex;gap:9px;align-items:center;justify-content:center;color:var(--muted);padding:40px}.mindmap-root-node{width:min(520px,92%);margin:4px auto 28px;border:2px solid color-mix(in srgb,var(--accent) 48%,var(--line));background:var(--surface);border-radius:18px;padding:14px 18px;text-align:center;font-weight:950;font-size:1.08rem;box-shadow:var(--shadow);position:relative}.mindmap-root-node:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:29px;background:color-mix(in srgb,var(--accent) 42%,var(--line))}.mindmap-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative}.mindmap-branch{position:relative;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:14px 15px;cursor:pointer;text-align:left;color:var(--text);box-shadow:0 8px 20px rgba(0,0,0,.05)}.mindmap-branch:hover,.mindmap-branch:focus-visible{border-color:var(--accent);transform:translateY(-1px);outline:0;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 12%,transparent)}.mindmap-branch-head{display:flex;align-items:flex-start;gap:9px;font-weight:900}.mindmap-branch-head .material-symbols-rounded{font-size:22px}.mindmap-subnodes{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0 31px}.mindmap-subnode{font-size:.75rem;padding:4px 7px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.mindmap-empty{padding:34px;text-align:center;color:var(--muted)}
.prompt-example-card{margin-top:14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent-soft) 34%,var(--surface)));padding:17px}.prompt-example-head{display:flex;align-items:center;gap:9px;margin-bottom:5px}.prompt-example-card>p{margin:0 0 12px}.prompt-example-card>pre{white-space:pre-wrap;margin:0;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:13px 14px;color:var(--text);font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.prompt-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.prompt-field-tip{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.prompt-field-tip .material-symbols-rounded{grid-row:1/3}.prompt-field-tip strong{font-size:.82rem}.prompt-field-tip span:last-child{font-size:.76rem;line-height:1.35;color:var(--muted)}
.toast{display:flex;align-items:center;gap:9px}.toast .material-symbols-rounded{flex:0 0 auto}
@media(max-width:900px){.mindmap-branches{grid-template-columns:1fr}.prompt-field-grid{grid-template-columns:1fr}}
@media(max-width:720px){.mindmap-label{display:none}.mindmap-pill{width:40px;padding:7px;justify-content:center}.mindmap-canvas{padding:14px}.mindmap-intro{padding:14px}.mindmap-root-node{font-size:.95rem}.prompt-example-card{padding:14px}}
.md-preview h2,.md-preview h3,.card h3{display:flex;align-items:center;gap:9px}.md-preview h2>.material-symbols-rounded,.md-preview h3>.material-symbols-rounded,.card h3>.material-symbols-rounded{flex:0 0 auto;font-size:1em}

/* v3.3 — ícones sem minicards, expanders globais, PWA e biblioteca de prompts */
.brand-mark,.card-icon,.settings-icon{
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:inherit!important;padding:0!important;
}
.brand-mark{margin-right:2px}.brand-mark .material-symbols-rounded{font-size:32px}
.card-icon{margin:0 0 12px!important}.card-icon .material-symbols-rounded{font-size:34px}
.settings-section-head{grid-template-columns:28px 1fr}.settings-icon{margin-top:2px}.settings-icon .material-symbols-rounded{font-size:26px}
.btn.primary .material-symbols-rounded,.btn.success .material-symbols-rounded{
  background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;
}
.option .material-symbols-rounded{font-size:24px}.option{gap:7px}

.expander-controls{display:inline-flex;align-items:center;gap:2px;border-left:1px solid var(--line);padding-left:6px;margin-left:2px}
.expander-control{width:40px;height:40px;min-height:40px;padding:0!important;justify-content:center!important}
.expander-control .material-symbols-rounded{font-size:23px}

details.app-expander,details.prompt-category-expander,details.prompt-item-expander,details.md-section-expander{
  border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 7px 24px rgba(25,48,80,.035);overflow:clip;
}
details.app-expander.section{margin-top:28px}
details.app-expander>summary,details.prompt-category-expander>summary,details.prompt-item-expander>summary,details.md-section-expander>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;padding:15px 17px;font-weight:900;color:var(--text);user-select:none;
  background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface-2) 64%,var(--surface)));outline:none;
}
details.app-expander>summary::-webkit-details-marker,details.prompt-category-expander>summary::-webkit-details-marker,details.prompt-item-expander>summary::-webkit-details-marker,details.md-section-expander>summary::-webkit-details-marker{display:none}
details.app-expander>summary:hover,details.app-expander>summary:focus-visible,details.prompt-category-expander>summary:hover,details.prompt-category-expander>summary:focus-visible,details.prompt-item-expander>summary:hover,details.prompt-item-expander>summary:focus-visible,details.md-section-expander>summary:hover,details.md-section-expander>summary:focus-visible{background:var(--accent-soft);outline:0}
.expander-summary-icon,.summary-icon{font-size:24px;flex:0 0 auto}.expander-summary-title,.summary-main{min-width:0;flex:1}.summary-main{display:grid;gap:3px}.summary-main small{font-weight:650;color:var(--muted);line-height:1.35}
.expander-chevron{margin-left:auto;transition:transform .18s ease;color:var(--muted)}
details[open]>summary .expander-chevron{transform:rotate(180deg)}
.expander-body{padding:18px}.app-expander>.expander-body{padding:20px}
.app-expander .expander-body>.section-head h2,.app-expander .expander-original-heading,.md-section-expander .expander-original-heading{display:none!important}
.app-expander .section-head{margin-bottom:14px;align-items:center}.app-expander .section-head:has(h2:only-child){display:none}
details[open]>summary{border-bottom:1px solid var(--line)}

.md-preview.expanderized{padding:clamp(18px,3vw,36px)}.md-preview.expanderized>details.md-section-expander{margin-top:14px}.md-preview.expanderized>details.md-section-expander:first-of-type{margin-top:24px}.md-preview.expanderized details.md-section-expander .expander-body{padding:18px 22px 24px}.md-preview.expanderized details.md-section-expander h3{margin-top:1.25em}

.prompt-categories{display:grid;gap:14px}.prompt-category-expander>summary{padding:17px 19px}.prompt-category-expander>.expander-body{padding:14px;display:grid;gap:10px;background:color-mix(in srgb,var(--surface-2) 42%,var(--surface))}
.prompt-item-expander{border-radius:16px!important;box-shadow:none!important}.prompt-item-expander>summary{padding:13px 15px!important}.prompt-item-expander>.expander-body{padding:15px}
.prompt-editor{width:100%;min-height:560px;resize:vertical;border:1px solid var(--line);border-radius:16px;background:#0c1524;color:#e9f0ff;padding:18px;font:13.5px/1.58 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none;tab-size:2}
.prompt-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.prompt-editor.compact{min-height:390px}.prompt-workbench{padding:16px}.prompt-pillars .card h3{margin-bottom:10px}.prompt-hero .pills{margin-top:18px}

@media(max-width:900px){.grid.cols-4.prompt-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.expander-controls{padding-left:2px;border-left:0}.expander-control{width:38px;height:38px}.appbar-inner{gap:8px}.prompt-editor,.prompt-editor.compact{min-height:480px}.grid.cols-4.prompt-pillars{grid-template-columns:1fr}details.app-expander>summary,details.prompt-category-expander>summary,details.prompt-item-expander>summary{padding:13px 14px}.app-expander>.expander-body{padding:15px}.summary-main small{font-size:.78rem}}


/* v3.4 — layout wide e mapa mental em estilo notes */
:root{--max:1880px}
.appbar-inner,.container{max-width:min(var(--max),calc(100vw - 18px))}
.container{padding:24px 18px 56px}
.hero{padding:36px 40px}
.lead{max-width:1280px}
.doc-layout{grid-template-columns:300px minmax(0,1fr);gap:26px}
.preview-frame{height:min(82vh,980px)}
.md-preview{max-width:100%}
.grid.cols-4{grid-template-columns:repeat(4,minmax(260px,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(260px,1fr))}

.mindmap-dialog{width:min(1680px,calc(100vw - 22px))!important;max-height:min(95vh,1200px)!important;border-radius:28px!important}
.mindmap-head{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,#ffffff),color-mix(in srgb,var(--surface) 88%,var(--accent-soft)))}
.mindmap-intro{padding:14px 20px 10px}
.mindmap-canvas{padding:18px 20px 28px;max-height:calc(95vh - 150px);background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--surface) 92%,#fff9ed) 100%)}
.mindmap-board{position:relative;min-height:760px;padding:18px 10px 18px;display:grid;grid-template-columns:minmax(290px,1fr) minmax(330px,430px) minmax(290px,1fr);gap:26px;align-items:center;overflow:visible}
.mindmap-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.mindmap-column{display:grid;gap:22px;align-content:start;position:relative;z-index:1}
.mindmap-column.right{margin-top:22px}
.mindmap-center{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:340px}
.mindmap-root-sticker{position:relative;display:grid;gap:10px;justify-items:center;max-width:390px;padding:26px 28px 24px;border:3px solid #1e1f22;border-radius:28px;background:#fff;color:#161616;box-shadow:0 26px 60px rgba(0,0,0,.12);transform:rotate(-1deg)}
.mindmap-root-sticker:after{content:"";position:absolute;left:40px;bottom:-18px;border-width:18px 18px 0 0;border-style:solid;border-color:#1e1f22 transparent transparent transparent;filter:drop-shadow(0 2px 0 rgba(255,255,255,1))}
.mindmap-root-crown{font-size:28px;line-height:1;color:#8a7352}
.mindmap-root-title{font-size:clamp(1.8rem,3vw,3.7rem);font-weight:1000;line-height:1.05;letter-spacing:-.05em;text-align:center}
.mindmap-root-subtitle{font-size:1.06rem;line-height:1.45;text-align:center;color:#4f5564;max-width:30ch}
.mindmap-note{appearance:none;border:2px solid var(--note-line,#8db9ff);background:var(--note-bg,#fff8b0);border-radius:18px;padding:16px 18px 18px;color:#1d1d1d;text-align:left;box-shadow:0 18px 32px rgba(0,0,0,.08);cursor:pointer;position:relative;transform:rotate(var(--note-rot,-1deg));transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;min-height:158px}
.mindmap-note:hover,.mindmap-note:focus-visible{transform:translateY(-2px) rotate(var(--note-rot,-1deg));box-shadow:0 20px 36px rgba(0,0,0,.13);outline:0;border-color:color-mix(in srgb,var(--note-line) 82%,#111)}
.mindmap-note:after{content:"";position:absolute;right:0;bottom:0;width:26px;height:26px;background:linear-gradient(135deg,transparent 0 49%,color-mix(in srgb,var(--note-bg) 72%,#000000 12%) 49% 100%);border-radius:0 0 16px 0;opacity:.92}
.mindmap-note-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.mindmap-note-head .material-symbols-rounded{font-size:24px;line-height:1;margin-top:1px}
.mindmap-note-title{font-weight:1000;font-size:1.06rem;line-height:1.2;letter-spacing:-.02em}
.mindmap-note-index{font-size:.82rem;opacity:.78;margin-right:4px}
.mindmap-note-body{display:grid;gap:7px}
.mindmap-note-bullet{display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:start;font-size:.92rem;line-height:1.42}
.mindmap-note-bullet::before{content:"•";font-size:1.15rem;line-height:1;color:var(--note-line,#2457d6);margin-top:1px}
.mindmap-note-small{font-size:.88rem;line-height:1.45;color:#333f4f}
.mindmap-note-side-left{justify-self:end;width:min(100%,350px)}
.mindmap-note-side-right{justify-self:start;width:min(100%,350px)}
.mindmap-empty{padding:50px;text-align:center;color:var(--muted)}

[data-theme="dark"] .mindmap-canvas{background:linear-gradient(180deg,#111827 0%,#161d2b 100%)}
[data-theme="dark"] .mindmap-root-sticker{background:#fffef8;color:#171717;box-shadow:0 26px 60px rgba(0,0,0,.34)}
[data-theme="dark"] .mindmap-note{box-shadow:0 18px 32px rgba(0,0,0,.28)}
[data-theme="dark"] .mindmap-note-small{color:#273340}

@media (max-width: 1200px){
  .mindmap-board{grid-template-columns:1fr;gap:18px;min-height:0}
  .mindmap-center{min-height:0;order:-1}.mindmap-column.left,.mindmap-column.right{margin-top:0}
  .mindmap-note-side-left,.mindmap-note-side-right{justify-self:stretch;width:100%}
  .mindmap-svg{display:none}
}
@media (max-width: 900px){
  :root{--max:100vw}
  .appbar-inner,.container{max-width:100%}
  .hero{padding:24px 22px}.book-hero,.hero-grid,.doc-layout{grid-template-columns:1fr}
  .grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}
  .mindmap-dialog{width:min(100vw - 10px, 100%)!important;max-height:98vh!important}
  .mindmap-root-title{font-size:2.1rem}
  .mindmap-note{min-height:0}
}


/* v3.4.1 — tooltip flutuante sem clipping + único controle de expanders */
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{content:none!important;display:none!important}
.app-tooltip{
  position:fixed;z-index:99999;max-width:min(320px,calc(100vw - 20px));pointer-events:none;
  background:#101827;color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:9px;
  padding:6px 9px;font-size:.76rem;line-height:1.35;font-weight:750;box-shadow:0 10px 28px rgba(0,0,0,.28);
  opacity:0;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease;white-space:normal;
}
.app-tooltip.visible{opacity:1;transform:translateY(0)}
.app-tooltip::before{content:"";position:absolute;width:8px;height:8px;background:#101827;transform:rotate(45deg)}
.app-tooltip[data-side="bottom"]::before{top:-5px;left:var(--tip-arrow,50%);margin-left:-4px;border-left:1px solid rgba(255,255,255,.13);border-top:1px solid rgba(255,255,255,.13)}
.app-tooltip[data-side="top"]::before{bottom:-5px;left:var(--tip-arrow,50%);margin-left:-4px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
.expander-controls{gap:0}
.expander-toggle{width:40px;height:40px;min-height:40px;padding:0!important;justify-content:center!important}
.expander-toggle .material-symbols-rounded{font-size:23px;transition:transform .16s ease}
@media(max-width:720px){.expander-toggle{width:38px;height:38px}}