/* Interactive public experience */
.noir-hero{min-height:min(820px,calc(100svh - 82px))}
.noir-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(350px circle at var(--spot-x,75%) var(--spot-y,50%),#ff123716,transparent 80%);z-index:1;pointer-events:none}
.mood-selector{display:flex;gap:18px;margin:0 0 27px;align-items:center}
.mood-selector button{background:none;border:0;border-bottom:1px solid transparent;color:#aaa1a7;padding:8px 0;font-size:10px;letter-spacing:1.3px;transition:color .25s,border-color .25s}
.mood-selector button[aria-pressed=true]{color:#ff5968;border-bottom-color:#ff394a}
.mood-selector button:hover{color:white}
.noir-hero[data-mood=conexao] .hero-glow{background:radial-gradient(ellipse,#b8255945 0%,#670e3218 38%,transparent 67%)}
.noir-hero[data-mood=conexao] .orbit-two{transform:rotate(10deg) scaleY(.75)}
.noir-hero[data-mood=liberdade] .hero-glow{background:radial-gradient(ellipse,#f0351642 0%,#880d1118 38%,transparent 67%)}
.noir-hero[data-mood=liberdade] .orbit-two{transform:rotate(95deg) scaleY(.4)}
.orbit-two{transition:transform 1.2s ease}.hero-glow{transition:background .8s}
#mood-description{min-height:53px}
.creator-card{position:relative}
.quick-look{position:absolute;right:12px;top:12px;border:1px solid #ffffff70;border-radius:4px;background:#171318c9;color:white;backdrop-filter:blur(10px);padding:8px 11px;font-size:10px;display:flex;gap:15px;align-items:center;z-index:3;transition:background .2s,transform .2s}
.quick-look:hover{background:#ae1325;transform:translateY(-2px)}
.creator-art .badge{top:auto!important;bottom:14px;left:14px!important}
.creator-art{transition:filter .35s,box-shadow .35s}
.creator-card:focus-within .creator-art,.creator-card:hover .creator-art{box-shadow:inset 0 0 0 1px #ffffff50}
.quick-dialog{border:0;padding:0;border-radius:12px;width:min(700px,calc(100vw - 36px));max-height:calc(100dvh - 50px);overflow:auto;background:#faf9f7;color:#101013;box-shadow:0 30px 120px #0006}
.quick-dialog[open]{animation:dialog-arrive .25s ease-out}
.quick-dialog::backdrop{background:#10090fe0;backdrop-filter:blur(8px)}
.quick-art{height:220px;background:var(--tone);display:grid;place-items:center;position:relative;overflow:hidden}
.quick-art:after{content:'';position:absolute;width:340px;height:400px;border:1px solid #fff8;border-radius:50%;transform:rotate(-30deg);pointer-events:none}
.quick-art span{font:italic 120px Georgia,serif;letter-spacing:-10px;color:#271224b0}
.quick-body{padding:32px}.quick-body h2{font-size:36px}.quick-body p{max-width:500px}.quick-body .actions{margin-bottom:0}
.dialog-close{position:absolute;top:14px;right:14px;z-index:2;background:#18131ac9;color:white;border:1px solid #ffffff70;width:38px;height:38px;border-radius:50%;font-size:24px;line-height:1}
.dialog-open{overflow:hidden}
.reading-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:80;background:#ec2035;transform:scaleX(0);transform-origin:left;pointer-events:none}
.back-top{position:fixed;right:22px;bottom:22px;z-index:25;background:#171219;color:white;border:1px solid #6a5359;width:43px;height:43px;border-radius:50%;box-shadow:0 5px 25px #0002;font-size:19px}
.back-top[hidden]{display:none}.back-top:hover{background:#ce1227}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.noir-hero{min-height:auto}.mood-selector{gap:21px;margin-bottom:22px}.mood-selector button{font-size:9px}.noir-copy{padding-top:30px}.quick-art{height:175px}.quick-body{padding:24px}.quick-body h2{font-size:30px}.quick-body .eyebrow{font-size:8px}.quick-art span{font-size:95px}.back-top{right:15px;bottom:15px;width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.quick-dialog[open]{animation:none}.orbit-two{transition:none}.noir-hero:before{display:none}.hero-glow,.quick-look{transition:none}}