.snowflakes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.snowflake{position:absolute;top:-10%;color:#fff;font-size:1.5rem;opacity:.8;animation:fall linear infinite;text-shadow:0 0 5px rgba(255,255,255,.5)}@keyframes fall{to{transform:translateY(105vh) rotate(360deg)}}.snowflake:nth-child(1){left:10%;animation-duration:12s;animation-delay:0s;font-size:1.2rem}.snowflake:nth-child(2){left:20%;animation-duration:15s;animation-delay:2s;font-size:1.8rem}.snowflake:nth-child(3){left:30%;animation-duration:10s;animation-delay:4s;font-size:1rem}.snowflake:nth-child(4){left:40%;animation-duration:18s;animation-delay:1s;font-size:1.5rem}.snowflake:nth-child(5){left:50%;animation-duration:13s;animation-delay:3s;font-size:1.3rem}.snowflake:nth-child(6){left:60%;animation-duration:16s;animation-delay:5s;font-size:1.6rem}.snowflake:nth-child(7){left:70%;animation-duration:11s;animation-delay:0s;font-size:1.1rem}.snowflake:nth-child(8){left:80%;animation-duration:14s;animation-delay:2.5s;font-size:1.4rem}.snowflake:nth-child(9){left:90%;animation-duration:17s;animation-delay:4.5s;font-size:1.7rem}.snowflake:nth-child(10){left:95%;animation-duration:12s;animation-delay:1.5s;font-size:1.2rem}.christmas-card{background:linear-gradient(135deg,#111827f2,#1e293be6);border:2px solid rgba(220,38,38,.3);position:relative;overflow:hidden}.christmas-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(220,38,38,.05) 0%,transparent 70%);animation:glow 4s ease-in-out infinite;pointer-events:none}@keyframes glow{0%,to{opacity:.3}50%{opacity:.6}}.christmas-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.christmas-header h1{background:linear-gradient(135deg,#dc2626,#16a34a,#dc2626);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 5s ease infinite;margin:0;flex:1;text-align:center}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.christmas-icon{font-size:2.5rem;animation:bounce 2s ease-in-out infinite}.christmas-icon:first-child{animation-delay:0s}.christmas-icon:last-child{animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.christmas-content{position:relative;z-index:1}.greeting{font-size:1.25rem;font-weight:600;color:#fef3c7;text-align:center;margin-bottom:1rem}.description{color:#e0e7ff;line-height:1.7;margin-bottom:1.5rem}.instructions{background:#dc26261a;border-left:3px solid #dc2626;padding:1rem;border-radius:.5rem;margin:1.5rem 0}.instructions p{margin:0;color:#fecaca}.instructions strong{color:#fef2f2}.example-link{text-align:center;margin-top:2rem}.festive-button{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;text-decoration:none;border-radius:.75rem;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #dc262666}.festive-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 20px #dc262699}.festive-button:active{transform:translateY(0)}.footer-decoration{display:flex;justify-content:center;gap:2rem;margin-top:2rem;font-size:1.5rem;opacity:.6}.footer-decoration span{animation:twinkle 1.5s ease-in-out infinite}.footer-decoration span:nth-child(1){animation-delay:0s}.footer-decoration span:nth-child(2){animation-delay:.5s}.footer-decoration span:nth-child(3){animation-delay:1s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#030712;color:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#192241,#060913 60%)}.page-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.card{width:min(1040px,100%);padding:2rem;background:#111827cc;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;box-shadow:0 10px 30px #00000059;text-align:left}.card h1{margin-top:.25rem;margin-bottom:.5rem;font-size:clamp(2rem,5vw,2.5rem)}.card p{line-height:1.6;font-size:1.1rem}.card code{background:#ffffff0d;padding:.2rem .35rem;border-radius:.35rem;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace}.eyebrow{text-transform:uppercase;letter-spacing:.3rem;font-size:.75rem;color:#a9b3d1}.card-image{width:100%;border-radius:.75rem;margin-top:1.5rem;object-fit:cover;filter:drop-shadow(0 10px 25px rgba(0,0,0,.45))}.card-media{margin-top:1.5rem}.card-media-viewport{position:relative}.card-media-controls{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-media-button{border:1px solid rgba(255,255,255,.3);background:#0f172acc;color:inherit;border-radius:999px;padding:.35rem .85rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.card-media-button:hover,.card-media-button:focus-visible{background:#ffffff1a;border-color:#fff9}.card-media-indicators{margin-top:.4rem;display:flex;justify-content:center;gap:.35rem}.card-media-indicator{width:.5rem;height:.5rem;border-radius:50%;border:none;background:#ffffff59;cursor:pointer}.card-media-indicator--active{background:#fffffff2}.small{font-size:.8rem;color:#9fb0d7;margin-top:1rem;word-break:break-word}.card.error{border-color:#dc2626b3;color:#fee2e2}