.phone-app{min-height:100vh;position:relative;padding:env(safe-area-inset-top) 0 40px}.phone-inner{position:relative;z-index:1;max-width:460px;margin:0 auto;padding:26px 20px 40px}.m-screen{display:flex;flex-direction:column;gap:12px;animation:fade-up .42s var(--ease-silk)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}.landing{text-align:center;padding-top:8px}.landing-badge{align-self:center;padding:5px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-focus);color:var(--text-secondary);font:10px var(--font-data);letter-spacing:.12em}.landing-title{margin:14px 0 6px;font-size:clamp(2.1rem,11vw,3.2rem);line-height:1.05;background:linear-gradient(100deg,#ffffff,var(--accent-cyan) 55%,var(--accent-gold));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-title small{display:block;margin-top:10px;font-size:.78rem;letter-spacing:.3em;-webkit-text-fill-color:var(--text-secondary);font-family:var(--font-body)}.landing-sub{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.8;margin:0 0 4px}.proof{display:flex;gap:8px;margin:16px 0 6px}.proof>div{flex:1;padding:12px 4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08}.proof b{display:block;font:600 1.25rem var(--font-data);color:var(--accent-gold)}.proof span{font-size:10px;color:var(--text-muted)}.steps{display:flex;flex-direction:column;gap:8px;margin:14px 0 18px;text-align:left}.step{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff06}.step i{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,var(--accent-cyan),var(--accent-blue));color:#04182c;font:600 11px var(--font-data);font-style:normal}.step b{display:block;font-size:var(--text-sm)}.step span{font-size:10.5px;color:var(--text-muted)}.closed-card{padding:20px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08}.closed-card b{display:block;margin-bottom:4px}.closed-card span{font-size:var(--text-sm);color:var(--text-muted)}.landing-foot{margin-top:14px;font-size:10px;color:var(--text-muted);line-height:1.7}.section-head{margin:6px 0 4px}.section-head.small{margin-top:20px}.section-head h2{font-size:1.5rem}.section-head h3{font-size:1.05rem;color:var(--text-secondary)}.eyebrow{font:10px var(--font-data);letter-spacing:.22em;color:var(--accent-cyan)}.tabs{display:flex;gap:6px;padding:4px;border-radius:var(--radius-pill);background:#ffffff08;border:1px solid var(--border-subtle)}.tab{flex:1;padding:9px;border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--text-muted)}.tab.active{background:linear-gradient(120deg,var(--accent-cyan),var(--accent-blue));color:#04182c;font-weight:600}.field{margin-bottom:10px}.warn{margin:-4px 2px 4px;font-size:var(--text-xs);color:var(--danger)}.note{margin:6px 2px;font-size:10.5px;color:var(--text-muted);line-height:1.7}.agree{display:flex;gap:9px;align-items:flex-start;margin:8px 2px 12px;font-size:10.5px;color:var(--text-muted);line-height:1.7}.agree input{margin-top:3px;accent-color:var(--accent-cyan)}.agree b{color:var(--accent-cyan);font-weight:500}.wish-input{min-height:132px;resize:none;line-height:1.8;font-size:var(--text-md)}.counter{text-align:right;font:10px var(--font-data);color:var(--text-muted);margin:-6px 2px 8px}.sign-row{display:flex;gap:6px;margin-bottom:10px}.sign-chip{flex:1;padding:9px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);background:#ffffff06}.sign-chip.active{border-color:var(--border-focus);background:#7de6ff1f;color:var(--text-primary)}.success{text-align:center;padding-top:20px}.ok-ring{width:74px;height:74px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:var(--accent-gold);border:1px solid var(--accent-gold);box-shadow:0 0 40px #fdc94b;animation:pop .62s var(--ease-snap)}@keyframes pop{0%{transform:scale(.6);opacity:0}}.success-copy{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.8;margin:0 6px}.success-copy b{color:var(--accent-gold);font-family:var(--font-data)}.poster{position:relative;aspect-ratio:3/4.2;border-radius:18px;overflow:hidden;padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 18%,#16456f,#04122a 60%,#010a18);border:1px solid var(--border-focus)}.p-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:46px 44px;opacity:.45}.p-top{position:relative;font:10px var(--font-data);letter-spacing:.18em;color:var(--accent-cyan)}.p-msg{position:relative;font-family:var(--font-display);font-size:1.35rem;line-height:1.75;color:#f6fdff}.p-sign{position:relative;font-size:var(--text-xs);color:var(--text-secondary)}.p-qr{position:relative;display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.p-qr span{font-size:10px;color:var(--text-muted)}.p-qr-img{padding:6px;border-radius:8px;background:#fff;flex:none}.gift-qr-img{padding:7px;border-radius:8px;background:#fff;flex:none}.acct-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.acct-head b{display:block;font-family:var(--font-display);font-size:1.15rem}.acct-head span{font-size:var(--text-xs);color:var(--text-muted)}.ignite-btn{position:relative;overflow:hidden;margin-bottom:12px}.ignite-btn:after{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.6),transparent 62%);opacity:0;pointer-events:none;animation:ignite-pulse 2.4s var(--ease-silk) infinite}@keyframes ignite-pulse{0%,to{opacity:0}50%{opacity:.32}}.ignite-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 46%,#0b3260,#04122a 55%,#01060f);animation:if-in .5s ease both}.ignite-flash p,.if-label{margin-top:26px;color:#bfe6fb;font-size:13px;letter-spacing:.28em;animation:if-in .5s ease both}.ignite-flash.st2 .if-rays,.ignite-flash.st3 .if-rays{background:repeating-conic-gradient(from 0deg,rgba(255,217,138,.34) 0deg 5deg,transparent 5deg 21deg);animation:if-spin 2.4s linear infinite}.ignite-flash.st3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,rgba(255,226,160,.42),transparent 62%);animation:if-flare 1s ease-out both}.ignite-flash.st3 .if-star{animation:if-bloom .9s cubic-bezier(.2,.85,.25,1) both}.if-burst{position:absolute;left:50%;top:44%;width:460px;height:460px;margin:-230px 0 0 -230px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,236,190,.55) 0deg 1.4deg,transparent 1.4deg 12deg);-webkit-mask:radial-gradient(circle,transparent 8%,#000 22%,transparent 70%);mask:radial-gradient(circle,transparent 8%,#000 22%,transparent 70%);animation:if-burst 1s cubic-bezier(.2,.8,.3,1) both}@keyframes if-flare{0%{opacity:0}22%{opacity:1}to{opacity:0}}@keyframes if-burst{0%{transform:scale(.18) rotate(-24deg);opacity:0}30%{transform:scale(1.05) rotate(0);opacity:1}to{transform:scale(1.55) rotate(26deg);opacity:0}}@keyframes if-bloom{0%{transform:scale(1)}42%{transform:scale(1.7);filter:brightness(1.9)}to{transform:scale(1.18);filter:brightness(1.25)}}.compose-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.compose-actions .btn{margin-bottom:0}.compose-actions .btn:disabled{opacity:.45}.if-star{position:relative;z-index:2;font-size:64px;line-height:1;color:#ffe9b8;text-shadow:0 0 24px #ffd98a,0 0 68px rgba(255,217,138,.85);animation:if-star 1.5s cubic-bezier(.2,.85,.25,1) both}.if-rays{position:absolute;left:50%;top:44%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,217,138,.18) 0deg 5deg,transparent 5deg 21deg);-webkit-mask:radial-gradient(circle,#000 26%,transparent 66%);mask:radial-gradient(circle,#000 26%,transparent 66%);animation:if-spin 7s linear infinite,if-in .6s ease both}.if-spark{position:absolute;left:50%;top:44%;width:5px;height:5px;margin:-3px;border-radius:50%;background:#ffe9b8;box-shadow:0 0 10px #ffd98a;opacity:0}.ignite-flash.st2 .if-spark,.ignite-flash.st3 .if-spark{animation:if-spark 1.2s ease-out both}.if-spark.s0{--a: 12deg}.if-spark.s1{--a: 62deg}.if-spark.s2{--a: 118deg}.if-spark.s3{--a: 170deg}.if-spark.s4{--a: 218deg}.if-spark.s5{--a: 262deg}.if-spark.s6{--a: 308deg}.if-spark.s7{--a: 342deg}@keyframes if-star{0%{transform:scale(.15) rotate(-50deg);opacity:0;filter:blur(10px)}45%{transform:scale(1.28) rotate(10deg);opacity:1;filter:blur(0)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes if-spin{to{transform:rotate(360deg)}}@keyframes if-spark{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(-200px) scale(.15);opacity:0}}@keyframes if-in{0%{opacity:0}}.ok-wrap{position:relative;width:74px;height:74px;margin:0 auto 14px}.ok-wrap .ok-ring{margin:0;position:relative;z-index:1}.ok-rays{position:absolute;left:50%;top:50%;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(253,201,75,.12) 0deg 6deg,transparent 6deg 24deg);-webkit-mask:radial-gradient(circle,#000 24%,transparent 62%);mask:radial-gradient(circle,#000 24%,transparent 62%);animation:ok-spin 9s linear infinite}@keyframes ok-spin{to{transform:rotate(360deg)}}.banner{padding:12px 14px;border-radius:var(--radius-md);margin-bottom:12px}.banner.warn{border:1px solid rgba(249,120,106,.5);background:#f9786a24}.compose-err{margin-top:4px}.banner b{display:block;font-size:var(--text-sm);color:var(--danger)}.banner span{font-size:10.5px;color:var(--text-secondary)}.gift-card{padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border-focus);background:linear-gradient(160deg,#0d2f52cc,#061a2ecc);margin-bottom:18px}.gift-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.gift-head b{font-family:var(--font-display);font-size:1rem}.gift-qr{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-md);background:#ffffff0d}.gift-qr span{font-size:var(--text-sm);letter-spacing:.1em}.gift-qr.used{justify-content:center;position:relative}.gift-qr.used span{font-family:var(--font-display);font-size:1.1rem;color:var(--text-muted);transform:rotate(-8deg);border:1px solid var(--text-muted);padding:6px 18px;border-radius:6px}.gift-note{margin-top:10px;font-size:10.5px;color:var(--text-muted);line-height:1.7}.msg-card{padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;margin-bottom:10px}.msg-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.st{padding:3px 10px;border-radius:var(--radius-pill);font-size:10px;border:1px solid var(--border-subtle);color:var(--text-secondary)}.st.approved,.st.played{border-color:var(--accent-gold);color:var(--accent-gold)}.st.pending{border-color:var(--accent-cyan);color:var(--accent-cyan)}.st.rejected,.st.blocked{border-color:var(--danger);color:var(--danger)}.time{font-size:10px;color:var(--text-muted)}.msg-card p{margin:0 0 8px;font-family:var(--font-display);font-size:var(--text-md);line-height:1.7}.msg-foot{font-size:10px;color:var(--text-muted)}.reason{margin-top:8px;padding:8px 10px;border-radius:var(--radius-sm);background:#f9786a;font-size:10.5px;color:var(--text-secondary)}.edit-box{margin-top:8px}.edit-box textarea{min-height:80px}.edit-actions{display:flex;align-items:center;gap:8px;margin-top:8px}