:root{--bg:#fff7f7;--ink:#33272a;--muted:#75676b;--card:rgba(255,255,255,.62);--line:rgba(255,255,255,.55);--accent:#d9899b;--accent2:#b980ff;--ok:#6dbb91;--danger:#b44455}*{box-sizing:border-box}body{margin:0;min-height:100svh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 10%,#ffe1eb,transparent 35%),radial-gradient(circle at 90% 20%,#eadcff,transparent 30%),linear-gradient(160deg,#fff8f4,#f8edf5 55%,#f1f5ff);overflow-x:hidden}.bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}.bg span{position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(217,137,155,.18);filter:blur(1px);animation:float 13s infinite ease-in-out}.bg span:nth-child(1){left:8%;top:20%}.bg span:nth-child(2){right:8%;top:12%;background:rgba(185,128,255,.18);animation-delay:-3s}.bg span:nth-child(3){left:60%;bottom:8%;animation-delay:-6s}.bg span:nth-child(4){left:14%;bottom:16%;background:rgba(255,210,180,.25);animation-delay:-9s}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-28px) scale(1.12)}}.app{width:min(760px,100%);margin:0 auto;padding:22px 16px 34px;min-height:100svh;display:flex;flex-direction:column}.top{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:10px 0 14px}.top small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.top h1{font-family:Georgia,serif;font-weight:500;font-size:30px;margin:4px 0 0}.top #pct{font-weight:800;color:var(--accent)}.bar{height:8px;background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-bottom:18px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit;transition:width .45s ease}.card{margin:auto 0;background:var(--card);border:1px solid var(--line);box-shadow:0 24px 70px rgba(80,45,70,.16);backdrop-filter:blur(18px);border-radius:30px;padding:25px;animation:enter .38s ease}.card.out{animation:leave .22s ease forwards}@keyframes enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes leave{to{opacity:0;transform:translateY(-8px) scale(.98)}}h2{font-family:Georgia,serif;font-weight:500;font-size:28px;line-height:1.1;margin:0 0 14px}p{line-height:1.65;color:var(--muted);font-size:16px}.message{font-size:17px;white-space:pre-line}.story{position:relative;overflow:hidden}.story:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(217,137,155,.13),transparent,rgba(185,128,255,.13),transparent);animation:spin 9s linear infinite}.story>*{position:relative}@keyframes spin{to{transform:rotate(1turn)}}.options{display:grid;gap:11px;margin:18px 0}.option{width:100%;text-align:left;padding:15px 16px;border:1px solid rgba(120,80,100,.14);border-radius:18px;background:rgba(255,255,255,.55);color:var(--ink);font-size:16px;transition:.2s}.option:hover,.option.selected{transform:translateY(-1px);border-color:rgba(217,137,155,.65);box-shadow:0 10px 24px rgba(217,137,155,.12);background:rgba(255,255,255,.8)}label.check{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:rgba(255,255,255,.45);margin:10px 0;color:var(--ink)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}input,textarea{width:100%;border:1px solid rgba(120,80,100,.16);background:rgba(255,255,255,.72);border-radius:18px;padding:15px;font:inherit;color:var(--ink);outline:none}textarea{min-height:130px;resize:vertical}.field{margin:14px 0}.field label{display:block;margin:0 0 8px;color:var(--muted);font-size:14px}.actions{display:flex;gap:10px;margin-top:20px}.btn{border:0;border-radius:18px;padding:15px 18px;font-weight:800;font-size:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;box-shadow:0 12px 26px rgba(185,128,255,.22);cursor:pointer}.btn.secondary{background:rgba(255,255,255,.68);color:var(--ink);box-shadow:none;border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.success{display:grid;place-items:center;text-align:center}.tick{width:76px;height:76px;border-radius:50%;background:var(--ok);color:white;display:grid;place-items:center;font-size:42px;animation:pop .5s ease}@keyframes pop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(min-width:700px){.card{padding:38px}.top h1{font-size:38px}}
.hero-mini{height:180px;border-radius:26px;margin:-8px -8px 18px;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.28)),url('hlene.png') center/cover;box-shadow:0 18px 45px rgba(75,45,55,.18)}
.quote{font-size:14px;line-height:1.55;padding:14px 16px;border-left:3px solid var(--accent);background:rgba(255,255,255,.45);border-radius:14px;color:#72515b;font-style:italic}.actions.two{display:grid;grid-template-columns:1fr;gap:10px}.btn.secondary{background:rgba(255,255,255,.55);color:#6d4450;border:1px solid var(--line)}
@media(min-width:560px){.actions.two{grid-template-columns:1fr 1fr}.hero-mini{height:240px}}