/* NORYVELLA 3.2 — Nebula. Visual próprio para um estúdio literário. */
:root{--bg:#0c0814;--side:#0d0a15;--panel:#17101f;--panel2:#281938;--line:#4d355d;--purple:#bd8cf3;--soft:#f0dbff;--txt:#f5eefa;--sub:#bdafc9;--gold:#d6b78f;--radius:22px}
html{background:var(--bg);scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 74% -18%,#38204766,transparent 43%),radial-gradient(ellipse at 70% 100%,#20132a66,transparent 55%),#0c0814;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.005em;min-height:100vh}
body:not(.focus):not(:has(.nv-gate)):before{content:'';position:fixed;z-index:-1;inset:0;background-image:radial-gradient(#e2b6ff25 .8px,transparent .8px);background-size:57px 57px;mask-image:linear-gradient(to bottom,#0006,transparent 75%);pointer-events:none}
h1,h2,.hero h1{font-family:Georgia,'Iowan Old Style',serif}h2{letter-spacing:-.025em}button,input,select,textarea{font-family:inherit}button{transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.btn{background:#30203d;border:1px solid #604575;color:#f6eafd;border-radius:12px;font-size:13px;font-weight:650;padding:12px 17px;box-shadow:none}
.btn:hover{background:#432a57;border-color:#bd89ee;transform:translateY(-1px)}.btn.primary,.btn:not(.ghost):not(.secondary):not(.danger){background:linear-gradient(130deg,#b075ea,#7b40b3);border-color:#c390fa;color:white;box-shadow:0 7px 26px #753da84f}
.btn.ghost{background:transparent;border-color:#4c385b}.btn.danger{background:#3d2333;color:#ffd9df;border-color:#914762}.btn.danger:hover{background:#6c304a}.btn:active{transform:scale(.98)}
.layout{grid-template-columns:254px minmax(0,1fr)}
.sidebar{padding:27px 15px 20px;background:linear-gradient(180deg,#100a19 0%,#130b1d 55%,#0d0913);border-right:1px solid #3c2b4a;box-shadow:5px 0 40px #0002}
.brand-button{display:flex;align-items:center;gap:10px;padding:0 10px 23px;min-height:75px}.brand-mark{width:41px;height:41px;border-radius:12px;box-shadow:0 0 17px #8354ae39}.brand-copy{font:24px Georgia,serif;letter-spacing:-.5px}.brand-copy span{font-size:9px;letter-spacing:.23em;color:#ae83dc}
.nav{gap:7px}.nav button{font-weight:550;padding:13px 14px;border:1px solid transparent;border-radius:12px;color:#b6a4c8}.nav button:hover{background:#2e1c3e;transform:translateX(3px)}.nav button.active{border-color:#6f4d87;color:#f9eeff;background:linear-gradient(100deg,#54306e,#291833);box-shadow:inset 3px 0 #d6a2ff,0 7px 21px #0003}.aside-bottom{font-size:10px;line-height:1.75;padding:10px 12px;border-top:1px solid #3d2c47;margin-top:auto}
.main{max-width:1580px;padding:0 clamp(22px,4.3vw,68px) 55px;margin:0 auto}.app-utility{height:75px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #50385a80;margin-bottom:37px}.app-path{display:flex;align-items:center;gap:10px;color:#a18cae;font-size:12px}.app-path strong{color:#e3d1eb;font-weight:650}.path-divider{color:#655477}.utility-back{background:none;border:1px solid #604579;color:#dbc8f0;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:12px}.utility-back:hover{background:#382347;border-color:#b18bdd}.utility-right{display:flex;align-items:center;gap:17px}.utility-status{color:#aea1b9;font-size:11px;white-space:nowrap}.utility-status i{display:inline-block;width:6px;height:6px;background:#87caa6;border-radius:50%;margin-right:6px;box-shadow:0 0 9px #80c69e88}.utility-search{color:#bdb0cc;font-size:12px;border:1px solid #4c3b55;background:#1b1324;border-radius:11px;padding:9px 12px}.utility-search kbd{margin-left:12px;border:1px solid #674972;padding:3px 5px;border-radius:5px;color:#a98bc5}
.top{padding-top:7px;margin-bottom:31px}.top h1{font-size:clamp(34px,3.6vw,52px);letter-spacing:-.047em}.top p{max-width:650px;color:#b5a6c3}.eyebrow{font-size:10px;font-weight:780;letter-spacing:.23em;color:#c799f4}
.card,.tile,.sidepanel,.graph-panel,.family-panel,.timeline-card,.codex-card,.relation-card{border:1px solid #574164;background:linear-gradient(144deg,#21162e,#18111f 68%);box-shadow:0 14px 38px #0002;border-radius:20px}.card{padding:24px}.card:hover{border-color:#825d9a}
/* Portal de entrada */
.nv-gate{position:relative;min-height:100svh;isolation:isolate;background:radial-gradient(circle at 74% 49%,#4a2968 0,#261433 28%,transparent 58%),linear-gradient(138deg,#0e0915,#160d22 48%,#090610);overflow:hidden;color:#fff;padding:0!important}
.nv-gate:before,.nv-gate:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1}
.nv-gate:before{background-image:radial-gradient(#d5a6ffad 1px,transparent 1px),radial-gradient(#c1a3ff56 1px,transparent 1px);background-size:127px 139px,203px 173px;background-position:10px 30px,55px 18px;opacity:.4}
.nv-gate:after{background:radial-gradient(ellipse at 72% 48%,transparent 30%,#0e0815a0 85%)}
.gate-grain{pointer-events:none;position:absolute;inset:0;opacity:.15;background:repeating-radial-gradient(circle at 70% 40%,transparent 0 25px,#c49cf320 26px 26.3px,transparent 27px 70px)}
.gate-head{position:relative;display:flex;align-items:center;gap:13px;max-width:1580px;margin:auto;padding:32px 5.5vw;color:#ead8f8;font-size:11px;font-weight:750;letter-spacing:.28em}.gate-mini-mark{display:grid;place-items:center;height:36px;width:36px;border:1px solid #9d72ce;border-radius:12px;font-size:21px;color:#dcaeff;background:#3e2654}.gate-head i{color:#86589f;font-style:normal}.gate-edition{margin-left:auto;color:#ad92c7;letter-spacing:.18em;font-size:10px}
.gate-grid{width:min(1440px,90vw);margin:0 auto;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;min-height:calc(100svh - 168px);gap:1.5vw}.gate-left{padding:18px 0 48px;position:relative;z-index:4}.gate-overline{color:#c79aec;font-size:11px;font-weight:800;letter-spacing:.26em;display:flex;align-items:center;gap:10px}.gate-dot{width:6px;height:6px;border-radius:50%;background:#e8b7ff;box-shadow:0 0 12px #dbb1ff}
.gate-left h1{font:normal clamp(50px,6.7vw,104px)/1.035 Georgia,'Times New Roman',serif;letter-spacing:-.067em;margin:27px 0}.gate-left h1 em{font-weight:normal;color:#d0a0fd;font-style:italic;text-shadow:0 1px 30px #9161c588}.gate-left p{color:#d1c0de;font-size:clamp(14px,1.16vw,17px);line-height:1.85;max-width:520px;margin:20px 0 31px}.gate-cta{padding:19px 23px;min-width:288px;font-weight:750;font-size:14px;border-radius:13px!important;box-shadow:0 15px 45px #713f9f77!important}.gate-cta span{float:right;font-size:19px}.gate-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.gate-footnote{color:#a88fba;font-size:12px}.gate-features{display:flex;gap:23px;flex-wrap:wrap;margin-top:62px;font-size:10px;letter-spacing:.17em;color:#927ea3}
.gate-right{position:relative;min-height:600px;display:grid;place-items:center}.gate-halo{position:absolute;width:560px;height:560px;max-width:100%;border:1px solid #b17ee84f;border-radius:50%;background:radial-gradient(circle,#7e48ae25 0,transparent 63%);box-shadow:0 0 105px #8d4cb533,inset 0 0 80px #ba79ec1c;animation:halo-breathe 8s ease-in-out infinite}.gate-halo:before,.gate-halo:after{content:'';position:absolute;inset:45px;border:1px dashed #d5a2f648;border-radius:50%;transform:rotate(-25deg)}.gate-halo:after{inset:94px;border-style:solid;opacity:.4}
.gate-logo-plate{width:440px;max-width:76%;position:relative;z-index:2;filter:drop-shadow(0 15px 40px #a16bc14f)}.gate-logo-plate img{width:100%;height:auto;display:block;mix-blend-mode:screen;border-radius:20px}.gate-moon{position:absolute;right:15%;top:13%;width:38px;height:38px;background:radial-gradient(circle at 30% 30%,#e3baff,#6c378e 60%,#2e1844);border-radius:50%;box-shadow:0 0 27px #bb79eb8a}
.gate-floating{position:absolute;z-index:3;display:flex;gap:11px;align-items:center;background:#20132bd9;backdrop-filter:blur(12px);border:1px solid #78538c;border-radius:15px;padding:12px 17px;box-shadow:0 19px 45px #0008;animation:floaty 6s ease-in-out infinite}.gate-floating-a{left:0;top:20%}.gate-floating-b{right:-1%;bottom:19%;animation-delay:-2.6s}.gate-floating strong{display:block;color:#f8efff;font-size:12px}.gate-floating small{font-size:10px;color:#bdabc9}.gate-small-icon{font:25px Georgia,serif;color:#d3abfb;background:#362146;border-radius:10px;padding:4px 9px}
.gate-bottom{display:flex;justify-content:space-between;padding:21px 5.5vw;border-top:1px solid #5c396849;color:#8b78a1;font-size:10px;letter-spacing:.22em;max-width:1600px;margin:auto}@keyframes halo-breathe{50%{transform:scale(1.05);opacity:.72}}@keyframes floaty{50%{transform:translateY(-10px)}}
/* Estúdio principal */
.hero.brand-hero{min-height:355px;background:radial-gradient(circle at 73% 38%,#8140af80,transparent 40%),linear-gradient(120deg,#21142f,#100b19 78%);border:1px solid #66457c;box-shadow:0 18px 50px #0004;overflow:hidden;border-radius:25px;position:relative}
.hero.brand-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#e2b8ff72 .8px,transparent .8px);background-size:35px 37px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.4;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(38px,4vw,58px)}.hero-brand-image{filter:drop-shadow(0 13px 29px #8f4fc472);border-radius:22px;mix-blend-mode:screen;max-height:250px}
.section-heading h2{font-size:30px}.tile{padding:25px;min-height:195px;position:relative;overflow:hidden;border-radius:19px;isolation:isolate}.tile:before{content:'';position:absolute;right:-55px;top:-60px;width:150px;height:150px;background:radial-gradient(circle,#7f45ab43,transparent 70%);z-index:-1}.tile:hover{transform:translateY(-5px);box-shadow:0 17px 37px #0006;border-color:#ba8de6}.tile .glyph{font-size:29px;color:#dfb7ff;background:#3b254d;display:grid;place-items:center;width:55px;height:55px;border:1px solid #765092;border-radius:17px}.tile-arrow{font-size:22px}
.recent-card,.home-bottom{border-radius:21px;background:linear-gradient(135deg,#271a36,#17101f);border:1px solid #654c7c}
/* Editor e modo foco */
.writing-layout{grid-template-columns:265px minmax(0,1fr);gap:24px}.chapter-sidebar{background:linear-gradient(#1d1427,#15101d);padding:20px}.chapter{border:1px solid transparent;transition:all .16s}.chapter.selected{border-color:#8962b0;background:#38234b;box-shadow:inset 3px 0 #cb9afa}.writing-sheet{max-width:none;padding:30px clamp(23px,3.2vw,52px);border:1px solid #5d4971;background:linear-gradient(150deg,#25192f,#14101b 42%)}.writing-sheet .line:first-child{gap:14px}.writing-fields{max-width:850px;margin:20px auto}.writer{background:#120f17!important;border:1px solid #504059!important;font:17px/1.95 Georgia,'Times New Roman',serif;letter-spacing:.005em;padding:37px clamp(20px,4vw,62px);min-height:530px;max-width:none}.writer:focus{border-color:#b68be3!important;box-shadow:0 0 0 4px #70439f24}.writing-sheet #f-chapterTitle{font:26px Georgia,serif;padding:15px 19px}
.focus .layout{display:block!important}.focus .sidebar,.focus .app-utility,.focus .top,.focus .chapter-sidebar,.focus .footer{display:none!important}.focus .main{max-width:1100px!important;padding:90px 20px 40px!important;margin:auto}.focus .writing-layout{display:block!important}.focus .writing-sheet{margin:auto;max-width:990px!important;background:transparent;border:none;box-shadow:none;padding:8px!important}.focus .writing-sheet>.line{display:none!important}.focus .writing-fields{max-width:875px!important;margin:auto}.focus .writer{width:100%;max-width:100%;min-height:70vh;padding:50px clamp(20px,7vw,90px);font:20px/2 Georgia,serif;background:#191320!important;border-color:#4a345b!important;border-radius:17px;box-shadow:0 15px 40px #0005}
#focus-toolbar{position:fixed;top:0;left:0;right:0;z-index:98;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(17px,4vw,70px);background:#15101de8;backdrop-filter:blur(16px);border-bottom:1px solid #4b365d;box-shadow:0 8px 25px #0003}.focus-brand{font:21px Georgia,serif;color:#d2a3ff}.focus-brand span{color:#efe2ff}.focus-brand small{font:10px system-ui;color:#a991c4;letter-spacing:.15em}.focus-exit{border:1px solid #8b65a7;background:#39254d;color:#ead6fb;border-radius:10px;padding:10px 15px;cursor:pointer}
/* Relações e genealogias */
.rel-hero,.codex-intro,.timeline-intro{position:relative;background:radial-gradient(circle at 83% 43%,#65388675,transparent 40%),linear-gradient(135deg,#2b193d,#17101f);border:1px solid #72528b;border-radius:22px;overflow:hidden;box-shadow:0 15px 40px #0004}.rel-hero{padding:33px}.rel-hero h2{font-size:clamp(27px,3vw,40px)}.rel-hero-icon{font-size:96px;opacity:.18}
.graph-panel{padding:26px;margin-top:24px;background:linear-gradient(160deg,#191122,#100c17)}.network-wrap{border:1px solid #483456;border-radius:17px;margin-top:15px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#311944c9,transparent 60%),radial-gradient(#1e1328,#100b18)}.network-hint{padding:19px 16px 2px;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.legend-item{font-size:11px;color:#c5b4d2;white-space:nowrap}.legend-item i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.network-canvas{width:100%;overflow:auto;scrollbar-width:thin}.network-svg{max-width:100%;min-width:650px;height:auto}.network-node{cursor:pointer;transition:filter .18s}.network-node:hover{filter:drop-shadow(0 0 13px #c18aff)}.network-node circle{transition:stroke-width .2s}.network-node:hover circle{stroke-width:3}.map-caption{text-align:center;color:#b9a6ca;font-size:12px;margin:0;padding:6px 14px 20px}.network-empty{text-align:center;padding:55px 15px}.network-empty-icon{font-size:60px;color:#ad80df}.network-empty h3{font:28px Georgia,serif}.network-empty p{color:#bba8c9}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:17px}.relation-card{border-color:#665078;padding:23px;box-shadow:0 12px 24px #0003}.relation-card:hover{transform:translateY(-2px);border-color:#a079bf}.relation-people{font:20px Georgia,serif}.affinity-track{height:7px;border-radius:20px;background:#453353}.affinity-track div{background:linear-gradient(90deg,#7950b3,#e1a4f2);border-radius:20px}
.family-panel{padding:30px;margin-top:25px;background:radial-gradient(circle at 92% 5%,#57386b78,transparent 35%),#1a1125}.family-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.family-head h2{font-size:32px}.family-head p{max-width:650px}.family-emblem{font:48px Georgia,serif;color:#d0a3f5;display:grid;place-items:center;width:82px;height:82px;border:1px solid #85629b;background:#332044;border-radius:50%}.familygraph{display:grid;gap:19px}.kinship{background:linear-gradient(100deg,#2a1a35,#1b1325);border:1px solid #695079;border-radius:20px;padding:23px;max-width:none}.family-branch-label{font-size:10px;letter-spacing:.25em;color:#bb93df;text-align:center;margin-bottom:14px}.kinship-members{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.kinship-node{background:#281b34;border:1px solid #6c4f82;border-radius:18px;padding:14px;min-width:150px;width:33%;max-width:230px;color:#faf0ff;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.kinship-node:hover{border-color:#c797ed;background:#352242}.kinship-portrait{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;object-fit:cover;background:#4c2f65;border:2px solid #a57fcb;font:34px Georgia,serif;color:#e6c6ff}.kinship-node strong{font-size:14px}.kinship-node small{color:#a78cbc;font-size:9px;letter-spacing:.18em}.kinship-link{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:110px;color:#e9c6ff}.kinship-link b{font-size:11px;background:#493059;border:1px solid #9464ad;padding:6px 10px;border-radius:30px;white-space:nowrap}.kinship-line{height:1px;background:#aa80ce;width:110px}.family-description{text-align:center;color:#bbaac8;margin:15px auto 0;max-width:500px}.family-empty{text-align:center;padding:40px 20px;color:#cdb7de;border:1px dashed #705086;border-radius:18px}.family-empty span{font:55px Georgia,serif;color:#bd9ac9;display:block}.family-empty strong{display:block;font:22px Georgia,serif}
/* Painel de personagem */
.crumbs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.crumbs button{border:1px solid #5c426d;border-radius:35px;background:#1b1426;color:#b7a6c6;padding:9px 13px}.crumbs button.active{background:#593474;border-color:#c18cec;color:#fff}.gallery-studio{margin-top:25px;border:1px solid #655078;border-radius:20px;background:linear-gradient(140deg,#2a1c36,#170f22);padding:24px}.gallery-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.gallery-top h3{font:26px Georgia,serif}.gallery-top p{font-size:12px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:15px}.gallery-tile{margin:0;border:1px solid #674978;border-radius:14px;padding:7px;background:#170f20}.gallery-tile .artimg{width:100%;height:205px;object-fit:cover;border-radius:10px}.gallery-tile figcaption{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:6px}.gallery-empty{grid-column:1/-1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px dashed #8261a1;border-radius:16px;padding:35px 15px;cursor:pointer;color:#d5bddf}.gallery-empty span{font-size:40px;color:#d1a6f4}.gallery-empty strong{font:22px Georgia,serif}.gallery-empty small{color:#b2a1be}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;padding:24px;background:linear-gradient(135deg,#2b1b39,#1b1326);border:1px dashed #9776ae;border-radius:18px;gap:7px}.upload-zone:hover{background:#372449;border-color:#d4a9f6}.upload-zone strong{color:#f5e4ff}.upload-zone small{color:#bdabc9}.upload-zone.has-file{border-style:solid;background:#322044}.upload-icon{color:#cda5f6}
/* Codex */
.codex-intro{display:flex;align-items:center;justify-content:space-between;min-height:245px;padding:35px;gap:20px}.codex-intro-copy{z-index:2;position:relative}.codex-intro h2{font-size:clamp(34px,3.4vw,48px);margin-top:5px}.codex-intro em{color:#d8a8fa;font-style:italic}.codex-intro p{max-width:580px;line-height:1.8}.codex-stats{display:flex;gap:28px;flex-wrap:wrap;color:#baa4c9;font-size:12px;margin-top:18px}.codex-stats b{font:23px Georgia,serif;color:#f0d6ff}.codex-sigil-wrap{position:relative;min-width:225px;height:205px;display:grid;place-items:center}.codex-sigil{font-size:100px;color:#d19efa;text-shadow:0 0 38px #ce8eec}.codex-ring{position:absolute;border:1px solid #bc86e758;border-radius:50%;width:190px;height:190px;transform:rotate(25deg) scaleY(.68)}.codex-ring.r2{transform:rotate(-25deg) scaleY(.7)}.codex-filters{display:flex;gap:8px;overflow-x:auto;padding:12px 0 19px;scrollbar-width:thin}.filter-pill{white-space:nowrap;border:1px solid #694c80;background:#21172b;color:#d4c0e2;padding:9px 15px;border-radius:30px;font-size:12px}.filter-pill.active,.filter-pill:hover{background:#654080;border-color:#c291f3;color:white}.codex-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.codex-card{position:relative;overflow:hidden;padding:26px;border:1px solid #604978;background:linear-gradient(145deg,#2a1a39,#17101f 74%)}.codex-card:before{content:'';position:absolute;width:130px;height:130px;right:-25px;top:-50px;border-radius:50%;background:#7a40a228;filter:blur(13px)}.codex-card h3{font:27px Georgia,serif;margin-top:14px}.codex-symbol{font-size:36px;background:#402655;border:1px solid #825cab;color:#dfb8ff;border-radius:16px;height:62px;width:62px;display:grid;place-items:center}.codex-card p{min-height:66px}.codex-card .actions{flex-wrap:wrap}
/* Cronologia */
.timeline-intro{padding:34px;margin-bottom:25px}.timeline-intro h2{font:35px Georgia,serif;margin:8px 0}.timeline-rail{max-width:1050px}.timeline-rail:before{background:linear-gradient(#e2abff,#9955c8,#3f2a52);left:34px}.timeline-entry{grid-template-columns:80px 1fr;gap:20px;margin:0 0 25px}.timeline-pin{width:66px;height:66px;background:radial-gradient(circle at 35% 30%,#694082,#271a35);box-shadow:0 0 0 6px #281534;border:1px solid #c296ea;color:#f9eaff}.timeline-card{border-radius:20px;padding:27px 30px;border:1px solid #72528a}.timeline-card:hover{transform:translateX(2px);border-color:#b68bdb}.timeline-card h3{font:28px Georgia,serif}.timeline-card p{max-width:690px}
/* Interações */
.modal-shade{background:#06020de8;backdrop-filter:blur(10px)}.modal{background:linear-gradient(145deg,#2d1c3b,#17101f 80%);border:1px solid #8a67a3;box-shadow:0 35px 90px #000b;border-radius:22px}.modal h2{font:30px Georgia,serif}.modal input,.modal select,.modal textarea{background:#160f1d;border:1px solid #6b507d;color:#f7ecff;border-radius:11px}.modal label{color:#e1ccec}.export-chapters{display:grid;gap:7px;padding:10px;border:1px solid #654b7b;background:#170f1f;max-height:240px;overflow-y:auto}.export-check{display:flex;align-items:center;gap:15px;border:1px solid #42324e;border-radius:11px;padding:15px;background:#281931;line-height:1.4}.export-check:hover{border-color:#b17add}.export-check input{width:20px;height:20px;margin:0;flex-shrink:0}.export-check span{flex:1}.export-option{justify-content:flex-start;gap:15px;padding:14px 17px;border:1px solid #654879;background:#24162f}.export-option input{margin:0}.pdf-theme-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;border-radius:16px;border:1px solid #614a78;background:#1a1124}.theme-chip{display:flex;flex-direction:column;align-items:center;gap:8px;color:#d9c3e9;font-size:11px;text-align:center}.paper-sample{height:72px;width:49px;display:grid;place-items:center;box-shadow:0 5px 12px #0007;border-radius:3px;font:18px Georgia,serif}.paper-sample-classic{background:white;color:#3a284b}.paper-sample-dark{background:#130f1e;color:#d7b5f6;border:1px solid #ac7acf}.paper-sample-royal{background:#f4ead5;color:#704791}.character-peek{max-width:560px}.peek-close{position:absolute;right:25px;top:22px;border:1px solid #73548a;background:#2b1b38;color:white;border-radius:9px;padding:5px 11px}.peek-hero{display:flex;align-items:center;gap:20px;padding:16px 24px 25px 0}.peek-hero h2{font:35px Georgia,serif;margin:5px 0}.peek-hero p{color:#b9a8c7}.peek-portrait{width:110px;height:125px;border:1px solid #8766ab;border-radius:16px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;background:#311e42}.peek-img{width:100%;height:100%;object-fit:cover;font:50px Georgia,serif;display:grid;place-items:center;color:#d7b0f9}.peek-summary{background:#21162d;border:1px solid #4f3862;padding:19px;border-radius:13px;line-height:1.8}.peek-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
@media(max-width:1100px){.gate-grid{grid-template-columns:1fr 1fr}.gate-floating{font-size:11px}.gate-right{min-height:490px}.gate-logo-plate{max-width:95%}.gate-halo{width:440px;height:440px}.utility-status{display:none}}
@media(max-width:850px){.layout{display:block}.sidebar{position:relative;height:auto;padding:12px 15px 15px}.brand-button{min-height:60px;padding-bottom:10px}.nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.nav button{white-space:nowrap;font-size:12px}.aside-bottom{display:none}.main{padding:0 16px 48px}.app-utility{height:58px;margin-bottom:23px}.utility-search span,.utility-search kbd{display:none}.writing-layout{grid-template-columns:1fr}.gate-head{padding:25px 5%}.gate-grid{grid-template-columns:1fr;gap:0;min-height:0;padding-top:45px}.gate-left{padding-bottom:18px}.gate-left h1{font-size:clamp(54px,9vw,80px)}.gate-right{min-height:400px}.gate-logo-plate{max-width:310px}.gate-halo{width:380px;height:380px}.gate-floating-a{left:8%;top:8%}.gate-floating-b{right:7%;bottom:9%}.gate-features{margin-top:28px}.gate-bottom{padding:22px 5%}.home-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gate-head{font-size:9px;letter-spacing:.12em}.gate-edition{font-size:9px}.gate-left h1{font-size:clamp(49px,12vw,68px)}.gate-left p{font-size:14px}.gate-overline{font-size:9px}.gate-cta{min-width:0;width:100%}.gate-actions{display:block}.gate-footnote{display:block;margin-top:12px}.gate-features{gap:13px;font-size:9px}.gate-right{min-height:340px}.gate-halo{width:300px;height:300px}.gate-logo-plate{width:240px}.gate-floating{padding:8px;gap:7px}.gate-floating strong{font-size:10px}.gate-floating small{font-size:8px}.gate-small-icon{font-size:17px}.gate-bottom{font-size:8px;gap:8px}.app-path{font-size:10px;gap:6px}.utility-right{gap:5px}.utility-back{padding:7px}.main{padding:0 14px 45px}.top h1{font-size:38px}.home-tiles{grid-template-columns:1fr}.tile{min-height:140px;padding:18px}.writing-sheet{padding:13px}.writer{padding:22px;font-size:16px}.focus .main{padding:72px 9px 30px!important}.focus .writing-sheet{padding:0!important}.focus .writer{padding:24px!important;font-size:17px}.network-svg{min-width:520px}.codex-intro{padding:24px;display:block}.codex-sigil-wrap{display:none}.codex-grid{grid-template-columns:1fr}.timeline-entry{grid-template-columns:45px 1fr;gap:10px}.timeline-pin{width:44px;height:44px;font-size:13px}.timeline-rail:before{left:22px}.timeline-card{padding:18px}.family-emblem{width:54px;height:54px;font-size:28px}.kinship-members{gap:8px}.kinship-node{min-width:115px;width:42%;padding:11px}.kinship-link{min-width:55px}.kinship-line{width:50px}.kinship-link b{font-size:10px}.modal{padding:18px}.pdf-theme-preview{gap:5px}.peek-hero{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Estante editorial e galeria de personagens */
.books-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:23px;align-items:stretch}
.book-card{overflow:hidden;display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;align-items:center;padding:20px;border-radius:20px;background:linear-gradient(140deg,#2b193a,#170f22 80%);border:1px solid #604576;box-shadow:0 12px 30px #0004}.book-card:hover{border-color:#b687e7;box-shadow:0 15px 38px #0007}.book-poster{position:relative;min-height:220px;padding:0;border:1px solid #8b62a3;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 55% 33%,#7a48a6,#271536 70%);color:#d7b2ff;cursor:pointer;box-shadow:8px 9px 22px #0006}.book-cover-image{width:100%;height:220px;display:grid;place-items:center;font:54px Georgia,serif;object-fit:cover}.poster-shine{position:absolute;inset:0;box-shadow:inset 7px 0 13px #0004;pointer-events:none}.book-poster-label{position:absolute;bottom:8px;left:7px;right:7px;letter-spacing:.15em;color:#e5c7ff;text-shadow:0 1px 5px #000;font-size:8px;text-align:center}.book-meta h2{font-size:28px;margin:9px 0}.book-meta p{color:#bdabc8;line-height:1.55;font-size:12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.book-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:15px}.book-actions .btn{font-size:11px;padding:9px 11px}
.character-intro{position:relative;min-height:220px;display:flex;align-items:center;justify-content:space-between;padding:33px;margin-bottom:28px;border-radius:23px;background:radial-gradient(circle at 86% 25%,#70439888,transparent 36%),linear-gradient(110deg,#241634,#110d19);border:1px solid #77528d;overflow:hidden}.character-intro h2{font:34px Georgia,serif;max-width:530px;margin:8px 0}.character-intro p{color:#c7b4d4;max-width:540px}.character-symbol{font:110px Georgia,serif;color:#d9b3fa;opacity:.2;transform:rotate(-12deg)}.character-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:23px}.character-showcase{border:1px solid #674b80;background:linear-gradient(155deg,#241731,#160f1e);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #0004;transition:transform .2s,border-color .2s}.character-showcase:hover{transform:translateY(-4px);border-color:#c18eeb}.character-image{position:relative;background:radial-gradient(circle at 50% 30%,#674185,#271931 80%);border:0;padding:0;width:100%;height:235px;display:grid;place-items:center;color:#e4beff;cursor:pointer;overflow:hidden}.character-art{width:100%;height:100%;object-fit:cover;font:75px Georgia,serif;display:grid;place-items:center}.character-art-glow{position:absolute;inset:0;background:linear-gradient(transparent 75%,#1b1226b9);pointer-events:none}.character-meta{padding:22px}.character-meta h3{font:27px Georgia,serif;margin:10px 0}.character-meta p{font-size:12px;color:#c7b5d4;min-height:55px;line-height:1.65}.character-meta .btn{margin-top:9px}
@media(max-width:600px){.books-gallery{grid-template-columns:1fr}.book-card{grid-template-columns:115px 1fr;gap:13px;padding:12px}.book-poster,.book-cover-image{height:176px;min-height:176px}.book-meta h2{font-size:22px}.book-actions .btn{font-size:10px}.character-intro{padding:21px;min-height:160px}.character-intro h2{font-size:27px}.character-symbol{display:none}.character-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.character-image{height:190px}.character-meta{padding:14px}.character-meta h3{font-size:20px}}