:root{--bg:#0c0b0d;--card:#171419;--text:#f8f3ef;--muted:#c7bcc3;--rose:#d78da5;--rose2:#f2c7d4;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#2a1821 0,#0c0b0d 32%,#09090a 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}.hidden{display:none!important}.screen{min-height:100svh;padding:24px 18px 34px;display:flex;align-items:center;justify-content:center}.auth{position:fixed;inset:0;z-index:50;background:linear-gradient(rgba(8,8,10,.78),rgba(8,8,10,.94)),url('../images/foto-01.webp') center/cover}.panel{width:min(100%,430px);background:rgba(18,15,19,.88);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:28px;padding:28px 22px;box-shadow:0 30px 80px #0008}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--rose2);margin-bottom:12px}.panel h1,.chapter h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.05;margin:0 0 16px}.panel h1{font-size:38px}.panel p,.chapter p{line-height:1.7;color:#eee6ea}.question{font-weight:600;color:#fff!important}.input{width:100%;padding:16px 17px;border-radius:16px;border:1px solid var(--line);background:#0d0c0e;color:#fff;outline:none;margin:10px 0 12px}.input:focus{border-color:var(--rose)}.btn{width:100%;border:0;border-radius:16px;padding:16px 18px;background:linear-gradient(135deg,var(--rose),#b96582);color:#fff;font-weight:700;box-shadow:0 10px 30px #b9658240;cursor:pointer}.btn.secondary{background:#242025;box-shadow:none}.btn.ghost{background:transparent;border:1px solid var(--line);box-shadow:none;color:#ddd}.error{min-height:20px;color:#ffb8c8;font-size:13px;margin-top:10px}.app{max-width:720px;margin:0 auto}.topbar{position:fixed;z-index:20;top:10px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),700px);display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:rgba(12,11,13,.72);backdrop-filter:blur(14px)}.progress{font-size:12px;color:var(--muted)}.music{border:0;background:#211b20;color:#fff;border-radius:999px;padding:9px 12px}.chapter{min-height:100svh;padding:88px 18px 30px;display:none;align-items:center}.chapter.active{display:flex}.card{width:100%;background:rgba(20,17,21,.9);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px #0007}.hero{aspect-ratio:4/5;position:relative;overflow:hidden;background:#111}.hero img,.hero video{width:100%;height:100%;object-fit:cover;display:block}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(0,0,0,.7))}.content{padding:24px 20px 22px}.chapter h2{font-size:34px}.chapter p{margin:0 0 15px}.quote{font-family:Georgia,"Times New Roman",serif;font-size:26px;line-height:1.35;color:#fff!important;margin:22px 0!important;padding-left:16px;border-left:2px solid var(--rose)}.choices{display:grid;gap:10px;margin-top:22px}.tiny{font-size:12px;color:var(--muted)!important}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.gallery img{width:100%;aspect-ratio:1/1.15;object-fit:cover;border-radius:16px}.full{width:100%;border-radius:18px;margin:10px 0 20px}.final-heart{font-size:44px;text-align:center;margin:6px 0 14px}.stop{min-height:100svh;padding:40px 24px;display:flex;align-items:center;justify-content:center;text-align:center}.stop .panel h2{font-family:Georgia,serif;font-size:34px;margin:0 0 16px}@media(min-width:700px){.chapter{padding-left:24px;padding-right:24px}.hero{aspect-ratio:16/10}.panel h1{font-size:48px}.chapter h2{font-size:42px}.content{padding:34px}.gallery{grid-template-columns:repeat(3,1fr)}}
.audio-player{position:fixed;z-index:80;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;max-width:430px;margin:auto;padding:10px 12px;background:rgba(15,13,16,.9);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(16px);box-shadow:0 12px 40px #0009}.audio-play{width:44px;height:44px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--rose),#b96582);color:#fff;font-weight:800;cursor:pointer}.audio-info{display:flex;flex-direction:column;min-width:0}.audio-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-info span{font-size:11px;color:var(--muted);margin-top:2px}.audio-status{font-size:10px;color:var(--muted);white-space:nowrap}.audio-player.playing .audio-status{color:var(--rose2)}.auth .panel{margin-bottom:78px}.stop{padding-bottom:100px}@media(min-width:700px){.audio-player{left:auto;right:20px;margin:0;width:330px}}