@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--bg:#120d20;--pink:#ff82b8;--white:#fff8ff;--muted:#c4b7d1;--purple:#af8cff;--glass:rgba(255,255,255,.064)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;color:var(--white);background:radial-gradient(ellipse at 20% 5%,#49254c 0%,transparent 42%),radial-gradient(ellipse at 85% 65%,#2f2351 0%,transparent 50%),var(--bg);font-family:'DM Sans',sans-serif;overflow-x:hidden}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #ffd3e8;outline-offset:4px}.stars{position:fixed;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(1px 1px at 15% 20%,#fff 98%,transparent),radial-gradient(2px 2px at 72% 12%,#fff 98%,transparent),radial-gradient(1px 1px at 88% 65%,#fff 98%,transparent),radial-gradient(2px 2px at 35% 77%,#fff 98%,transparent),radial-gradient(1px 1px at 58% 45%,#fff 98%,transparent);background-size:340px 300px;animation:twinkle 7s ease-in-out infinite alternate}.top{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{text-decoration:none;color:var(--white);font-size:22px;font-weight:700;letter-spacing:2px}.brand>span{font-size:16px}.pink,.dot{color:var(--pink)}.chapter{font-size:12px;letter-spacing:2px;color:#c9bbd3;text-transform:uppercase}.iconbtn{background:var(--glass);border:1px solid #ffffff26;border-radius:30px;color:var(--white);padding:10px 14px}#soundLabel{font-size:10px;color:var(--muted)}main{max-width:1060px;margin:auto;min-height:calc(100dvh - 134px);padding:10px 22px 35px}.screen{display:none;min-height:calc(100dvh - 170px);align-items:center;flex-direction:column;justify-content:center;text-align:center;animation:appear .5s ease both}.screen.active{display:flex}.eyebrow,.section-label{font-size:11px;color:#d5accb;letter-spacing:3px;font-weight:700;margin-bottom:24px}.bigheart{font-size:110px;line-height:1;color:var(--pink);text-shadow:0 0 60px #fe79aa99;animation:pulse 2.3s ease-in-out infinite}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.15}h1{font-size:clamp(48px,8vw,92px);margin:20px 0}h2{font-size:clamp(36px,5.5vw,66px);max-width:820px;margin:12px 0 22px}h1 em,h2 em{color:#ff99c8;font-weight:500}.intro{font-size:clamp(15px,1.65vw,19px);line-height:1.8;color:#dfd2e2;max-width:670px}.typewriter{min-height:26px;margin:16px;color:#d4b4ee;font-size:14px}.primary{border:none;border-radius:100px;min-height:57px;padding:15px 29px;background:linear-gradient(110deg,#ff94c5,#d793ff);color:#28122f;font-size:15px;font-weight:700;box-shadow:0 12px 40px #fe7cbb3b;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-3px);box-shadow:0 15px 45px #fe7cbb77}.primary span{padding-left:15px}.hint,.tiny{color:#af9dbb;font-size:12px}.hint{margin-top:23px}.scroll-stars{color:#bf83b4;letter-spacing:12px;margin-top:24px}.glass{background:var(--glass);border:1px solid #ffffff21;box-shadow:0 20px 90px #06020b38;backdrop-filter:blur(12px);border-radius:24px}.story-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 30px}.story-card{padding:32px 25px;text-align:left;min-height:200px}.card-emoji{font-size:37px}.story-card h3{font-family:'Playfair Display',serif;font-size:26px;margin:15px 0 10px}.story-card p{font-size:14px;line-height:1.7;color:#d2c2d7;margin:0}.story-note{color:#dac5df;margin:10px 0 28px}.quiz-top{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:700px;margin:0 0 16px}.quiz-top .section-label{margin:0}.quiz-top #counter{font-size:13px;color:var(--muted)}.progress{height:5px;background:#ffffff22;border-radius:8px;max-width:700px;width:100%;overflow:hidden;margin-bottom:24px}.progress-bar{height:100%;width:8%;background:linear-gradient(90deg,var(--pink),var(--purple));transition:width .35s}.quiz-card{width:100%;max-width:700px;padding:40px 48px 25px}.question-emoji{font-size:55px;margin-bottom:15px}.quiz-card h2{font-size:clamp(28px,4vw,43px);margin:5px 0 14px}.quiz-card>p{font-size:14px;line-height:1.6;color:#bfb0cc}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}.answer{padding:18px 14px;text-align:left;min-height:70px;background:#ffffff0d;border:1px solid #ffffff29;border-radius:15px;color:#f7eefb;transition:.2s}.answer:hover,.answer.selected{background:#ff98c523;border-color:#ffaad2;transform:translateY(-2px)}.answer.selected:after{content:' ♥';color:var(--pink)}#customArea textarea{width:100%;resize:vertical;min-height:115px;border:1px solid #ffffff40;border-radius:16px;background:#ffffff0c;color:var(--white);padding:17px;font:inherit;margin:20px 0}#customArea .primary{margin-bottom:12px}.quiz-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px}.ghost{background:transparent;border:1px solid #ffffff40;color:#dac4e3;padding:11px 20px;border-radius:30px}.ghost:hover{background:#ffffff13}.reveal-heart,.final-emoji,.result-icon{font-size:85px;animation:pulse 2s infinite}.letter{max-width:660px;text-align:left;padding:32px 40px;margin:20px 0 30px;transform:rotate(-.6deg)}.letter-top{color:#e1a6d3;font-size:12px;letter-spacing:2px;margin-bottom:20px}.letter p{font-size:16px;line-height:1.85;color:#efe1eb}.signature{text-align:right;color:#ff9dcf;font-family:'Playfair Display',serif;font-style:italic;font-size:22px}.final-actions{display:flex;align-items:center;justify-content:center;gap:18px;min-height:190px;width:min(100%,550px);position:relative}.yes{min-width:180px;position:relative;z-index:1}.no{border:1px solid #ffffff59;background:#ffffff17;color:#f1e6f8;border-radius:100px;padding:17px 30px;min-width:130px;min-height:57px;transition:left .18s,top .18s,transform .18s}.no.moving{position:absolute}.no-comment{color:#ffb1d4;font-size:14px;min-height:40px;max-width:550px}.honest-no{border:none;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#b6a5c3;font-size:12px;padding:12px}.result-message{padding:20px 24px;margin:22px auto;max-width:610px;color:#ead9ed;font-size:14px;line-height:1.7}footer{text-align:center;color:#8f7d9f;font-size:11px;padding:16px}footer span{color:var(--pink)}.float-hearts{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden}.float-heart{position:absolute;bottom:-30px;animation:rise 3s ease-out forwards}.hidden{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{transform:scale(1.07);filter:drop-shadow(0 0 30px #ff8dbb70)}}@keyframes twinkle{to{opacity:.23}}@keyframes rise{to{transform:translateY(-110vh) rotate(25deg);opacity:0}}@media(max-width:650px){.top{height:65px;padding:0 19px}.chapter{font-size:9px;letter-spacing:1px}.brand{font-size:18px}main{padding:0 15px 35px;min-height:calc(100dvh - 118px)}.screen{min-height:calc(100dvh - 145px)}.bigheart{font-size:80px}.eyebrow,.section-label{font-size:10px;letter-spacing:1.6px}.story-grid{grid-template-columns:1fr;gap:10px}.story-card{padding:18px 23px;min-height:0}.story-card h3{margin:7px 0;font-size:22px}.story-card p{font-size:13px}.card-emoji{font-size:28px}.quiz-card{padding:25px 17px 18px}.answers{grid-template-columns:1fr;gap:10px;margin-top:20px}.answer{min-height:56px;padding:14px}.quiz-bottom{flex-wrap:wrap}.tiny{max-width:180px;text-align:right}.letter{padding:22px 20px}.letter p{font-size:14px}.final-actions{gap:10px}.yes{min-width:140px}.no{min-width:105px;padding:15px}.hint{max-width:280px;line-height:1.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Local administration */
.admin-overlay[hidden]{display:none!important}.admin-overlay{position:fixed;inset:0;z-index:9999;background:rgba(12,8,24,.86);backdrop-filter:blur(12px);padding:16px;display:flex;align-items:center;justify-content:center}.admin-panel{width:min(880px,100%);max-height:92vh;overflow:auto;padding:clamp(16px,4vw,34px);color:#f8ecff}.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.admin-head h2{margin:5px 0 14px}.admin-help{opacity:.75;line-height:1.6}.admin-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:20px 0}.admin-toolbar button,.admin-import{font-size:14px;padding:12px 16px;cursor:pointer}.admin-import{display:inline-flex;align-items:center}.admin-count{font-weight:700;margin:15px 0}.admin-record{padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.045);margin:12px 0}.admin-record summary{font-weight:700;cursor:pointer;line-height:1.55}.admin-record p{line-height:1.55}.admin-answer{padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}.admin-answer p{margin:5px 0 0;overflow-wrap:anywhere}.admin-toolbar button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:580px){.admin-overlay{padding:8px}.admin-panel{max-height:96dvh}.admin-toolbar>*{flex:1 1 100%;justify-content:center}}