:root{--bg:#0d0e12;--card:#171922;--muted:#a8acb8;--text:#f8f8fb;--line:#2a2e3a;--accent:#ffcf5a;--accent2:#ff8a5b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(255,207,90,.13),transparent 30%),radial-gradient(circle at 100% 30%,rgba(255,138,91,.1),transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;max-width:980px;margin:auto;padding:22px 20px}.brand{font-size:25px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--accent)}.pill{font-size:12px;color:#d6d8e0;border:1px solid var(--line);padding:8px 10px;border-radius:999px}main{max-width:760px;margin:30px auto 70px;padding:0 18px}.card{background:rgba(23,25,34,.95);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.eyebrow{font-size:12px;color:var(--accent);letter-spacing:1.8px;font-weight:800;margin:0 0 10px}h1{font-size:clamp(34px,6vw,58px);line-height:1;letter-spacing:-2.3px;margin:0 0 16px}.sub{color:var(--muted);font-size:18px;line-height:1.5;margin-bottom:28px}label{display:block;font-weight:800;margin:24px 0 10px}input,textarea{width:100%;background:#11131a;border:1px solid var(--line);color:white;padding:15px 16px;border-radius:13px;font-size:16px}.choices,.examples,.actions,.share-actions{display:flex;gap:10px;flex-wrap:wrap}button,.anchor{border:0;border-radius:12px;padding:12px 15px;font-weight:800;cursor:pointer;text-decoration:none;font-size:14px}.choice,.examples button,.secondary{background:#242735;color:#e9eaf0;border:1px solid #343949}.choice.active{background:#3a3020;color:#ffe8a9;border-color:#7d6734}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#17120d}.actions{margin-top:28px}.actions button{flex:1;min-width:190px;padding:15px}.fineprint{font-size:12px;color:#777d8d;text-align:center;margin-top:14px}.hidden{display:none!important}.minihead{display:flex;justify-content:space-between;color:var(--muted);font-weight:700;margin-bottom:20px}.linkbtn{background:transparent;color:white;padding:0}.reveal-stage{min-height:470px;display:grid;place-items:center;text-align:center;border-radius:22px;background:radial-gradient(circle at center,rgba(255,207,90,.10),transparent 50%),#101219;border:1px solid #252936;padding:26px;overflow:hidden}.before{font-size:18px;color:#c8cbd4;margin-bottom:22px}.secret{font-size:clamp(30px,7vw,56px);line-height:1.04;font-weight:950;letter-spacing:-2px;max-width:620px}.reveal-card{width:100%;display:grid;place-items:center}.scratch-wrap{width:min(520px,95%);position:relative}.scratch-secret{min-height:270px;padding:35px 25px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#fff6cf,#ffd98a);color:#241a08}canvas.scratch{position:absolute;inset:0;width:100%;height:100%;border-radius:22px;touch-action:none}.gift{width:220px;height:180px;position:relative;cursor:pointer;margin:45px auto}.gift .box{position:absolute;bottom:0;left:15px;width:190px;height:125px;background:linear-gradient(135deg,#ff8a5b,#fb5271);border-radius:8px}.gift .lid{position:absolute;top:28px;left:0;width:220px;height:50px;background:#ffb55b;border-radius:8px;transition:.65s transform}.gift .ribbon-v{position:absolute;left:96px;top:28px;width:28px;height:152px;background:#ffe8a9}.gift .ribbon-h{position:absolute;left:15px;top:94px;width:190px;height:24px;background:#ffe8a9}.gift.open .lid{transform:translateY(-110px) rotate(-9deg)}.envelope{width:min(390px,92%);height:250px;position:relative;background:#f6efe4;border-radius:10px;cursor:pointer;box-shadow:0 15px 50px rgba(0,0,0,.25);overflow:hidden}.envelope:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 50%,#e0cfb7 50%)}.flap{position:absolute;left:0;top:0;width:100%;height:52%;background:#d9c4a8;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:.7s transform;z-index:3}.letter{position:absolute;left:8%;bottom:10%;width:84%;height:70%;background:white;color:#191919;padding:26px 18px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:24px;transition:.8s transform;z-index:2}.envelope.open .flap{transform:rotateX(180deg)}.envelope.open .letter{transform:translateY(-70px)}.tap{color:var(--muted);margin-top:16px;font-size:14px}.share-panel{margin-top:20px}footer{text-align:center;color:#666d7a;padding:20px 0 40px;font-size:12px}@media(max-width:580px){.card{padding:20px;border-radius:18px}header{padding:16px}main{margin-top:15px}.reveal-stage{min-height:430px}}