:root{--night-1:#0a0a2e;--night-2:#1a1a5e;--gold:#ffd86b;--gold-deep:#f5a623;--lotus:#ff7eb3;--text:#fff7e6}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Noto Sans Sinhala,Segoe UI,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(255,216,107,.12),transparent 40%),radial-gradient(circle at 80% 90%,rgba(255,126,179,.12),transparent 40%),linear-gradient(160deg,var(--night-1),var(--night-2));min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:980px;margin:0 auto;padding:32px 20px 80px}.brand{text-align:center;margin-bottom:8px}.brand .moon{font-size:44px;filter:drop-shadow(0 0 18px rgba(255,216,107,.6))}.brand h1{font-family:"Noto Serif Sinhala",serif;font-size:clamp(28px,6.4vw,46px);font-weight:800;background:linear-gradient(90deg,#fff0c4,var(--gold) 45%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:6px;letter-spacing:.3px}.brand p{opacity:.82;font-size:15px;margin-top:8px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6}.brand .divider{width:120px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}.card-panel{margin-top:28px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,216,107,.28);border-radius:22px;padding:26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,.3)}.field{margin-bottom:18px}.field label{display:block;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:9px;color:var(--gold);opacity:.92}.field input,.field textarea{width:100%;background:rgba(0,0,0,.25);border:1px solid rgba(255,216,107,.3);border-radius:14px;padding:14px 16px;color:var(--text);font-size:16px;font-family:inherit;outline:none;transition:border .2s}.field input:focus,.field textarea:focus{border-color:var(--gold)}.field textarea{resize:vertical;min-height:90px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{font-size:13px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,216,107,.35);background:rgba(255,216,107,.08);cursor:pointer;transition:all .15s}.chip:hover{background:rgba(255,216,107,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:none;border-radius:14px;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer;background:linear-gradient(90deg,var(--gold),var(--gold-deep));color:#2a1500;transition:transform .12s,box-shadow .2s;box-shadow:0 8px 24px rgba(245,166,35,.35)}.btn:hover{transform:translateY(-2px)}.btn.secondary{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,216,107,.3);box-shadow:none}.poson-card{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/5;max-width:460px;margin:0 auto;background:radial-gradient(circle at 50% 22%,rgba(255,246,209,.25),transparent 35%),linear-gradient(170deg,#06061f,#16165a 60%,#3a1a5e);border:1px solid rgba(255,216,107,.4);box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 26px}.pc-moon{top:30px;width:96px;height:96px;background:radial-gradient(circle at 38% 35%,#fffef0,#ffe9a8 60%,#f5cf6b);box-shadow:0 0 50px 14px rgba(255,230,150,.5)}.pc-moon,.pc-star{position:absolute;border-radius:50%}.pc-star{width:3px;height:3px;background:#fff;opacity:.85}.pc-lantern{font-size:60px;margin-top:132px;filter:drop-shadow(0 0 18px rgba(255,180,80,.7))}.pc-greet{margin-top:18px;font-size:30px;font-weight:800;color:var(--gold);letter-spacing:.5px}.pc-sub{font-size:14px;opacity:.85;margin-top:2px}.pc-wish{margin-top:22px;font-size:18px;line-height:1.7;color:var(--text);flex:1 1;display:flex;align-items:center}.pc-to{font-size:16px;opacity:.9;margin-bottom:4px}.pc-from{margin-top:auto;font-size:16px;color:var(--gold);font-weight:700}.pc-lotus{font-size:26px;margin-top:10px}.builder{display:grid;grid-template-columns:1fr 360px;grid-gap:24px;gap:24px;align-items:start;margin-top:28px}@media (max-width:820px){.builder{grid-template-columns:1fr}}.card-panel{margin-top:0}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:520px){.row2{grid-template-columns:1fr}}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-gap:10px;gap:10px}.tpl{position:relative;height:64px;border-radius:12px;border:2px solid transparent;cursor:pointer;overflow:hidden;color:#fff;font-family:inherit;font-size:11px;display:flex;align-items:flex-end;justify-content:center;padding:6px;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:transform .12s,border .15s}.tpl:hover{transform:translateY(-2px)}.tpl.sel{border-color:var(--gold);box-shadow:0 0 0 2px rgba(255,216,107,.45),0 6px 18px rgba(0,0,0,.35)}.tpl.sel:after{content:"✓";position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:#2a1500;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;text-shadow:none}.tpl.upload{background:rgba(255,255,255,.07);border:2px dashed rgba(255,216,107,.5);align-items:center;text-align:center;line-height:1.3}.preview-col{position:-webkit-sticky;position:sticky;top:20px}.preview-label{font-size:13px;opacity:.8;margin-bottom:10px;text-align:center}.card-stage{max-width:460px;margin:0 auto}.share-row{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;max-width:460px;margin-left:auto;margin-right:auto}.share-row .btn{flex:1 1;min-width:140px}.wa{background:linear-gradient(90deg,#25d366,#1ebe5d);color:#04210f;box-shadow:0 8px 24px rgba(37,211,102,.3)}.fb{background:linear-gradient(90deg,#4267b2,#2f4d8a);color:#fff;box-shadow:0 8px 24px rgba(66,103,178,.3)}.toast{margin-top:14px;font-size:14px;color:var(--gold);min-height:20px}.footer,.toast{text-align:center}.footer{margin-top:40px;font-size:13px;opacity:.6}@keyframes ca-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes ca-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes ca-sway{0%,to{transform:translateX(-50%) rotate(-2.2deg)}50%{transform:translateX(-50%) rotate(2.2deg)}}@keyframes ca-pulse{0%,to{filter:brightness(1);transform:translateX(-50%) scale(1)}50%{filter:brightness(1.12);transform:translateX(-50%) scale(1.03)}}.ca-star{animation:ca-twinkle 3.2s ease-in-out infinite}.ca-bokeh{animation:ca-float 7s ease-in-out infinite}.ca-lantern{animation:ca-sway 5s ease-in-out infinite}.ca-moon{animation:ca-pulse 6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.ca-bokeh,.ca-lantern,.ca-moon,.ca-star{animation:none}}.capturing .ca-bokeh,.capturing .ca-lantern,.capturing .ca-moon,.capturing .ca-star{animation:none!important}.capturing .ca-lantern,.capturing .ca-moon{transform:translateX(-50%)}