@charset "UTF-8";
:root{--paper:#f6f3ef;--card:#fffcf9;--white:#fff;--ink:#242024;--muted:#756b70;--line:#e9e2dc;--red:#b82437;--red-hover:#971b2b;--red-soft:#f6e5e6;--charcoal:#211d20;--shadow:0 5px 25px #2b152108;--radius:20px;--font:'DM Sans',Arial,sans-serif;--serif:'DM Serif Display',Georgia,serif;--reading:18px;--header-h:92px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:var(--red)}svg{flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c9646f;outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.18}h1,h2{font-weight:400}h1{font-size:40px;letter-spacing:-1.2px}h2{font-size:26px;letter-spacing:-.5px}h3{font-size:17px;font-weight:600}p{margin-bottom:16px}button{border:0}button svg+span{margin-left:8px}.serif{font-family:var(--serif)}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.6;font-weight:700;text-transform:uppercase}.red{color:var(--red)}.hidden{display:none!important}.skip-link{position:fixed;left:20px;top:-60px;z-index:2000;background:var(--white);padding:10px 16px}.skip-link:focus{top:12px}.boot{display:grid;place-content:center;min-height:100vh;text-align:center}.boot-mark{font:70px var(--serif);color:var(--red)}.boot-mark span{font-size:30px}.boot h1{font:32px var(--serif);margin:12px}.boot p{color:var(--muted)}.noscript{padding:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 19px;border-radius:10px;background:var(--red);color:white;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;line-height:1.5}.btn:hover{background:var(--red-hover);transform:translateY(-1px);box-shadow:0 5px 12px #9a172025}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background:var(--red-soft);box-shadow:none}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn-ghost:hover{background:var(--red-soft);color:var(--red);box-shadow:none}.btn-light{background:#fff4e9;color:#4d222b}.btn-light:hover{background:#fff}.btn-small{min-height:36px;padding:8px 13px;font-size:12px}.btn-wide{width:100%}.text-link{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;color:var(--red);font-size:12px;font-weight:600}.text-link:hover{text-decoration:underline}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--muted);transition:all .2s;flex-shrink:0}.icon-btn:hover{color:var(--red);border-color:#deb5ba;background:var(--red-soft)}.tag{display:inline-flex;align-items:center;gap:5px;background:var(--red-soft);color:var(--red);padding:4px 9px;border-radius:6px;font-size:10px;font-weight:600;line-height:1.6}.tag-neutral{background:var(--paper);color:var(--muted)}.tag-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-head h2{font:600 17px var(--font);letter-spacing:-.35px;margin:0}.section-head h3{margin:0}.section-head .text-link{white-space:nowrap}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:25px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.field label{font-size:12px;font-weight:600}.field input,.field select,.field textarea,.search-input{width:100%;min-height:45px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);padding:11px 13px;outline-offset:2px;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:var(--red)}.field textarea{resize:vertical;min-height:105px}.field small,.form-note{font-size:11px;color:var(--muted);line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.input-icon{position:relative}.input-icon input{padding-left:43px;padding-right:45px}.input-icon>svg{position:absolute;left:14px;top:14px;color:var(--muted)}.input-icon button{position:absolute;right:5px;top:5px;width:35px;height:35px;background:none;display:grid;place-items:center;color:var(--muted)}.check-field{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.check-field input{accent-color:var(--red);width:15px;height:15px}.form-note{margin:15px 0 0}.empty{padding:52px 25px;text-align:center}.empty-icon{width:72px;height:72px;margin:0 auto 24px;display:grid;place-items:center;border-radius:23px;background:var(--red-soft);color:var(--red)}.empty h2{font-family:var(--serif);font-size:27px;margin-bottom:12px}.empty p{max-width:400px;margin:0 auto 22px;color:var(--muted);font-size:13px}.ornament{font-family:Georgia,serif;font-size:22px;letter-spacing:10px;color:var(--red);opacity:.75}
/* Entrada */
.login{display:grid;grid-template-columns:1.08fr 1fr;min-height:100svh;background:var(--card)}.login-art{position:relative;min-height:780px;overflow:hidden;background:#230e17;color:#fff}.login-art:before{content:'';position:absolute;inset:0;background:url('../assets/ze-editorial-hero.png') 68% center/cover no-repeat}.login-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#190d1770 0%,transparent 28%,#180b14a0 67%,#1a0b14f5 100%)}.login-brand{position:absolute;z-index:1;left:54px;top:43px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;background:none;padding:0;text-align:left}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--red);color:white;flex-shrink:0}.brand-name{font:22px/1.05 var(--serif);letter-spacing:-.3px}.brand-name small{display:block;font:8px var(--font);font-weight:500;letter-spacing:2.2px;text-transform:uppercase;margin-top:7px;color:var(--muted)}.login-brand .brand-name{color:#fff}.login-brand .brand-name small{color:#e1b9bd}.login-story{position:absolute;z-index:1;left:54px;right:44px;bottom:51px}.login-story .eyebrow{color:#efc2c5;letter-spacing:2.5px;margin-bottom:20px}.login-story h1{font:52px/1.04 var(--serif);letter-spacing:-1px;max-width:520px;margin-bottom:23px}.login-story h1 em{font-weight:400;color:#f0bebf}.login-story blockquote{margin:0;padding-top:20px;border-top:1px solid #ffffff2b;max-width:420px;font-size:13px;line-height:1.8;color:#eddee0}.login-story cite{display:block;font-size:10px;letter-spacing:1.6px;font-style:normal;text-transform:uppercase;margin-top:8px;color:#c99ca5}.login-content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:80px 50px 72px}.login-top{position:absolute;top:39px;left:50px;right:45px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.login-form-wrap{width:100%;max-width:390px;margin:auto}.login-form-wrap .eyebrow{margin-bottom:12px}.login-form-wrap h2{font:41px/1.08 var(--serif);letter-spacing:-.75px;margin-bottom:18px}.login-intro{color:var(--muted);font-size:14px;max-width:360px;margin-bottom:30px}.login-form-wrap .field{margin-bottom:20px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:6px 0 24px}.login-form-wrap .btn-wide{min-height:49px}.demo-notice{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.65;color:var(--muted);margin-top:18px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.demo-notice svg{margin-top:2px;flex-shrink:0;color:var(--red)}.login-divider{display:flex;align-items:center;gap:13px;color:#a3989a;font-size:10px;letter-spacing:.5px;margin:26px 0 18px}.login-divider:before,.login-divider:after{content:'';height:1px;background:var(--line);flex:1}.login-footer{position:absolute;bottom:26px;left:30px;right:30px;text-align:center;font-size:10px;color:#a09798}.login-mobile-brand{display:none}
/* Estrutura da plataforma: navegação superior e composição editorial */
.platform{min-height:100vh;position:relative;isolation:isolate}.platform:before{content:'♠';position:fixed;right:-80px;bottom:-175px;font:680px/1 Georgia,serif;color:#b8243703;transform:rotate(-18deg);z-index:-1;pointer-events:none}.topbar{height:var(--header-h);display:flex;align-items:center;gap:27px;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#fffcf9ef;backdrop-filter:blur(18px);padding:0 4.3vw}.topbar .brand{min-width:217px}.main-nav{display:flex;align-items:center;gap:25px;height:100%;margin:0 auto}.nav-item{height:100%;position:relative;display:flex;gap:7px;align-items:center;padding:0 1px;font-size:12px;font-weight:500;white-space:nowrap;background:none;color:var(--muted)}.nav-item.active{color:var(--ink);font-weight:700}.nav-item.active:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:0;border-radius:3px 3px 0 0;background:var(--red)}.nav-item:hover{color:var(--red)}.nav-item svg{display:none}.top-actions{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--red-soft);border:1px solid #edcfd1;color:var(--red);font-size:12px;font-weight:700;flex-shrink:0}.profile-button{display:flex;align-items:center;gap:9px;background:none;padding:2px;text-align:left}.profile-button>span:not(.avatar){font-size:11px;font-weight:600;line-height:1.6}.profile-button small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:500}.top-separator{height:27px;background:var(--line);width:1px;margin:0 2px}.mobile-menu{display:none}.app-main{max-width:1500px;margin:0 auto;padding:31px 4.3vw 34px;animation:appear .3s ease}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.page-heading .eyebrow{color:var(--red);font-size:9px;letter-spacing:1.8px;margin-bottom:7px}.page-heading h1{font:35px/1.15 var(--serif);letter-spacing:-.6px;margin-bottom:8px}.page-heading p{font-size:12px;color:var(--muted);margin-bottom:0}.heading-meta{display:flex;align-items:center;gap:9px;padding-bottom:5px}.edition-label{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.edition-label:before{content:'';width:5px;height:5px;background:var(--red);border-radius:50%}.platform-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:1500px;padding:0 4.3vw 23px;margin:0 auto;color:#9a8f92;font-size:9px}.platform-footer button{font-size:9px}.footer-motto{letter-spacing:.35px}.mobile-nav{display:none}
/* Início */
.home-hero{position:relative;overflow:hidden;border-radius:22px;min-height:286px;background:#2b0e1b;color:#fff;box-shadow:0 11px 25px #5f182018;display:flex;align-items:center;margin-bottom:31px}.home-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2b0e1b 20%,transparent 55%),url('../assets/ze-editorial-hero.png') right top/auto 170% no-repeat}.home-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2d10220d 30%,transparent 80%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:56%;padding:34px 39px}.hero-copy .eyebrow{font-size:8px;letter-spacing:2.4px;color:#e9b3bd;margin-bottom:11px}.hero-copy h2{font:44px/1.02 var(--serif);letter-spacing:-.85px;margin-bottom:15px}.hero-copy h2 em{font-weight:400;color:#f0c7c4}.hero-copy p{font-size:11px;line-height:1.8;color:#dbc6cd;max-width:315px;margin-bottom:20px}.hero-actions{display:flex;align-items:center;gap:19px}.hero-actions .btn{font-size:11px;padding:10px 15px;min-height:39px}.hero-actions .text-link{color:#eedcdf;font-size:10px}.hero-entity{position:absolute;right:25px;bottom:19px;z-index:2;text-align:right;font-size:8px;line-height:1.6;letter-spacing:1px;color:#f5e8e7;text-shadow:0 2px 5px #000;max-width:225px}.hero-entity span{display:block;font-size:7px;letter-spacing:2px;text-transform:uppercase;color:#d6b0b8}.hero-counter{position:absolute;left:40px;bottom:18px;display:flex;gap:5px}.hero-counter span{height:3px;width:18px;background:#a7717e;border-radius:3px}.hero-counter span:first-child{background:#f2c8ce;width:37px}.home-grid{display:grid;grid-template-columns:1.08fr 1.1fr .96fr;gap:28px;align-items:start}.book-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.book-tile{border-radius:15px;padding:0;background:transparent;text-align:left;transition:transform .25s;min-width:0;position:relative}.book-tile:hover{transform:translateY(-4px)}.book-cover{height:208px;position:relative;overflow:hidden;background:#231e23;border-radius:13px;padding:19px 15px;color:#fff7ed;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 5px 9px #32202613}.book-cover:before{content:'';inset:7px;position:absolute;border:1px solid #e5c9ae35;border-radius:7px;pointer-events:none}.book-cover:after{content:'♠';position:absolute;right:-11px;bottom:-31px;font:150px Georgia,serif;color:#fff6ec0a;transform:rotate(-15deg)}.book-cover.crimson{background:#b3293a}.cover-top{font-size:6px;letter-spacing:1.7px;text-transform:uppercase;font-weight:500;position:relative;z-index:1}.cover-symbol{align-self:center;display:grid;place-content:center;width:61px;height:61px;border-radius:50%;border:1px solid #e4cbbc50;margin:3px 0;color:#f2dfc7}.cover-symbol svg{width:39px;height:39px}.cover-title{font:20px/1.02 var(--serif);position:relative;z-index:1;letter-spacing:-.2px}.cover-bottom{font-size:6px;letter-spacing:1.3px;border-top:1px solid #d0b7a833;padding-top:7px;color:#e2c7c4}.book-tile .book-info{display:block;margin-top:10px}.book-info strong{display:block;font-size:11px;font-weight:600;line-height:1.45;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.book-info small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.wide-link{margin-top:16px;width:100%;background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;min-height:37px;font-size:10px}.path-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:13px}.category-paths{display:flex;flex-direction:column;gap:9px}.path-button{display:flex;align-items:center;gap:9px;padding:10px 12px;min-height:39px;background:var(--red-soft);color:#993240;border-radius:9px;text-align:left;font-size:10px;font-weight:500;transition:transform .2s;white-space:nowrap}.path-button:nth-child(2){background:#cf6170;color:white}.path-button:nth-child(3){background:#963744;color:white}.path-button:nth-child(4){background:#3b3036;color:white}.path-button:nth-child(5){background:var(--white);color:var(--ink);border:1px solid var(--line)}.path-button:hover{transform:translateX(3px)}.path-button svg{width:14px;height:14px}.symbol-stack{display:grid;grid-template-rows:1fr 1fr;gap:13px}.symbol-tile{border:1px solid var(--line);border-radius:17px;background:var(--card);box-shadow:var(--shadow);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--red);min-height:110px}.symbol-tile>svg{width:57px;height:57px;stroke-width:1.2}.symbol-tile span{font-size:8px;font-weight:600;color:var(--muted)}.symbol-tile:before{content:'♦';position:absolute;top:5px;right:9px;font:14px Georgia;color:#e7c4ca}.quick-stack{display:grid;gap:12px}.quick-card{display:flex;align-items:center;gap:16px;padding:17px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;transition:transform .2s}.quick-card:hover{transform:translateX(3px)}.quick-icon{width:47px;height:47px;border-radius:13px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;flex-shrink:0}.quick-icon.large-number{font:33px/1 var(--serif);letter-spacing:-2px}.quick-card:nth-child(2) .quick-icon{background:#eae5e2;color:#51464d}.quick-card:nth-child(3) .quick-icon{background:#f2e9dc;color:#937756}.quick-card h3{font-size:12px;margin:0 0 5px}.quick-card p{font-size:9px;line-height:1.5;color:var(--muted);margin:0;max-width:185px}.quick-card>svg{margin-left:auto;color:#c1b7ba}.daily-note{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:15px 20px;margin-top:26px}.daily-note>.quote-mark{font:47px/.8 var(--serif);color:#c25461;height:30px}.daily-note p{font:15px var(--serif);margin:0;letter-spacing:.1px}.daily-note cite{font:9px var(--font);color:var(--muted);font-style:normal;display:block;margin-top:5px}.daily-note .text-link{margin-left:auto;white-space:nowrap;font-size:10px}.stats-inline{display:flex;gap:20px;margin-top:14px;color:var(--muted);font-size:9px}.stats-inline span+span{padding-left:20px;border-left:1px solid var(--line)}.stats-inline strong{color:var(--ink);font-weight:600}
/* Biblioteca e leitura */
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{background:transparent;border:1px solid transparent;color:var(--muted);padding:8px 13px;border-radius:9px;font-size:11px;font-weight:500;white-space:nowrap}.tab.active{color:var(--red);background:var(--red-soft);border-color:#eed0d4}.tab:hover{color:var(--red);background:var(--red-soft)}.library-search{position:relative;width:250px;flex-shrink:0}.library-search svg{position:absolute;left:12px;top:12px;color:var(--muted)}.library-search input{padding-left:37px;font-size:11px;min-height:41px}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.chapter-card{padding:22px;text-align:left;position:relative;transition:transform .2s}.chapter-card:hover{transform:translateY(-3px)}.chapter-number{font:39px var(--serif);color:#ca6976;margin:9px 0 14px;display:block}.chapter-card h2{font:21px/1.2 var(--serif);min-height:75px;margin-bottom:18px}.chapter-card p{font-size:10px;color:var(--muted);margin:0}.chapter-card .chapter-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;color:var(--red);font-size:10px}.chapter-read{position:absolute;right:19px;top:20px;color:var(--red)}.reader-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:start}.reader-aside{padding:21px;position:sticky;top:116px}.reader-aside h3{font-size:12px;margin:0 0 14px}.reader-aside ol{list-style:none;padding:0;margin:0}.reader-aside button{display:flex;gap:10px;width:100%;text-align:left;font-size:10px;line-height:1.6;border-radius:7px;background:none;padding:9px 8px;color:var(--muted)}.reader-aside button.active{background:var(--red-soft);color:var(--red);font-weight:600}.reader-aside button span:first-child{color:#bba5aa;font-size:9px;min-width:14px}.reading-card{padding:40px 7%;min-width:0}.reader-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:30px}.reader-tools .right{display:flex;align-items:center;gap:6px}.reader-tools .icon-btn{width:31px;height:31px;font-size:11px;border-radius:8px}.reading-card h1{font:42px/1.12 var(--serif);margin:15px 0 17px;letter-spacing:-.7px}.reader-meta{font-size:11px;color:var(--muted);display:flex;gap:14px;margin-bottom:35px}.prose{font-family:var(--font);font-size:var(--reading);line-height:1.95;color:var(--ink);overflow-wrap:anywhere}.prose p{margin:0 0 1.4em}.prose h2,.prose h3,.prose h4{font-family:var(--serif);font-weight:400;margin:1.7em 0 .75em;line-height:1.25}.prose h2{font-size:1.6em}.prose h3{font-size:1.25em}.prose ul,.prose ol{padding-left:1.4em;margin-bottom:1.4em}.prose blockquote{margin:1.5em 0;border-left:3px solid var(--red);padding:10px 0 10px 20px;color:var(--muted)}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin-bottom:24px;font-size:.85em}.prose th,.prose td{padding:10px 12px;border:1px solid var(--line);text-align:left;min-width:100px}.prose th{background:var(--red-soft)}.prose a{word-break:break-word}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}.reader-end{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.library-progress{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.progress-line{height:4px;background:var(--line);width:85px;border-radius:3px;overflow:hidden}.progress-line span{display:block;background:var(--red);height:100%}
/* Mesa interativa */
.dice-layout{display:grid;grid-template-columns:278px minmax(0,1fr);gap:24px;align-items:start}.dice-controls{padding:23px;position:sticky;top:115px}.dice-controls h2{font:23px var(--serif);margin:0 0 6px}.dice-controls>.muted{font-size:11px;margin-bottom:22px}.dice-controls .field{margin-bottom:17px}.dice-controls .field label{font-size:10px}.dice-controls .field select,.dice-controls .field textarea{font-size:11px;min-height:41px;padding:10px}.dice-controls .field textarea{min-height:104px}.dice-controls .form-note{font-size:10px;line-height:1.7}.method-help{padding-top:14px;margin-top:16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.method-help p{margin-bottom:9px}.tabletop{min-height:346px;position:relative;overflow:hidden;background:#291721;border:1px solid #3e2933;border-radius:20px;color:#f3e8e9;box-shadow:0 9px 25px #44202a14}.tabletop:before{content:'';position:absolute;inset:0;opacity:.14;background-image:radial-gradient(#eec3cb 1px,transparent 1px);background-size:5px 5px;pointer-events:none}.tabletop:after{content:'';position:absolute;left:20px;right:20px;top:20px;bottom:20px;border:1px solid #c5809433;border-radius:13px;pointer-events:none}.tabletop-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:30px 32px 0;font-size:9px;color:#d7adb8;letter-spacing:1px}.tabletop-head .tag{background:#ffffff0d;color:#ead9de;font-size:8px;border:1px solid #ddbbbf26}.tabletop-head button{background:none;color:#d6b7c0;display:flex;align-items:center;gap:5px;font-size:9px}.table-mark{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-10deg);color:#d7a9b908;pointer-events:none}.table-mark svg{width:240px;height:240px;stroke-width:1}.dice-floor{position:absolute;width:620px;height:620px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-24deg);border:1px solid #e0adc610;border-radius:70px;background:linear-gradient(135deg,#a4365420,#180c2300);box-shadow:inset 0 0 100px #d4456410}.dice-display{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:42px;min-height:203px;padding:42px 25px 25px;perspective:1000px;flex-wrap:wrap}.die-wrap{display:flex;align-items:center;flex-direction:column;gap:32px}.die-wrap small{font-size:9px;letter-spacing:.3px;color:#c9a6b1}.die-stage{width:64px;height:64px;position:relative;perspective:650px}.die-stage:after{content:'';position:absolute;left:-7px;right:-14px;bottom:-24px;height:22px;background:#05020480;filter:blur(8px);border-radius:50%;transform:skew(-25deg);z-index:-1}.cube{width:64px;height:64px;position:relative;transform-style:preserve-3d;transform:rotateX(-23deg) rotateY(-30deg) var(--face-rotation,rotateX(0deg));transition:transform 1.1s cubic-bezier(.19,.9,.29,1);will-change:transform}.cube-face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:12px;gap:4px;border:1px solid #c8b9ab;border-radius:10px;background:#f7eedf;box-shadow:inset 0 0 8px #5d393018;backface-visibility:hidden}.cube-face.face-1{transform:translateZ(32px)}.cube-face.face-6{transform:rotateY(180deg) translateZ(32px);background:#eadbc8}.cube-face.face-3{transform:rotateY(90deg) translateZ(32px);background:#d9c7b1}.cube-face.face-4{transform:rotateY(-90deg) translateZ(32px);background:#e4d2bd}.cube-face.face-2{transform:rotateX(90deg) translateZ(32px);background:#fff9ec}.cube-face.face-5{transform:rotateX(-90deg) translateZ(32px)}.pip{width:100%;height:100%;border-radius:50%;background:#412334;box-shadow:inset 0 1px 2px #0007;align-self:center;justify-self:center}.cube-face.face-1 .pip{background:#b9233b}.die-red .cube-face{background:#b62e40;border-color:#8e2337}.die-red .pip{background:#fff0df}.die-red .face-2{background:#d34b5d}.die-green .cube-face{background:#316e5b;border-color:#244c40}.die-green .pip{background:#fff0df}.die-green .face-2{background:#438671}.rolling .is-current .cube{animation:tumble .85s cubic-bezier(.1,.5,.6,1) infinite}.rolling .die-wrap:nth-child(2) .cube{animation-delay:-.16s}.rolling .die-wrap:nth-child(3) .cube{animation-delay:-.31s}.rolling .is-current small{opacity:.35}.tabletop-footer{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;padding:0 20px 32px}.tabletop-footer .btn{min-width:188px;box-shadow:0 6px 25px #09030533}.tabletop-footer p{font-size:9px;margin:0;color:#bb8f9f}.tabletop .hint{font-size:10px;max-width:400px;text-align:center;color:#cfafb9;margin:0 auto 21px;padding:0 30px}.dice-cruz{gap:26px;padding-top:28px;min-height:240px}.dice-cruz .die-wrap{gap:19px}.dice-cruz .die-stage,.dice-cruz .cube{width:40px;height:40px}.dice-cruz .cube-face{padding:7px;gap:3px;border-radius:7px}.dice-cruz .face-1{transform:translateZ(20px)}.dice-cruz .face-6{transform:rotateY(180deg) translateZ(20px)}.dice-cruz .face-3{transform:rotateY(90deg) translateZ(20px)}.dice-cruz .face-4{transform:rotateY(-90deg) translateZ(20px)}.dice-cruz .face-2{transform:rotateX(90deg) translateZ(20px)}.dice-cruz .face-5{transform:rotateX(-90deg) translateZ(20px)}.dice-trio{display:flex;gap:20px;position:relative;padding:12px 15px 33px;border:1px solid #c291a41c;border-radius:12px}.trio-title{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:8px;color:#d9bdc6}.result-card{margin-top:20px;padding:26px;animation:appear .4s}.result-overline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.result-card h2{font:29px var(--serif);margin-bottom:12px}.result-card .result-intro{font-size:12px;color:var(--muted);line-height:1.85}.result-card .operation{display:inline-block;background:var(--paper);border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:pre-wrap}.result-excerpt{font-size:13px;line-height:1.9;margin:19px 0}.result-subentry+.result-subentry{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.result-subentry h3{font:22px var(--serif);margin-bottom:9px}.reflection{padding:16px 19px;border-left:3px solid var(--red);background:var(--red-soft);border-radius:0 10px 10px 0;font-size:12px;line-height:1.8;margin:22px 0}.reflection strong{display:block;font-size:9px;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:5px;color:var(--red)}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.table-empty{padding:27px 30px;text-align:center;display:flex;align-items:center;justify-content:center;gap:15px}.table-empty>svg{color:#b9a8af}.table-empty h3{font-size:12px;margin:0 0 4px;text-align:left}.table-empty p{font-size:10px;color:var(--muted);margin:0;text-align:left}.playing-card{width:82px;height:119px;position:relative;background:#fff7e9;border:1px solid #d2bdab;color:#32252d;border-radius:10px;box-shadow:0 9px 12px #0003;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg);animation:appear .45s}.playing-card:nth-child(2){transform:rotate(2deg) translateY(-6px)}.playing-card:nth-child(3){transform:rotate(10deg)}.playing-card.is-red{color:#b82437}.playing-card b{position:absolute;left:8px;top:6px;font:19px Georgia,serif}.playing-card small{position:absolute;right:8px;bottom:7px;font:14px Georgia,serif;transform:rotate(180deg)}.playing-card>.suit{font:45px Georgia,serif}.playing-card.back{background:repeating-linear-gradient(45deg,#5d2436 0 5px,#742b40 5px 7px);border:4px solid #e0c8b6;color:#edc6d0}.circle-note{display:flex;gap:8px;background:var(--red-soft);border-radius:8px;padding:10px;font-size:10px;color:var(--red)}
/* Cantigas, caderno e preferências */
.feature-banner{display:flex;align-items:center;gap:26px;padding:26px 31px;background:#2d2028;color:#f7e9e9;border-radius:18px;margin-bottom:25px;position:relative;overflow:hidden}.feature-banner h2{font:29px var(--serif);margin:0 0 7px}.feature-banner p{font-size:12px;color:#d0b6c1;max-width:510px;margin:0}.record-art{width:93px;height:93px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(#211a23 0 3px,#44323c 3px 4px,#241d25 4px 7px);border:1px solid #78505e;box-shadow:0 3px 12px #0003}.record-art span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#ffeadb}.feature-banner .ornament{margin-left:auto;font-size:45px;color:#946271}.song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.song-card{padding:24px;text-align:left;position:relative}.song-card .quick-icon{margin-bottom:20px}.song-card h2{font:23px var(--serif);margin-bottom:8px}.song-card p{color:var(--muted);font-size:11px;margin-bottom:18px}.song-card .song-controls{display:flex;align-items:center;gap:8px}.song-card .song-controls .icon-btn{margin-left:auto;width:34px;height:34px}.video-frame{width:100%;aspect-ratio:16/9;min-height:210px;border:0;border-radius:12px;background:#211d20;margin-bottom:22px}.lyric-text{font-size:15px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.journal-card{padding:23px;display:flex;flex-direction:column;align-items:flex-start}.journal-card .eyebrow{font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-bottom:12px}.journal-card h2{font:24px var(--serif);margin:0 0 10px}.journal-card p{font-size:12px;color:var(--muted);line-height:1.8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.journal-card-footer{display:flex;align-items:center;width:100%;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);gap:10px}.journal-card-footer time{font-size:9px;color:var(--muted);margin-right:auto}.journal-card-footer .icon-btn{height:30px;width:30px;border-radius:8px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:26px;align-items:start;max-width:1050px;margin:0 auto}.settings-card{padding:27px}.settings-card h2{font:26px var(--serif);margin-bottom:7px}.settings-card>p{font-size:11px;color:var(--muted);margin-bottom:24px}.settings-section+.settings-section{border-top:1px solid var(--line);margin-top:26px;padding-top:25px}.settings-section h3{font-size:13px;margin-bottom:18px}.profile-preview{background:#21131c url('../assets/ze-editorial-hero.png') 72% center/cover no-repeat;height:285px;border-radius:15px;position:relative;overflow:hidden;margin-bottom:19px}.profile-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#24121bea,transparent 70%)}.profile-preview div{position:absolute;z-index:1;left:21px;bottom:19px;color:#fff1e6;right:21px}.profile-preview h3{font:25px var(--serif);margin-bottom:7px}.profile-preview p{font-size:10px;color:#d5a9b9;margin:0}.settings-aside .tag{margin-bottom:15px}.settings-aside h3{font-size:13px}.settings-aside p{font-size:11px;color:var(--muted);line-height:1.85}.settings-aside ul{font-size:11px;color:var(--muted);padding-left:18px}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:17px 0}.preference-row label{font-size:12px}.preference-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.switch{appearance:none;cursor:pointer;width:36px;height:21px;border-radius:15px;background:#d5cbce;position:relative;flex-shrink:0;transition:background .2s}.switch:before{content:'';width:15px;height:15px;position:absolute;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}.switch:checked{background:var(--red)}.switch:checked:before{transform:translateX(15px)}
/* Diálogos e feedback */
dialog{padding:0;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);width:calc(100% - 34px);max-width:640px;max-height:88svh;overflow:auto;box-shadow:0 30px 100px #180f2440}dialog::backdrop{background:#160d1ab3;backdrop-filter:blur(5px)}dialog.wide{max-width:850px}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 26px 18px;border-bottom:1px solid var(--line);background:var(--card)}.modal-head h2{font:25px var(--serif);margin:0}.modal-head .icon-btn{width:32px;height:32px;border-radius:9px}.modal-body{padding:26px}.modal-body>.muted{font-size:12px}.modal-body .prose{font-size:15px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.search-results{display:flex;flex-direction:column;margin-top:18px;gap:8px}.search-result{display:flex;align-items:center;gap:15px;text-align:left;background:var(--paper);padding:15px;border-radius:10px}.search-result>svg{color:var(--red)}.search-result strong{font-size:12px;display:block}.search-result small{font-size:10px;color:var(--muted)}.method-list{display:grid;gap:12px}.method-item{border:1px solid var(--line);border-radius:12px;padding:17px}.method-item h3{font:21px var(--serif);margin:0 0 8px}.method-item p{font-size:12px;color:var(--muted);margin:0 0 12px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#2c232c;color:#fff7ef;box-shadow:0 8px 30px #16081740;padding:12px 20px;border:1px solid #66505d;border-radius:12px;z-index:1001;opacity:0;pointer-events:none;font-size:12px;max-width:calc(100% - 32px);text-align:center;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.speech-bar{position:fixed;left:50%;bottom:23px;transform:translateX(-50%);background:#2b212b;color:#fff5ed;border:1px solid #6f4b5f;border-radius:50px;display:flex;align-items:center;gap:18px;padding:10px 13px 10px 20px;box-shadow:0 7px 30px #23132233;z-index:80;font-size:11px}.speech-bar button{background:#ffffff1a;color:#fff2ed;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.toast.visible~.speech-bar{bottom:85px}.mobile-drawer{display:none}.loading-message{font-size:12px;color:var(--muted)}
/* Tema noturno */
body.dark{--paper:#1f1b20;--card:#28222a;--white:#302832;--ink:#f2e9e6;--muted:#b4a5ad;--line:#403440;--red:#d85265;--red-hover:#c63c50;--red-soft:#492731;--shadow:0 5px 25px #0001}.dark .topbar{background:#28222aef}.dark .chapter-number{color:#d98e9a}.dark .quick-card:nth-child(2) .quick-icon{background:#3c3440;color:#c7b2bf}.dark .quick-card:nth-child(3) .quick-icon{background:#41372e;color:#d7b38a}.dark .platform:before{color:#d8526505}.dark .book-cover.crimson{background:#a93244}.dark .path-button:nth-child(2){background:#a34757}.dark .btn-secondary:hover{background:var(--red-soft)}.dark .login-art .brand-name{color:#fff}.dark .quick-icon{color:#f4a6b3}.dark .hero-copy .btn{background:#bc2b40;color:#fff}.dark .prose th{color:#f0c4cf}
@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes tumble{0%{transform:translateY(0) rotateX(-23deg) rotateY(-30deg) rotateZ(0)}25%{transform:translateY(-25px) rotateX(153deg) rotateY(160deg) rotateZ(30deg)}65%{transform:translateY(-12px) rotateX(289deg) rotateY(320deg) rotateZ(-14deg)}100%{transform:translateY(0) rotateX(697deg) rotateY(690deg) rotateZ(0)}}
@media(min-width:1500px){.topbar{padding:0 max(4.3vw,calc((100vw - 1370px)/2))}.home-hero{min-height:330px}.hero-copy{padding-top:40px;padding-bottom:40px}.hero-copy h2{font-size:52px}.home-grid{gap:35px}.book-cover{height:236px}}
@media(max-width:1180px){.topbar{gap:17px;padding:0 3%}.topbar .brand{min-width:175px}.brand-name{font-size:20px}.brand-name small{font-size:7px}.main-nav{gap:19px}.nav-item{font-size:11px}.top-actions{gap:7px}.top-actions .profile-button>span:not(.avatar){display:none}.top-separator{display:none}.app-main{padding:28px 3% 30px}.platform-footer{padding-left:3%;padding-right:3%}.home-grid{gap:20px;grid-template-columns:1fr 1fr .92fr}.hero-copy h2{font-size:42px}.book-cover{height:190px;padding:17px 13px}.cover-title{font-size:18px}.path-grid{gap:9px;grid-template-columns:1.13fr .7fr}.path-button{font-size:9px;padding:10px 9px;gap:6px}.symbol-tile{min-height:109px}.quick-card{padding:16px 13px;gap:11px}.quick-icon{width:41px;height:41px}.quick-card h3{font-size:11px}.quick-card p{font-size:9px}.dice-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}.dice-controls{padding:20px}.library-grid{grid-template-columns:repeat(3,1fr)}.reader-layout{grid-template-columns:205px minmax(0,1fr);gap:22px}.reader-aside{padding:17px}.login-story{left:35px;right:30px}.login-brand{left:35px}.login-story h1{font-size:47px}.login-content{padding-left:38px;padding-right:38px}.login-top{left:38px;right:38px}}
@media(max-width:920px){:root{--header-h:80px}.topbar .brand{min-width:auto}.brand-name{font-size:18px}.brand-mark{width:36px;height:36px;border-radius:11px}.brand-mark svg{width:25px}.main-nav{gap:16px}.nav-item{font-size:10px}.nav-item[data-nav="journal"]{display:none}.top-actions .icon-btn{width:35px;height:35px;border-radius:10px}.top-actions .about-top{display:none}.home-grid{grid-template-columns:1fr 1fr}.home-col-actions{grid-column:1/-1}.home-col-actions .section-head{display:none}.quick-stack{grid-template-columns:repeat(3,1fr);gap:14px}.quick-card{padding:18px 13px;gap:10px}.quick-card>svg{display:none}.book-cover{height:215px}.book-pair{gap:17px}.path-button{font-size:10px;min-height:44px}.symbol-tile{min-height:127px}.symbol-tile>svg{width:65px;height:65px}.cover-title{font-size:23px}.cover-symbol{width:70px;height:70px}.hero-copy{max-width:57%;padding-left:30px}.hero-copy h2{font-size:38px}.hero-copy p{max-width:270px}.home-hero{min-height:285px}.hero-entity{max-width:175px;font-size:7px;right:16px;bottom:16px}.settings-layout{grid-template-columns:1.4fr 1fr}.dice-layout{grid-template-columns:235px minmax(0,1fr)}.dice-display{gap:27px;min-height:212px}.tabletop-head{padding:28px 26px 0}.tabletop-head .tag{font-size:7px}.dice-trio{padding:15px 10px 29px;gap:15px}.dice-cruz{padding-top:22px;gap:15px}.reader-layout{grid-template-columns:1fr}.reader-aside{display:none}.song-grid,.journal-grid{grid-template-columns:repeat(2,1fr)}.login{grid-template-columns:1fr 1fr}.login-art{min-height:750px}.login-story h1{font-size:40px}.login-content{padding-left:30px;padding-right:30px}.login-form-wrap h2{font-size:35px}.login-top{left:30px;right:30px}.login-top>span{display:none}.login-story .eyebrow{font-size:8px}.login-options{gap:8px}.login-options .text-link{font-size:10px}.check-field{font-size:10px}}
@media(max-width:700px){:root{--header-h:71px}.topbar{padding:0 20px;gap:15px}.main-nav{display:none}.topbar .brand{margin-right:auto}.topbar .brand-name{font-size:19px}.topbar .brand-name small{font-size:6px;letter-spacing:1.8px}.top-actions{gap:8px}.top-actions .profile-button{display:none}.mobile-menu{display:inline-flex}.app-main{padding:25px 20px 35px}.page-heading{margin-bottom:20px;gap:12px}.page-heading h1{font-size:30px;margin-bottom:7px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.heading-meta .edition-label{display:none}.heading-meta .btn{font-size:10px;padding:8px 11px;min-height:36px}.home-hero{min-height:285px;margin-bottom:25px;border-radius:17px}.home-hero:before{background-position:center,right top;background-size:auto,auto 160%}.home-hero:after{background:linear-gradient(90deg,#2b0e1b90 0%,#2b0e1b35 50%,transparent 80%)}.hero-copy{padding:26px 23px;max-width:68%}.hero-copy h2{font-size:37px;line-height:1.04;margin-bottom:15px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.6px;max-width:145px}.hero-copy p{font-size:10px;max-width:215px;margin-bottom:18px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions .btn{font-size:10px;min-height:36px;padding:9px 12px}.hero-actions .text-link{font-size:9px}.hero-entity{display:none}.hero-counter{left:23px;bottom:14px}.home-grid{gap:25px 20px}.section-head{margin-bottom:15px}.section-head h2{font-size:16px}.section-head .text-link{font-size:10px}.book-cover{height:199px}.cover-title{font-size:20px}.cover-symbol{width:59px;height:59px}.cover-top{font-size:5px;letter-spacing:1.1px}.cover-bottom{font-size:5px}.book-pair{gap:10px}.path-grid{grid-template-columns:1fr}.symbol-stack{display:none}.path-button{font-size:10px;min-height:40px;padding:11px}.quick-stack{gap:12px}.quick-card{flex-direction:column;align-items:flex-start;padding:17px 14px;gap:13px}.quick-card h3{font-size:11px}.quick-card p{font-size:9px}.quick-icon{width:37px;height:37px;border-radius:11px}.quick-icon.large-number{font-size:27px}.quick-icon svg{width:21px;height:21px}.daily-note{margin-top:23px;gap:12px;padding:16px}.daily-note p{font-size:14px}.daily-note .text-link{display:none}.daily-note cite{font-size:8px}.stats-inline{font-size:9px;gap:12px;flex-wrap:wrap}.stats-inline span+span{padding-left:12px}.platform-footer{padding:0 20px 98px;font-size:8px;align-items:flex-end}.footer-motto{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffcf9f7;backdrop-filter:blur(14px);padding:11px 13px max(12px,env(safe-area-inset-bottom));z-index:50;border-top:1px solid var(--line);justify-content:space-around;gap:5px}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;color:var(--muted);font-size:8px;min-width:47px}.mobile-nav button.active{color:var(--red);font-weight:700}.mobile-nav svg{width:20px;height:20px}.dark .mobile-nav{background:#28222af7}.mobile-drawer{display:flex;flex-direction:column;gap:7px}.mobile-drawer button{padding:14px;text-align:left;border-radius:10px;background:var(--paper);font-size:13px;display:flex;gap:12px}.mobile-drawer button.active{background:var(--red-soft);color:var(--red)}.dice-layout{grid-template-columns:1fr;gap:20px}.dice-controls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:23px}.dice-controls h2,.dice-controls>.muted,.dice-controls .question-field,.dice-controls .method-help,.dice-controls .reference-field,.dice-controls .manual-fields{grid-column:1/-1}.dice-controls>.muted{margin-bottom:17px}.dice-controls .field{margin-bottom:14px}.dice-controls .field textarea{min-height:80px}.dice-controls .method-help{margin-top:3px;padding-top:13px}.tabletop{min-height:330px;border-radius:17px}.tabletop-head{padding-top:26px;font-size:8px}.dice-display{gap:41px;min-height:195px}.dice-cruz{min-height:275px;gap:20px}.tabletop-footer{padding-bottom:28px}.result-card{padding:22px}.result-card h2{font-size:27px}.table-empty{padding:26px 22px}.library-grid{grid-template-columns:repeat(2,1fr);gap:14px}.chapter-card{padding:20px}.chapter-card h2{font-size:21px;min-height:78px}.chapter-number{font-size:34px}.toolbar{flex-direction:column;align-items:stretch;gap:15px}.library-search{width:100%}.tabs{gap:4px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.tab{font-size:10px;padding:7px 11px}.library-progress{font-size:9px;flex-direction:column;gap:6px;align-items:flex-end;white-space:nowrap}.progress-line{width:65px}.reading-card{padding:23px}.reading-card h1{font-size:34px}.reader-tools{margin-bottom:25px}.reader-tools .btn{font-size:10px;padding:7px 10px;min-height:32px}.reader-meta{font-size:10px;gap:9px;flex-wrap:wrap}.prose{font-size:calc(var(--reading) - 1px);line-height:1.9}.reader-end{flex-wrap:wrap}.reader-end .btn{font-size:11px}.song-grid,.journal-grid{grid-template-columns:1fr 1fr;gap:15px}.song-card,.journal-card{padding:20px}.song-card h2,.journal-card h2{font-size:22px}.song-card p{font-size:10px}.feature-banner{padding:25px;gap:21px}.feature-banner h2{font-size:25px}.feature-banner p{font-size:11px}.feature-banner .ornament{display:none}.record-art{height:75px;width:75px}.settings-layout{grid-template-columns:1fr;gap:20px}.settings-card{padding:24px}.settings-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-preview{height:250px;margin:0}.settings-aside .panel{padding:0;border:0;box-shadow:none;background:none}.settings-aside .tag{font-size:8px}.settings-aside h3{font-size:12px}.profile-preview div{left:17px;right:17px}.profile-preview h3{font-size:23px}.modal-head{padding:21px}.modal-head h2{font-size:24px}.modal-body{padding:21px}.toast{bottom:91px;font-size:11px}.speech-bar{bottom:87px;font-size:10px;max-width:calc(100% - 30px);white-space:nowrap}.login{display:block;min-height:100svh}.login-art{display:none}.login-content{min-height:100svh;padding:105px 30px 67px}.login-top{top:23px;left:30px;right:30px}.login-top>span{display:block;font-size:10px}.login-mobile-brand{display:flex;margin-bottom:43px}.login-form-wrap{max-width:390px}.login-form-wrap h2{font-size:40px}.login-intro{font-size:13px}.login-footer{font-size:9px}.login-options .text-link{font-size:11px}.check-field{font-size:11px}.empty{padding:42px 25px}}
@media(max-width:400px){.app-main{padding-left:16px;padding-right:16px}.topbar{padding-left:16px;padding-right:16px}.brand-name{font-size:17px}.home-hero{min-height:293px}.hero-copy{max-width:72%;padding-left:20px}.hero-copy h2{font-size:33px}.hero-copy p{max-width:177px;font-size:9px}.hero-actions .text-link{font-size:8px}.home-grid{grid-template-columns:1fr}.book-cover{height:235px}.cover-title{font-size:27px}.cover-top{font-size:6px}.cover-symbol{width:70px;height:70px}.cover-bottom{font-size:6px}.home-col-paths .path-grid{grid-template-columns:1.1fr .8fr}.symbol-stack{display:grid}.symbol-tile{min-height:114px}.symbol-tile>svg{width:54px;height:54px}.path-button{min-height:40px}.quick-card{padding:16px 11px}.quick-card h3{font-size:10px}.quick-card p{font-size:8px}.page-heading h1{font-size:28px}.dice-display{gap:29px}.die-stage,.cube{width:58px;height:58px}.cube-face{padding:11px;gap:3px}.cube-face.face-1{transform:translateZ(29px)}.cube-face.face-6{transform:rotateY(180deg) translateZ(29px)}.cube-face.face-3{transform:rotateY(90deg) translateZ(29px)}.cube-face.face-4{transform:rotateY(-90deg) translateZ(29px)}.cube-face.face-2{transform:rotateX(90deg) translateZ(29px)}.cube-face.face-5{transform:rotateX(-90deg) translateZ(29px)}.library-grid{gap:12px}.chapter-card{padding:17px}.chapter-card h2{font-size:19px;min-height:89px}.chapter-card .tag{font-size:8px}.song-grid,.journal-grid{grid-template-columns:1fr}.settings-aside{display:block}.settings-aside .panel{padding-top:23px}.login-form-wrap h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rolling .cube{animation:none!important}}
body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}

.md-table-wrap{max-width:100%;overflow-x:auto}.die-placeholder{grid-area:1/1/4/4;display:grid;place-items:center;font:28px Georgia,serif;color:#b98c94}.pending-die .cube-face{opacity:.78}.die-red .die-placeholder,.die-green .die-placeholder{color:#eddcdd}.dice-cruz .die-placeholder{font-size:19px}.path-button{white-space:normal;line-height:1.45}.path-button span{min-width:0}
@media(max-width:700px){.home-hero:before{background:linear-gradient(90deg,#2b0e1b 0%,#2b0e1b60 40%,transparent 75%),url("../assets/ze-editorial-hero.png") 70% top/auto 130% no-repeat}.path-button{min-height:42px}.hero-copy p{color:#e1c9d0}}

/* Sessão autenticada e acesso administrativo */
.login-error{min-height:1.5em;margin:-10px 0 13px;color:var(--red);font-size:12px;line-height:1.5}.login-error:empty{display:none}.admin-access{text-decoration:none}.mobile-drawer .admin-drawer-link{padding:14px;text-align:left;border-radius:10px;background:var(--paper);color:var(--ink);font-size:13px;display:flex;align-items:center;gap:12px;text-decoration:none}.mobile-drawer .admin-drawer-link:hover{background:var(--red-soft);color:var(--red)}

/* Shell SaaS autenticado: navegação lateral fixa e workspace */
:root{--sidebar-width:276px;--gold:#8a622c;--gold-soft:#f4e8d1;--wine-deep:#2d111b}
body.sidebar-locked{overflow:hidden}
.platform{min-height:100vh;padding-left:var(--sidebar-width)}
.platform-workspace{min-width:0;min-height:100vh;display:flex;flex-direction:column}
.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:70;width:var(--sidebar-width);height:100svh;padding:19px 16px 16px;display:flex;flex-direction:column;background:linear-gradient(180deg,#fffdf9 0%,#fbf4e9 100%);border-right:1px solid #e8ddcf;box-shadow:8px 0 28px #30141a0a;color:#2a2024}
.sidebar-head{display:flex;align-items:center;gap:10px;padding:0 7px 20px;border-bottom:1px solid #eadfd2;flex-shrink:0}
.sidebar-head .sidebar-brand{min-width:0;flex:1}
.sidebar-brand .brand-mark{width:39px;height:39px;border-radius:12px;background:var(--wine-deep);color:#f0c987;box-shadow:inset 0 0 0 1px #d0a35e55}
.sidebar-brand .brand-name{font-size:18px;color:#2b1820;white-space:nowrap}
.sidebar-brand .brand-name small{font-size:7px;letter-spacing:1.55px;color:#765f50}
.sidebar-close{display:none;width:36px;height:36px;background:transparent;border-color:#e7d9c8}
.sidebar-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 3px 14px;scrollbar-width:thin;scrollbar-color:#d8c6b3 transparent}
.sidebar-group+.sidebar-group{margin-top:23px}
.sidebar-group h2{margin:0 11px 8px;font:700 9px/1.4 var(--font);letter-spacing:1.65px;text-transform:uppercase;color:#8a622c}
.sidebar-item{position:relative;width:100%;min-height:44px;padding:10px 12px;display:flex;align-items:center;gap:11px;border-radius:12px;background:transparent;color:#66575d;font-size:12px;font-weight:600;text-align:left;text-decoration:none;transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.sidebar-item:hover{background:#f1e6d8;color:#651f30;transform:translateX(2px)}
.sidebar-item.active{background:linear-gradient(135deg,#35131e,#21171b);color:#fff8ed;box-shadow:0 8px 17px #32131c20,inset 3px 0 #cba05d}
.sidebar-item.active svg{color:#efc87f}
.sidebar-item svg:last-child:not(:first-child){margin-left:auto;opacity:.7}
.sidebar-bottom{margin-top:auto;display:grid;gap:13px;flex-shrink:0}
.sidebar-help{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:11px;padding:15px 14px;border:1px solid #9a6e3d66;border-radius:15px;background:linear-gradient(145deg,#3b1421,#20171b);color:#fff7ea;box-shadow:0 9px 20px #32131c17}
.sidebar-help:after{content:'♦';position:absolute;right:-9px;bottom:-25px;font:74px Georgia,serif;color:#dfb56b12;transform:rotate(10deg);pointer-events:none}
.sidebar-help-icon{position:relative;z-index:1;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#c89a52;color:#25171b}
.sidebar-help div{position:relative;z-index:1;min-width:0}
.sidebar-help strong{display:block;margin-bottom:4px;font-size:11px}
.sidebar-help p{margin:0 0 8px;color:#d8c2b6;font-size:9px;line-height:1.55}
.sidebar-help .text-link{color:#f1ca84;font-size:9px}
.sidebar-account{display:flex;align-items:center;gap:7px;padding-top:13px;border-top:1px solid #e5d7c8}
.sidebar-profile{min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:7px;border-radius:12px;background:transparent;text-align:left}
.sidebar-profile:hover,.sidebar-profile.active{background:#efe2d4}
.sidebar-profile>span:not(.avatar){min-width:0;display:block}
.sidebar-profile strong,.sidebar-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-profile strong{font-size:11px;line-height:1.45;color:#34242a}
.sidebar-profile small{max-width:142px;font-size:9px;color:#705b61}
.sidebar-logout{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:transparent;color:#8b6e75}
.sidebar-logout:hover{background:#ead8d6;color:var(--red)}
.sidebar-scrim{display:none}
.workspace-topbar{position:sticky;top:0;z-index:35;min-height:73px;padding:0 clamp(24px,3.4vw,52px);display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:#fffcf9e8;backdrop-filter:blur(18px)}
.workspace-context{display:flex;flex-direction:column;line-height:1.25}
.workspace-context span{font-size:8px;font-weight:700;letter-spacing:1.7px;color:var(--gold)}
.workspace-context strong{margin-top:3px;font:19px/1.2 var(--serif);color:var(--ink)}
.workspace-actions{margin-left:auto;display:flex;align-items:center;gap:9px}
.workspace-profile{min-height:40px;padding:2px 6px 2px 3px;display:flex;align-items:center;gap:8px;border-radius:12px;background:transparent;color:var(--ink);font-size:11px;font-weight:600}
.workspace-profile:hover{background:var(--red-soft);color:var(--red)}
.workspace-profile .avatar{width:34px;height:34px}
.sidebar-trigger{display:none}
.platform .app-main{width:100%;max-width:1500px;flex:1;padding:31px clamp(24px,3.4vw,52px) 36px}
.platform .platform-footer{width:100%;max-width:1500px;padding:0 clamp(24px,3.4vw,52px) 24px;color:var(--muted);font-size:10px}
.account-gate{min-height:100svh;padding:32px;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,#7e293744 0,transparent 33%),linear-gradient(145deg,#230f17,#120d10);color:#fff8ed}
.account-gate-card{position:relative;overflow:hidden;width:min(100%,520px);padding:46px 44px;border:1px solid #d3a76166;border-radius:24px;background:linear-gradient(145deg,#3d1723,#24151b);box-shadow:0 28px 80px #0006;text-align:center}
.account-gate-card:after{content:'♠';position:absolute;right:-35px;bottom:-85px;font:230px/1 Georgia,serif;color:#e5b56608;transform:rotate(-12deg)}
.account-gate-mark{position:relative;z-index:1;width:64px;height:64px;margin:0 auto 20px;display:grid;place-items:center;border:1px solid #d4a75d88;border-radius:20px;background:#1d1216;color:#e8bd73}
.account-gate-card .eyebrow{position:relative;z-index:1;margin-bottom:10px;color:#e6bd78}
.account-gate-card h1{position:relative;z-index:1;margin-bottom:16px;font:42px/1.08 var(--serif);letter-spacing:-.6px}
.account-gate-card>p:not(.eyebrow){position:relative;z-index:1;max-width:380px;margin:0 auto 25px;color:#d6c0c6;font-size:13px}
.account-gate-user{position:relative;z-index:1;width:max-content;max-width:100%;margin:auto;padding:9px 14px 9px 9px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff16;border-radius:14px;background:#100b0e55;text-align:left}
.account-gate-user>span:last-child{min-width:0}
.account-gate-user strong,.account-gate-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-gate-user strong{font-size:12px}.account-gate-user small{max-width:260px;color:#c2aeb4;font-size:9px}
.dark .app-sidebar{background:linear-gradient(180deg,#211a20,#171317);border-color:#3e3038;color:#f4ebe7;box-shadow:8px 0 28px #0003}
.dark .sidebar-head,.dark .sidebar-account{border-color:#40323a}
.dark .sidebar-brand .brand-name,.dark .sidebar-profile strong{color:#f4ebe7}
.dark .sidebar-brand .brand-name small,.dark .sidebar-profile small{color:#b8a2aa}
.dark .sidebar-item{color:#baaab0}
.dark .sidebar-item:hover,.dark .sidebar-profile:hover,.dark .sidebar-profile.active{background:#3c2931;color:#f3d6c1}
.dark .sidebar-item.active{background:linear-gradient(135deg,#6f2336,#321821);color:#fff8ed}
.dark .sidebar-help{border-color:#bf8d4d66;background:linear-gradient(145deg,#4f1b2b,#21171c)}
.dark .workspace-topbar{background:#28222ae8}
.dark .sidebar-group h2,.dark .workspace-context span{color:#d3a761}

@media(max-width:1180px) and (min-width:921px){:root{--sidebar-width:248px}.app-sidebar{padding-left:13px;padding-right:13px}.sidebar-brand .brand-name{font-size:16px}.sidebar-profile small{max-width:118px}.platform .app-main{padding-left:28px;padding-right:28px}.platform .platform-footer,.workspace-topbar{padding-left:28px;padding-right:28px}}
@media(max-width:920px){
  .platform{padding-left:0}
  .app-sidebar{width:min(316px,88vw);padding:18px 17px 16px;transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility 0s linear .24s;box-shadow:18px 0 55px #170b1138}
  .sidebar-open .app-sidebar{transform:translateX(0);visibility:visible;transition:transform .24s ease}
  .sidebar-close{display:inline-flex}
  .sidebar-scrim{display:block;position:fixed;inset:0;z-index:65;background:#1d0e16a8;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(3px);transition:opacity .2s,visibility 0s linear .2s}
  .sidebar-open .sidebar-scrim{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s}
  .sidebar-trigger{display:inline-flex}
  .workspace-topbar{min-height:70px;padding:0 22px}
  .platform .app-main{padding:27px 22px 35px}
  .platform .platform-footer{padding:0 22px 24px}
  .toast{bottom:24px}
  .speech-bar{bottom:23px}
}
@media(max-width:560px){
  .workspace-topbar{padding:0 16px;gap:10px}
  .workspace-context span{font-size:6px;letter-spacing:1.25px}
  .workspace-context strong{font-size:16px}
  .workspace-actions{gap:6px}
  .workspace-actions .icon-btn{width:36px;height:36px}
  .workspace-about{display:none}
  .workspace-profile{padding:1px;background:transparent}
  .workspace-profile>span:not(.avatar){display:none}
  .workspace-profile .avatar{width:35px;height:35px}
  .platform .app-main{padding:24px 16px 34px}
  .platform .platform-footer{padding:0 16px 22px}
  .account-gate{padding:20px}.account-gate-card{padding:37px 22px;border-radius:20px}.account-gate-card h1{font-size:35px}.account-gate-user small{max-width:190px}
}
@media(max-height:690px){.sidebar-nav{padding-top:14px;padding-bottom:10px}.sidebar-group+.sidebar-group{margin-top:15px}.sidebar-help{padding:11px 12px}.sidebar-help p{display:none}.sidebar-help strong{margin-bottom:6px}}

/* Revisão de interface: largura útil, temas explícitos e linguagem sem ornamentos de canto. */
.platform:before,.book-cover:after,.symbol-tile:before,.sidebar-help:after,.account-gate-card:after{content:none!important}
.sidebar-item.active{box-shadow:0 8px 17px #32131c20}
.platform .app-main{max-width:none;margin:0;padding:25px clamp(16px,1.45vw,26px) 32px}
.platform .platform-footer{max-width:none;margin:0;padding:0 clamp(16px,1.45vw,26px) 20px}
.workspace-topbar{padding-left:clamp(16px,1.45vw,26px);padding-right:clamp(16px,1.45vw,26px)}
.settings-layout{max-width:none;margin:0;grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);gap:20px}

.theme-selector{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 3px 12px #35141b0a}
.theme-selector button{min-height:32px;padding:6px 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:9px;font-weight:700;line-height:1;cursor:pointer}
.theme-selector button:hover{color:var(--red);background:var(--red-soft)}
.theme-selector button.active{background:var(--ink);color:var(--card);box-shadow:0 2px 7px #1d111726}
.dark .theme-selector button.active{background:#f3e7df;color:#2b2026}

/* A imagem pertence ao perfil. Duas camadas e máscara gradual eliminam a emenda rígida do banner. */
.home-hero{isolation:isolate;background:radial-gradient(circle at 58% 45%,#6e18365c 0,transparent 46%),linear-gradient(112deg,#32101f 0%,#250d18 50%,#160b10 100%)}
.home-hero:before{z-index:2;background:linear-gradient(90deg,#2b0e1b 0%,#2b0e1bf5 25%,#2b0e1ba8 43%,#2b0e1b26 66%,transparent 82%);pointer-events:none}
.home-hero:after{z-index:2;background:linear-gradient(0deg,#19091038 0%,transparent 35%),linear-gradient(90deg,transparent 62%,#19091024 100%)}
.hero-art{position:absolute;z-index:1;inset:-4% -1% -4% 27%;overflow:hidden;pointer-events:none}
.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;user-select:none}
.hero-art-image{filter:saturate(.92) contrast(1.06) brightness(.91);transform:scale(1.025);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0004 17%,#000 43%);mask-image:linear-gradient(90deg,transparent 0%,#0004 17%,#000 43%)}
.hero-art-blur{left:-13%!important;width:68%!important;opacity:.66;filter:blur(30px) saturate(.82) brightness(.72);transform:scale(1.16);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,transparent 92%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%,transparent 92%)}
.hero-copy{z-index:3}
.hero-entity{z-index:4}
.profile-preview{background:#24121b}
.profile-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.92) contrast(1.03)}
.profile-preview:after{z-index:1;background:linear-gradient(0deg,#24121bf2 0%,#24121b52 48%,transparent 78%)}
.profile-preview>div{z-index:2}
.malandro-upload-card{margin-bottom:19px;padding:20px;display:grid;gap:16px}
.malandro-upload-card .tag{margin-bottom:10px}
.malandro-upload-card h3{margin:0 0 6px;font:20px/1.15 var(--serif)}
.malandro-upload-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}
.malandro-upload-card .field{margin:0}
.malandro-upload-card input[type="file"]{padding:8px;background:var(--paper);font-size:10px}
.malandro-upload-card input[type="file"]::file-selector-button{margin-right:10px;padding:8px 10px;border:0;border-radius:8px;background:var(--red-soft);color:var(--red);font:700 10px var(--font);cursor:pointer}
.malandro-image-actions{display:flex;flex-wrap:wrap;gap:8px}

/* O valor lógico agora é sempre a face realmente colocada no plano superior. */
.die-stage{perspective:520px;perspective-origin:50% 32%}
.cube{transform:rotateX(-38deg) rotateY(-26deg) var(--face-rotation,rotateX(90deg))}
@keyframes tumble{0%{transform:translateY(0) rotateX(-38deg) rotateY(-26deg) var(--face-rotation,rotateX(90deg))}25%{transform:translateY(-25px) rotateX(138deg) rotateY(164deg) rotateZ(30deg) var(--face-rotation,rotateX(90deg))}65%{transform:translateY(-12px) rotateX(274deg) rotateY(324deg) rotateZ(-14deg) var(--face-rotation,rotateX(90deg))}100%{transform:translateY(0) rotateX(682deg) rotateY(694deg) rotateZ(0) var(--face-rotation,rotateX(90deg))}}

@media(max-width:1180px){
  .platform .app-main{padding-left:18px;padding-right:18px}
  .platform .platform-footer,.workspace-topbar{padding-left:18px;padding-right:18px}
  .theme-selector button span{display:none}
  .theme-selector button{width:32px;padding:6px}
}
@media(max-width:920px){
  .settings-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
  .platform .app-main{padding:21px 14px 30px}
  .workspace-topbar{padding-left:14px;padding-right:14px}
  .workspace-actions{gap:6px}
  .theme-selector{padding:2px;border-radius:10px}
  .theme-selector button{width:29px;min-height:29px;border-radius:8px}
  .hero-art{inset:-3% -18% -3% 18%}
  .home-hero:before{background:linear-gradient(90deg,#2b0e1b 0%,#2b0e1be8 38%,#2b0e1b5c 69%,transparent 88%)}
  .settings-aside{display:grid;grid-template-columns:1fr;gap:16px}
  .profile-preview,.malandro-upload-card{margin:0}
}

/* Frase diária, retrato reduzido e player externo em três blocos independentes. */
.home-hero{display:grid;grid-template-columns:minmax(420px,1.5fr) minmax(250px,.56fr) minmax(220px,.5fr);align-items:stretch;min-height:342px;background:radial-gradient(circle at 58% 45%,#7b21475c 0,transparent 31%),linear-gradient(112deg,#32101f 0%,#250d18 58%,#160b10 100%)}
.home-hero:before{z-index:2;background:linear-gradient(90deg,#2b0e1b 0%,#2b0e1bf8 27%,#2b0e1bcf 45%,#2b0e1b33 63%,transparent 79%);pointer-events:none}
.home-hero:after{z-index:2;background:linear-gradient(0deg,#15080e66 0%,transparent 38%),linear-gradient(90deg,transparent 53%,#180a103f 100%);pointer-events:none}
.hero-copy{grid-column:1;position:relative;z-index:4;max-width:none;padding:36px 25px 35px 39px;align-self:center}
.hero-copy .eyebrow{margin-bottom:13px;color:#e9b3bd}
.hero-daily-quote{margin:0;max-width:590px}
.hero-daily-quote p{margin:0 0 12px;font:clamp(29px,2.25vw,43px)/1.06 var(--serif);letter-spacing:-.65px;color:#fff8f3;text-wrap:balance}
.hero-daily-quote cite{display:block;max-width:95%;font:700 8px/1.55 var(--font);font-style:normal;letter-spacing:1.25px;text-transform:uppercase;color:#e7bdc5}
.hero-copy .hero-actions{margin-top:22px}

.hero-portrait{grid-column:2;position:relative;z-index:3;min-width:0;margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.hero-portrait-media{position:absolute;inset:-5% 0 -5% -38%;overflow:visible}
.hero-portrait-media:after{content:'';position:absolute;inset:-1px;background:linear-gradient(90deg,transparent 0%,#260d1b4f 24%,transparent 49%),linear-gradient(0deg,#17080fcf 0%,transparent 40%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%);pointer-events:none}
.hero-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none}
.hero-portrait .hero-art-blur{inset:-10%;width:120%;height:120%;opacity:.66;filter:blur(29px) saturate(.92) brightness(.66);transform:scale(1.06);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)}
.hero-portrait .hero-art-image{object-position:74% 20%;filter:saturate(.92) contrast(1.05) brightness(.91);transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0004 20%,#000 46%);mask-image:linear-gradient(90deg,transparent 0%,#0004 20%,#000 46%)}
.hero-portrait.is-custom .hero-art-image{object-position:50% 18%}
.hero-entity{position:absolute;z-index:3;left:4px;right:12px;bottom:17px;max-width:none;text-align:left;font-size:8px;line-height:1.55;letter-spacing:.7px;color:#fff3ed;text-shadow:0 2px 7px #000}
.hero-entity span{font-size:6px;letter-spacing:1.65px;color:#e7bdc5}

.hero-player-slot{grid-column:3;position:relative;z-index:5;display:flex;align-items:center;justify-content:flex-end;min-width:0;padding:20px 18px 20px 16px}
.youtube-player{width:100%;min-width:0;overflow:hidden;border:1px solid #ffffff1c;border-radius:16px;background:#151316;color:#fff8f2;box-shadow:0 15px 33px #08030655}
.youtube-player-screen{position:relative;min-height:145px;padding:15px 15px 13px;display:flex;flex-direction:column;background:linear-gradient(145deg,#1a181b,#0e0d0f);border-bottom:1px solid #ffffff12}
.youtube-kicker{font-size:6px;font-weight:800;letter-spacing:1.35px;color:#b7aeb2;text-transform:uppercase}
.youtube-wave{position:relative;height:62px;margin:14px 0 8px;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}
.youtube-wave:after{content:'';position:absolute;top:0;bottom:0;left:29%;width:2px;border-radius:2px;background:#d12e46;box-shadow:0 0 9px #d12e46a8}
.youtube-wave i{display:block;width:2px;height:var(--bar);min-height:4px;border-radius:4px;background:#aaa2a6;opacity:.72}
.youtube-wave i.accent{background:#df4359;opacity:.95}
.youtube-player-screen>strong{font:25px/1 var(--font);font-weight:300;letter-spacing:-1px;color:#f5eef0;font-variant-numeric:tabular-nums}
.youtube-player-title{min-width:0;padding:12px 13px;display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:9px;background:#f7f3ef;color:#2a2327}
.youtube-player-title>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#eadfe0;color:var(--red)}
.youtube-player-title strong,.youtube-player-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.youtube-player-title strong{font-size:9px}.youtube-player-title small{margin-top:2px;color:#83777c;font-size:6px}
.youtube-deck-action{width:100%;min-height:49px;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:8px;background:#211c20;color:#f7edef;border-top:1px solid #ffffff12;font-size:9px;font-weight:700;letter-spacing:.25px}
.youtube-deck-action:hover{background:var(--red)}
.youtube-player-empty .youtube-wave i{opacity:.38}.youtube-player-empty .youtube-wave:after{opacity:.55}
.youtube-player-empty .youtube-deck-action{color:#e6c0c6}
.youtube-player-hero{max-width:248px}

.youtube-feature{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(430px,1.32fr);align-items:center;gap:30px}
.youtube-feature>.youtube-player{max-width:620px;justify-self:end;display:grid;grid-template-columns:minmax(250px,1fr) minmax(185px,.58fr);grid-template-rows:auto auto}
.youtube-feature>.youtube-player .youtube-player-screen{grid-row:1/3;min-height:190px}
.youtube-feature>.youtube-player .youtube-player-title{align-self:end}
.youtube-feature>.youtube-player .youtube-deck-action{align-self:start}
.youtube-source-note{margin:15px 0 24px;padding:12px 14px;border-left:3px solid var(--gold);background:var(--paper);color:var(--muted);font-size:10px;line-height:1.6}
.song-card{display:flex;flex-direction:column}
.song-card .song-status{position:absolute;right:20px;top:22px;padding:5px 7px;border-radius:20px;background:var(--paper);color:var(--muted);font-size:6px;font-weight:800;letter-spacing:1px}
.song-card .song-status.ready{background:#e9f4ee;color:#2f7053}
.dark .song-card .song-status.ready{background:#18392b;color:#9bd6b8}
.song-card .song-controls{margin-top:auto}

.profile-preview{height:auto;aspect-ratio:4/5;min-height:360px}
.profile-preview>img{object-position:50% 18%}
.image-spec{display:grid;gap:3px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}
.image-spec strong{font-size:11px;color:var(--ink)}
.image-spec span{font-size:9px;font-weight:700;color:var(--red)}
.image-spec small{font-size:8px;line-height:1.55;color:var(--muted)}

@media(max-width:1180px){
  .home-hero{grid-template-columns:minmax(300px,1.35fr) minmax(175px,.55fr) minmax(165px,.5fr)}
  .hero-copy{padding-left:29px;padding-right:18px}.hero-daily-quote p{font-size:33px}
  .hero-portrait-media{left:-31%}.hero-player-slot{padding-left:11px;padding-right:12px}.youtube-player-title{padding-left:9px;padding-right:9px}
}
@media(max-width:920px){
  .home-hero{grid-template-columns:minmax(315px,1.34fr) minmax(205px,.57fr) minmax(185px,.52fr)}
  .hero-copy{padding-left:29px}.hero-daily-quote p{font-size:34px}
  .youtube-feature{grid-template-columns:1fr}.youtube-feature>div:first-child{max-width:620px}.youtube-feature>.youtube-player{max-width:none;justify-self:stretch}
  .profile-preview{max-width:520px;min-height:0}
}
@media(max-width:760px){
  .home-hero{grid-template-columns:minmax(0,1fr) minmax(150px,.54fr);grid-template-rows:auto 265px;min-height:0}
  .hero-copy{grid-column:1/-1;padding:28px 23px 23px}.hero-daily-quote{max-width:540px}.hero-daily-quote p{font-size:clamp(29px,7vw,38px)}
  .hero-copy .hero-actions{gap:10px;align-items:flex-start}.hero-copy .hero-actions .text-link{display:none}
  .hero-portrait{grid-column:1;grid-row:2;margin:0 7px 16px 18px}
  .hero-player-slot{grid-column:2;grid-row:2;padding:0 16px 16px 5px;align-items:stretch}.youtube-player-hero{max-width:none}
  .youtube-player-screen{min-height:121px;padding:12px}.youtube-wave{height:44px;margin:9px 0 7px;gap:1px}.youtube-player-title{grid-template-columns:25px minmax(0,1fr);padding:8px}.youtube-player-title>span{width:25px;height:25px}.youtube-deck-action{min-height:41px;padding:7px;font-size:8px}
  .home-hero:before{background:linear-gradient(180deg,#2b0e1be8 0%,#2b0e1b8f 52%,transparent 78%)}
  .hero-entity{display:block}.youtube-feature{padding:22px}.youtube-feature h2{font-size:24px}
  .song-card .song-status{right:16px;top:17px}
  .profile-preview{aspect-ratio:4/5;min-height:0}
}
@media(max-width:520px){
  .home-hero{grid-template-columns:minmax(0,1fr) minmax(128px,.62fr);grid-template-rows:auto 238px}
  .hero-copy{padding-left:19px;padding-right:19px}.hero-daily-quote p{font-size:29px}
  .hero-portrait{margin-left:12px}.hero-player-slot{padding-right:10px}
  .hero-entity{left:10px;right:10px;font-size:7px}.hero-entity span{font-size:5px}
  .youtube-player-title small{display:none}.youtube-player-screen>strong{font-size:20px}.youtube-kicker{font-size:5px;letter-spacing:1px}
  .youtube-feature>.youtube-player{display:block}.youtube-feature>.youtube-player .youtube-player-screen{min-height:155px}
}

/* Composicao final: banner e player sao irmaos, separados e com a mesma altura. */
.home-hero-row{--home-hero-height:342px;display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,16vw,285px);gap:24px;align-items:stretch;margin-bottom:31px}
.home-hero-row>.home-hero{display:grid;grid-template-columns:minmax(0,1fr) clamp(200px,27%,340px);align-items:stretch;min-height:var(--home-hero-height);height:var(--home-hero-height);margin-bottom:0}
.home-hero-row .hero-copy{grid-column:1;min-width:0;max-width:none;padding:36px 20px 35px 39px}
.home-hero-row .hero-daily-quote{max-width:none}
.home-hero-row .hero-daily-quote p{max-width:none;margin:0 0 12px;font-family:var(--serif);font-weight:700;line-height:1.03;letter-spacing:-.65px;color:#fff8f3}
.home-hero-row .hero-daily-quote p span{display:block;max-width:100%;white-space:nowrap}
.home-hero-row .hero-daily-quote.quote-short p{font-size:43px}
.home-hero-row .hero-daily-quote.quote-medium p{font-size:34px}
.home-hero-row .hero-daily-quote.quote-long p{font-size:29px}
.home-hero-row .hero-portrait{grid-column:2}
.home-hero-row>.hero-player-slot{grid-column:auto;min-width:0;width:100%;min-height:var(--home-hero-height);height:var(--home-hero-height);padding:0;align-items:stretch;justify-content:stretch}
.home-hero-row .youtube-player-hero{width:100%;max-width:none;height:100%;display:flex;flex-direction:column}
.home-hero-row .youtube-player-hero .youtube-player-screen{flex:1;min-height:0;justify-content:space-between}
.home-hero-row .youtube-player-hero .youtube-wave{flex:1;height:auto;min-height:66px}

.youtube-embed-frame{width:100%;min-height:220px;background:#000}
.youtube-embed-frame iframe{display:block;width:100%;height:100%;min-height:220px;border:0}
.youtube-embed-footer{min-width:0;padding:11px 12px;display:flex;align-items:center;gap:10px;background:#f7f3ef;color:#2a2327}
.youtube-embed-footer>div{min-width:0;flex:1}
.youtube-embed-footer strong,.youtube-embed-footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.youtube-embed-footer strong{font-size:9px}
.youtube-embed-footer small{margin-top:3px;color:#83777c;font-size:7px}
.youtube-embed-footer .icon-btn{width:31px;height:31px;border-color:#d9ccca;background:#fff;color:#6b555d}
.youtube-embed-meta{min-width:0;flex:1}
.youtube-embed-footer>.youtube-embed-actions{display:grid;gap:6px;min-width:0;flex:0 1 245px}
.youtube-embed-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.youtube-embed-controls .icon-btn{width:100%;min-width:30px;height:31px}
.youtube-embed-controls .icon-btn:disabled{opacity:.38;cursor:not-allowed}
.youtube-volume-control{display:grid;grid-template-columns:auto minmax(40px,1fr) 31px;align-items:center;gap:6px;min-width:0;color:#6b555d}
.youtube-volume-label{display:inline-flex;align-items:center;gap:4px;font-size:7px;font-weight:700;white-space:nowrap}
.youtube-volume-label svg{flex:none}
.youtube-volume-control input[type="range"]{width:100%;min-width:0;height:18px;margin:0;padding:0;accent-color:var(--red);cursor:pointer}
.youtube-volume-control output{font-size:7px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:#6b555d}
.youtube-player-title .youtube-volume-control{margin-top:7px}
.youtube-player-title .youtube-volume-label{color:#6b555d}
.song-card-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.song-card .song-controls .icon-btn{margin-left:0}
.youtube-player-embedded{display:flex;flex-direction:column}
.youtube-player-embedded .youtube-embed-frame{flex:1;min-height:220px}
.youtube-player-embedded .youtube-embed-frame iframe{min-height:220px}
.youtube-feature>.youtube-player-embedded{display:flex;max-width:620px;min-height:270px}
.home-hero-row .youtube-player-embedded .youtube-embed-footer{flex-direction:column;align-items:stretch;gap:7px;padding:9px 10px}
.home-hero-row .youtube-player-embedded .youtube-embed-actions{width:100%;flex:none}
.home-hero-row .youtube-player-embedded [data-youtube-status]{display:none}

@media(max-width:1500px) and (min-width:921px){
  .home-hero-row{grid-template-columns:minmax(0,1fr) clamp(205px,16vw,240px);gap:18px}
  .home-hero-row>.home-hero{grid-template-columns:minmax(0,1fr) 200px}
  .home-hero-row .hero-copy{padding-left:29px;padding-right:15px}
  .home-hero-row .hero-daily-quote.quote-short p{font-size:34px}
  .home-hero-row .hero-daily-quote.quote-medium p{font-size:27px}
  .home-hero-row .hero-daily-quote.quote-long p{font-size:20px}
  .home-hero-row .hero-portrait-media{left:-32%}
}
@media(max-width:1200px){
  .home-hero-row{grid-template-columns:1fr;gap:14px}
  .home-hero-row>.home-hero{grid-template-columns:minmax(0,1fr) clamp(220px,27%,300px)}
  .home-hero-row>.hero-player-slot{grid-column:auto;grid-row:auto}
}
@media(max-width:920px){
  .home-hero-row .hero-copy{padding-left:29px}
  .home-hero-row .hero-daily-quote.quote-short p{font-size:36px}
  .home-hero-row .hero-daily-quote.quote-medium p{font-size:30px}
  .home-hero-row .hero-daily-quote.quote-long p{font-size:24px}
}
@media(max-width:760px){
  .home-hero-row{grid-template-columns:1fr;gap:14px;margin-bottom:25px}
  .home-hero-row>.home-hero{grid-template-columns:minmax(0,1fr) minmax(150px,.54fr);grid-template-rows:auto 245px;min-height:0}
  .home-hero-row .hero-copy{grid-column:1/-1;padding:28px 23px 23px}
  .home-hero-row .hero-daily-quote p{font-size:clamp(27px,7vw,36px)!important}
  .home-hero-row .hero-daily-quote p span{white-space:normal}
  .home-hero-row .hero-portrait{grid-column:1/-1;grid-row:2;margin:0 8px 0 18px}
  .home-hero-row>.hero-player-slot{grid-column:auto;grid-row:auto;min-height:285px;height:285px;padding:0}
  .home-hero-row .youtube-player-hero{min-height:285px}
}
@media(max-width:520px){
  .home-hero-row>.home-hero{grid-template-columns:1fr;grid-template-rows:auto 230px}
  .home-hero-row .hero-copy{padding-left:19px;padding-right:19px}
  .home-hero-row .hero-daily-quote p{font-size:27px!important}
  .home-hero-row .hero-portrait{grid-column:1;grid-row:2;margin:0 9px}
  .home-hero-row .hero-portrait-media{left:-18%}
  .youtube-feature>.youtube-player-embedded{display:flex}
}

/* Quadro de interpretações */
.interpretation-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:25px 28px;margin-bottom:20px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--red-soft) 38%,var(--card)))}
.interpretation-hero-mark{width:72px;height:72px;border-radius:21px;display:grid;place-items:center;background:var(--red);color:#fff}
.interpretation-hero .prose{font-size:12px;line-height:1.75}
.interpretation-hero .prose p{margin:0 0 7px}
.interpretation-hero .prose p:last-child{margin-bottom:0}
.interpretation-hero .prose strong{font-size:10px;letter-spacing:.55px;text-transform:uppercase;color:var(--muted)}
.interpretation-hero>.btn{white-space:nowrap}
.interpretation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;margin-bottom:20px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}
.interpretation-tabs{flex:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.interpretation-tabs .tab{flex:0 0 auto}
.interpretation-search{width:245px}
.interpretation-methods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
.interpretation-method-card{position:relative;min-height:158px;padding:20px 18px;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow);transition:transform .2s,border-color .2s}
.interpretation-method-card:hover{transform:translateY(-3px);border-color:#dba4ab}
.interpretation-method-card>span{display:block;margin-bottom:13px;font:32px/1 var(--serif);color:var(--red)}
.interpretation-method-card>strong{display:block;margin-bottom:8px;font:19px/1.2 var(--serif);font-weight:400}
.interpretation-method-card>small{display:block;padding-right:18px;color:var(--muted);font-size:10px;line-height:1.55}
.interpretation-method-card>svg{position:absolute;right:15px;bottom:15px;color:var(--red)}
.interpretation-search-summary{margin:0 0 13px;padding:0 4px;color:var(--muted);font-size:11px}
.interpretation-results{display:grid;gap:20px;max-width:1120px;margin:0 auto}
.interpretation-article{padding:38px clamp(25px,5vw,68px);min-width:0;scroll-margin-top:100px}
.interpretation-article .prose{font-size:calc(var(--reading) - 2px);line-height:1.88}
.interpretation-article .prose>h2:first-child{margin-top:0;padding-bottom:19px;border-bottom:1px solid var(--line);font-size:2em;color:var(--ink)}
.interpretation-article .prose h3{color:var(--red)}
.interpretation-article .md-table-wrap{max-width:100%;overflow-x:auto;margin:1.4em 0 1.8em;border:1px solid var(--line);border-radius:12px}
.interpretation-article .prose table{display:table;width:100%;min-width:650px;margin:0;border:0;font-size:.79em}
.interpretation-article .prose th,.interpretation-article .prose td{border-width:0 0 1px 1px;vertical-align:top;line-height:1.55}
.interpretation-article .prose th:first-child,.interpretation-article .prose td:first-child{border-left:0}
.interpretation-article .prose tbody tr:last-child td{border-bottom:0}
.interpretation-article .prose code{padding:2px 6px;border-radius:5px;background:var(--paper);font-size:.9em}
.interpretation-empty{border:1px solid var(--line)}
.dark .interpretation-hero{background:linear-gradient(135deg,var(--card),#38252e)}
.dark .interpretation-method-card:hover{border-color:#8d4b58}

@media(max-width:1180px){
  .interpretation-methods{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .interpretation-hero{grid-template-columns:auto minmax(0,1fr);gap:17px;padding:21px}
  .interpretation-hero-mark{width:57px;height:57px;border-radius:17px}
  .interpretation-hero-mark svg{width:32px;height:32px}
  .interpretation-hero>.btn{grid-column:1/-1;width:100%}
  .interpretation-toolbar{align-items:stretch;flex-direction:column;padding:12px}
  .interpretation-search{width:100%}
  .interpretation-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .interpretation-article{padding:26px 20px}
  .interpretation-article .prose{font-size:calc(var(--reading) - 3px)}
  .interpretation-article .prose>h2:first-child{font-size:1.7em}
}
@media(max-width:430px){
  .interpretation-hero{grid-template-columns:1fr}
  .interpretation-hero-mark{display:none}
  .interpretation-methods{grid-template-columns:1fr}
  .interpretation-method-card{min-height:130px}
}

/* Povo da Malandragem */
.people-count{font-size:10px;color:var(--muted);white-space:nowrap}.people-count strong{color:var(--red)}
.people-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px;padding:30px 34px;border-radius:20px;background:linear-gradient(120deg,#2c1722,#4a1f2d);color:#fff7ed;box-shadow:0 12px 28px #3d17201c}
.people-hero:after{content:'♠';position:absolute;right:12%;bottom:-92px;font:260px/1 Georgia,serif;color:#ffffff08;transform:rotate(-11deg)}
.people-hero>div{position:relative;z-index:1;max-width:680px}.people-hero .eyebrow{color:#dfadba;margin-bottom:8px}.people-hero h2{font:35px/1.12 var(--serif);margin:0 0 10px}.people-hero p{max-width:640px;margin:0;color:#dfcbd1;font-size:12px;line-height:1.75}
.people-hero>span{position:relative;z-index:1;font:29px Georgia,serif;letter-spacing:14px;color:#d8a766;white-space:nowrap}
.people-toolbar{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-bottom:22px}.people-tabs{flex:1}.people-toolbar .library-search{width:280px}
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.people-card{position:relative;overflow:hidden;display:grid;grid-template-columns:153px minmax(0,1fr);min-height:225px;transition:transform .2s,border-color .2s}.people-card:hover{transform:translateY(-3px);border-color:#ddadb4}.people-card.is-draft{border-style:dashed}
.people-card-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px 19px;background:none;text-align:left}.people-card-flags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.people-card-flags .tag{font-size:8px}.people-card h2{font:23px/1.15 var(--serif);margin:0 0 9px}.people-card p{display:-webkit-box;margin:0 0 14px;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.65;-webkit-line-clamp:4;-webkit-box-orient:vertical}.people-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:var(--red)}.people-card-footer small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.people-favorite{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted);font-size:11px}.people-card>.people-favorite{position:absolute;top:10px;left:9px;width:31px;height:31px;padding:0;background:#fffdf9dc;backdrop-filter:blur(8px);z-index:2}.people-favorite.active{border-color:#dca3ab;background:var(--red-soft);color:var(--red)}
.people-portrait{position:relative;overflow:hidden;width:100%;aspect-ratio:19/28;border-radius:18px;background:radial-gradient(circle at 65% 25%,#9c4255 0 8%,transparent 9%),linear-gradient(155deg,#4d1e2e,#1d141a 68%);color:#f5dfd2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.people-portrait:before{content:'';position:absolute;inset:12px;border:1px solid #f1c5a52e;border-radius:12px}.people-portrait.is-feminine{background:radial-gradient(circle at 32% 24%,#b95d72 0 8%,transparent 9%),linear-gradient(155deg,#67243b,#1f141b 68%)}.people-portrait.is-compact{height:auto;aspect-ratio:19/28;border-radius:0}.people-suit{position:absolute;right:-18px;bottom:-28px;font:150px/1 Georgia,serif;color:#ffffff0a;transform:rotate(-10deg)}.people-initials{position:relative;font:43px/1 var(--serif);letter-spacing:-2px}.people-portrait small{position:relative;margin-top:14px;color:#d1aeb5;font-size:6px;letter-spacing:1.7px;line-height:1.7}
.people-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.people-portrait:has(img):before{z-index:1}
.people-empty{border:1px solid var(--line)}
.people-detail-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.people-detail{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;align-items:start;max-width:1180px;margin:0 auto}.people-detail-aside{position:sticky;top:94px;display:grid;gap:15px}
.people-detail-content{padding:clamp(27px,5vw,60px);min-width:0}.people-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line)}.people-detail-head .tag+.tag{margin-left:6px}.people-detail-head h1{font:44px/1.08 var(--serif);margin:14px 0 12px}.people-detail-head p{max-width:750px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}.people-detail-content>section{padding-top:29px}.people-detail-content>section+section{margin-top:4px;border-top:1px solid var(--line)}.people-detail-content h2{font:25px/1.2 var(--serif);margin:0 0 15px}.people-detail-content .prose{font-size:16px;line-height:1.9}.people-chips,.people-relations{display:flex;flex-wrap:wrap;gap:8px}.people-chips span,.people-relations span,.people-relations button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted);font-size:10px}.people-relations button{display:inline-flex;align-items:center;gap:6px;color:var(--red)}
.people-variance{margin:30px 0 0;padding:20px 22px;border-left:4px solid #c99b55;border-radius:0 12px 12px 0;background:#f5ecdd}.people-variance strong{display:block;margin-bottom:6px;font-family:var(--serif);font-size:19px;font-weight:400}.people-variance p{margin:0;color:#6e5b47;font-size:11px;line-height:1.75}.dark .people-variance{background:#403326}.dark .people-variance p{color:#d4c0a4}
.people-sources{display:grid;gap:8px;padding-left:22px}.people-sources a{display:inline-flex;align-items:center;gap:6px;font-size:11px;overflow-wrap:anywhere}.people-note-section p{color:var(--muted);font-size:11px}.people-note-section textarea{display:block;width:100%;margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:13px/1.7 var(--font);resize:vertical}.people-note-section textarea:focus{border-color:var(--red);outline:3px solid #c9646f;outline-offset:3px}
.dark .people-card>.people-favorite{background:#2c242ddd}.dark .people-hero{background:linear-gradient(120deg,#351722,#20161b)}

@media(max-width:1180px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people-card{grid-template-columns:153px minmax(0,1fr)}}
@media(max-width:820px){.people-toolbar{align-items:stretch;flex-direction:column}.people-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.people-toolbar .library-search{width:100%}.people-detail{grid-template-columns:1fr}.people-detail-aside{position:static;width:min(285px,100%);margin-inline:auto}.people-detail-head{flex-direction:column}.people-detail-head h1{font-size:38px}}
@media(max-width:620px){.people-count{display:none}.people-hero{padding:24px}.people-hero>span{display:none}.people-hero h2{font-size:29px}.people-grid{grid-template-columns:1fr}.people-card{grid-template-columns:130px minmax(0,1fr)}.people-detail-content{padding:25px 20px}.people-detail-head h1{font-size:34px}.people-detail-content .prose{font-size:15px}}
.static-preference{display:flex;align-items:center;min-height:45px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--muted);font-size:12px}
.prose .library-illustration{display:block;width:auto;max-width:min(100%,720px);max-height:620px;margin:30px auto 12px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow);object-fit:contain}.prose p:has(>.library-illustration){margin-block:28px 8px;text-align:center}.prose p:has(>.library-illustration)+p>em:only-child{display:block;color:var(--muted);font-size:.72em;line-height:1.65;text-align:center}