@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Great+Vibes&family=Cinzel:wght@400;600;700&family=Pacifico&family=Sacramento&display=swap);.tsn-app *,.tsn-app *::before,.tsn-app *::after{box-sizing:border-box;margin:0;padding:0}.tsn-app{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1a1a2e;line-height:1.6}.tsn-hero{text-align:center;padding:48px 24px 32px;background:linear-gradient(160deg,#0f0a25 0%,#1a1040 60%,#0f0a25 100%);color:#fff;border-radius:20px;margin-bottom:28px;position:relative;overflow:hidden}.tsn-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgb(99 102 241 / .25) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgb(236 72 153 / .2) 0%,transparent 50%)}.tsn-hero-cake{font-size:3.5rem;display:block;margin-bottom:12px;position:relative;animation:tsnFloat 3s ease-in-out infinite}@keyframes tsnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.tsn-hero-title{font-size:2rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;position:relative;margin-bottom:8px}.tsn-hero-desc{color:rgb(255 255 255 / .65);font-size:.9rem;position:relative}.tsn-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tsn-filter{padding:7px 16px;border-radius:30px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;font-size:.82rem;font-weight:500;color:#64748b;transition:all .2s;white-space:nowrap}.tsn-filter:hover{border-color:#6366f1;color:#6366f1}.tsn-filter.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 4px 14px rgb(99 102 241 / .35)}.tsn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-bottom:32px}.tsn-thumb{border-radius:14px;aspect-ratio:3/4;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .15);transition:transform .25s,box-shadow .25s}.tsn-thumb:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 36px rgb(0 0 0 / .25)}.tsn-thumb-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px;background:linear-gradient(0deg,rgb(0 0 0 / .6) 0%,transparent 50%);color:#fff;text-align:center}.tsn-thumb-emoji{font-size:2rem;line-height:1;margin-bottom:6px}.tsn-thumb-name{font-size:.8rem;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 3px rgb(0 0 0 / .5)}.tsn-thumb-tag{font-size:.68rem;opacity:.8;margin-top:2px;text-shadow:0 1px 3px rgb(0 0 0 / .5)}.tsn-editor-layout{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:start}.tsn-panel{background:#fff;border-radius:20px;border:1.5px solid #e2e8f0;overflow:hidden;position:sticky;top:24px}.tsn-panel-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tsn-back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;font-size:.82rem;font-weight:500;color:#64748b;transition:all .2s;white-space:nowrap}.tsn-back-btn:hover{border-color:#6366f1;color:#6366f1}.tsn-panel-title{display:flex;align-items:center;gap:8px;min-width:0}.tsn-tpl-emoji{font-size:1.6rem}.tsn-tpl-name{font-size:.95rem;font-weight:700;color:#1e293b}.tsn-tpl-cat{font-size:.72rem;color:#94a3b8}.tsn-panel-body{padding:20px;display:flex;flex-direction:column;gap:18px;max-height:76vh;overflow-y:auto}.tsn-section-label{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#64748b;margin-bottom:10px}.tsn-step{width:22px;height:22px;border-radius:50%;background:#6366f1;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tsn-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tsn-rel-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;font-size:.7rem;color:#475569}.tsn-rel-btn .rel-emoji{font-size:1.3rem}.tsn-rel-btn:hover{border-color:#6366f1;background:#eef2ff;color:#4f46e5}.tsn-rel-btn.active{border-color:#6366f1;background:#6366f1;color:#fff}.tsn-input,.tsn-textarea{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;font-size:.88rem;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;resize:vertical}.tsn-input:focus,.tsn-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgb(99 102 241 / .15);background:#fff}.tsn-char-count{text-align:right;font-size:.72rem;color:#94a3b8;margin-top:4px}.tsn-presets{margin-top:10px}.tsn-presets-label{font-size:.75rem;font-weight:600;color:#94a3b8;margin-bottom:6px}.tsn-presets-list{display:flex;flex-direction:column;gap:6px}.tsn-preset-item{padding:8px 12px;border-radius:8px;border:1px solid #e8f0fe;background:#f0f4ff;font-size:.78rem;color:#4338ca;cursor:pointer;transition:all .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tsn-preset-item:hover{background:#e0e7ff;border-color:#6366f1}.tsn-font-grid{display:flex;flex-wrap:wrap;gap:7px}.tsn-font-btn{padding:7px 14px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;font-size:.82rem;color:#475569;transition:all .2s}.tsn-font-btn:hover{border-color:#6366f1;color:#4f46e5}.tsn-font-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.tsn-payment-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #bbf7d0;cursor:pointer;transition:all .2s}.tsn-payment-toggle:hover{border-color:#4ade80}.tsn-payment-toggle-label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.88rem;color:#15803d}.tsn-payment-toggle-icon{font-size:1.3rem}.tsn-toggle-switch{width:40px;height:22px;border-radius:11px;background:#d1d5db;position:relative;transition:background .2s;flex-shrink:0}.tsn-toggle-switch.on{background:#22c55e}.tsn-toggle-switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 3px rgb(0 0 0 / .2)}.tsn-toggle-switch.on::after{left:20px}.tsn-payment-fields{display:none;flex-direction:column;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.tsn-payment-fields.open{display:flex}.tsn-select{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;font-size:.88rem;color:#1e293b;outline:none;transition:border-color .2s;cursor:pointer;font-family:inherit;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.tsn-select:focus{border-color:#6366f1}.tsn-pay-field-label{font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:5px;letter-spacing:.3px}.tsn-qr-preview{text-align:center;padding:12px;background:#fff;border-radius:10px;border:1px dashed #6366f1}.tsn-qr-preview img{width:120px;height:120px;border-radius:6px}.tsn-qr-note{font-size:.7rem;color:#94a3b8;margin-top:6px}.tsn-actions{display:flex;flex-direction:column;gap:10px}.tsn-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:none;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;text-decoration:none}.tsn-btn-primary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;box-shadow:0 4px 16px rgb(99 102 241 / .35)}.tsn-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgb(99 102 241 / .45)}.tsn-btn-save{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;box-shadow:0 4px 14px rgb(16 185 129 / .3)}.tsn-btn-save:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgb(16 185 129 / .4)}.tsn-btn-outline{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.tsn-btn-outline:hover{border-color:#6366f1;color:#6366f1}.tsn-share-result{display:none;padding:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;text-align:center}.tsn-share-result.show{display:block}.tsn-share-label{font-size:.78rem;color:#15803d;font-weight:600;margin-bottom:8px}.tsn-share-url-row{display:flex;gap:6px}.tsn-share-url{flex:1;padding:8px 12px;border-radius:8px;border:1px solid #bbf7d0;background:#fff;font-size:.8rem;color:#1e293b;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsn-copy-url-btn{padding:8px 14px;border-radius:8px;background:#10b981;color:#fff;border:none;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.tsn-copy-url-btn:hover{background:#059669}.tsn-preview-panel{display:flex;flex-direction:column;gap:12px}.tsn-preview-header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;color:#64748b;letter-spacing:.5px;text-transform:uppercase}.tsn-preview-wrap{display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.tsn-preview-wrap .tsn-card{transform:scale(.75);transform-origin:top center;margin-bottom:calc((560px * 0.75) - 560px);flex-shrink:0}.tsn-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:#1e293b;color:#fff;padding:12px 24px;border-radius:30px;font-size:.85rem;font-weight:500;z-index:99999;transition:transform .3s ease;pointer-events:none;white-space:nowrap}.tsn-toast.show{transform:translateX(-50%) translateY(0)}.tsn-loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#94a3b8;font-size:.85rem}.tsn-spinner{width:18px;height:18px;border:2px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:tsnSpin .6s linear infinite}@keyframes tsnSpin{to{transform:rotate(360deg)}}.tsn-card{position:relative;width:560px;height:760px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px rgb(0 0 0 / .25),0 4px 12px rgb(0 0 0 / .15);font-family:'Dancing Script',cursive;user-select:none}.tsn-card-top-deco{height:110px;position:relative;flex-shrink:0}.tsn-card-bot-deco{height:80px;position:relative;flex-shrink:0;margin-top:auto}.tsn-card-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 44px;text-align:center;position:relative;z-index:2;gap:10px}.tsn-card-from{font-size:.95rem;letter-spacing:1.5px;text-transform:uppercase;opacity:.75}.tsn-card-greeting{display:flex;flex-direction:column;gap:2px}.tsn-greeting-line1{font-size:1.5rem;font-weight:400}.tsn-greeting-line2{font-size:2.8rem;font-weight:700;line-height:1}.tsn-card-recipient{font-size:2.1rem;font-weight:700;line-height:1.1}.tsn-card-divider{width:70%;height:1px;position:relative;display:flex;align-items:center;justify-content:center;margin:4px 0}.tsn-card-divider::before,.tsn-card-divider::after{content:'';position:absolute;top:50%;height:1px;width:44%}.tsn-card-divider::before{left:0}.tsn-card-divider::after{right:0}.tsn-divider-icon{font-size:.85rem;position:relative;z-index:1;padding:0 6px}.tsn-card-message{font-size:1rem;line-height:1.65;max-width:400px;opacity:.9}.tsn-card-ornament{font-size:1.4rem;opacity:.4;margin-bottom:4px;letter-spacing:8px}.tsn-gift-btn{position:absolute;bottom:96px;right:28px;font-size:2.8rem;cursor:pointer;z-index:10;animation:tsnGiftWobble 2.5s ease-in-out 2s infinite;transition:transform .15s;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .3))}.tsn-gift-btn:hover{transform:scale(1.15);animation:none}.tsn-gift-btn:active{transform:scale(.95)}@keyframes tsnGiftWobble{0%,100%{transform:rotate(0deg) scale(1)}15%{transform:rotate(-10deg) scale(1.1)}30%{transform:rotate(10deg) scale(1.1)}45%{transform:rotate(-6deg) scale(1.05)}60%{transform:rotate(6deg) scale(1.05)}75%{transform:rotate(-3deg) scale(1.02)}90%{transform:rotate(3deg) scale(1.02)}}.tsn-thumb.tpl-1{background:linear-gradient(160deg,#ff6b9d 0%,#ff4d7d 50%,#c9184a 100%)}.tsn-card.tpl-1{background:linear-gradient(160deg,#ff6b9d 0%,#ff4d7d 50%,#c9184a 100%);color:#fff}.tsn-card.tpl-1::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 85%,rgb(255 255 255 / .18) 0%,transparent 35%),radial-gradient(circle at 88% 12%,rgb(255 255 255 / .15) 0%,transparent 30%),radial-gradient(circle at 50% 50%,rgb(255 200 200 / .1) 0%,transparent 60%);z-index:1}.tsn-card.tpl-1 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(255 255 255 / .15) 0%,transparent 100%)}.tsn-card.tpl-1 .tsn-card-top-deco::after{content:'🌹 ✿ 🌹 ✿ 🌹';position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:1.4rem;letter-spacing:6px;opacity:.75}.tsn-card.tpl-1 .tsn-card-bot-deco{background:linear-gradient(0deg,rgb(0 0 0 / .15) 0%,transparent 100%)}.tsn-card.tpl-1 .tsn-card-bot-deco::before{content:'💕 Happy Birthday 💕';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;letter-spacing:2px;opacity:.7;font-family:'Dancing Script',cursive;font-size:1.1rem}.tsn-card.tpl-1 .tsn-card-divider::before,.tsn-card.tpl-1 .tsn-card-divider::after{background:rgb(255 255 255 / .5)}.tsn-thumb.tpl-2{background:radial-gradient(ellipse at top,#1e1b4b 0%,#0d0721 70%,#000 100%)}.tsn-card.tpl-2{background:radial-gradient(ellipse at 50% 0%,#2d1b69 0%,#0d0721 50%,#000209 100%);color:#e0e7ff}.tsn-card.tpl-2::before{content:'';position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 8% 15%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 20% 30%,rgb(255 255 255 / .8) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 35% 8%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 60% 20%,rgb(255 255 255 / .7) 0%,transparent 100%),radial-gradient(2px 2px at 75% 5%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 90% 25%,rgb(255 255 255 / .6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 12% 45%,rgb(255 255 255 / .5) 0%,transparent 100%),radial-gradient(1px 1px at 28% 60%,#fff 0%,transparent 100%),radial-gradient(2px 2px at 45% 38%,rgb(165 148 249 / .8) 0%,transparent 100%),radial-gradient(1px 1px at 70% 50%,rgb(255 255 255 / .7) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 85% 42%,#fff 0%,transparent 100%),radial-gradient(1px 1px at 5% 72%,rgb(255 255 255 / .6) 0%,transparent 100%),radial-gradient(2px 2px at 18% 80%,rgb(165 148 249 / .7) 0%,transparent 100%),radial-gradient(1px 1px at 55% 75%,#fff 0%,transparent 100%),radial-gradient(1.5px 1.5px at 92% 70%,rgb(255 255 255 / .5) 0%,transparent 100%);z-index:1;animation:tsnTwinkle 4s ease-in-out infinite alternate}@keyframes tsnTwinkle{0%{opacity:.7}100%{opacity:1}}.tsn-card.tpl-2 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(99 102 241 / .3) 0%,transparent 100%);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-2 .tsn-card-top-deco::after{content:'✨ ✦ ✨ ✦ ✨';font-size:1.1rem;letter-spacing:8px;opacity:.6}.tsn-card.tpl-2 .tsn-greeting-line2{color:#a5b4fc}.tsn-card.tpl-2 .tsn-card-recipient{color:#fbbf24}.tsn-card.tpl-2 .tsn-card-divider::before,.tsn-card.tpl-2 .tsn-card-divider::after{background:rgb(165 148 249 / .5)}.tsn-card.tpl-2 .tsn-card-ornament{color:#a5b4fc}.tsn-thumb.tpl-3{background:linear-gradient(160deg,#1a1200 0%,#2d2000 50%,#1a1200 100%)}.tsn-card.tpl-3{background:linear-gradient(160deg,#0d0900 0%,#1f1500 50%,#0d0900 100%);color:#d4a017;border:3px solid #d4a017}.tsn-card.tpl-3::before{content:'';position:absolute;inset:12px;border:1px solid rgb(212 160 23 / .3);border-radius:12px;z-index:1;pointer-events:none}.tsn-card.tpl-3::after{content:'';position:absolute;inset:18px;border:1px solid rgb(212 160 23 / .15);border-radius:9px;z-index:1;pointer-events:none}.tsn-card.tpl-3 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(212 160 23 / .2) 0%,transparent 100%);border-bottom:1px solid rgb(212 160 23 / .4);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-3 .tsn-card-top-deco::before{content:'◆ ◇ ◆ ◇ ◆';font-size:1.2rem;letter-spacing:6px;color:#d4a017;opacity:.7}.tsn-card.tpl-3 .tsn-card-bot-deco{border-top:1px solid rgb(212 160 23 / .4);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-3 .tsn-card-bot-deco::before{content:'◆ ◇ ◆ ◇ ◆';font-size:1.2rem;letter-spacing:6px;color:#d4a017;opacity:.7}.tsn-card.tpl-3 .tsn-greeting-line2{background:linear-gradient(135deg,#fbbf24,#d4a017,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;font-family:'Cinzel',serif}.tsn-card.tpl-3 .tsn-card-recipient{font-family:'Cinzel',serif;background:linear-gradient(135deg,#fbbf24,#d4a017,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.tsn-card.tpl-3 .tsn-card-divider::before,.tsn-card.tpl-3 .tsn-card-divider::after{background:rgb(212 160 23 / .5)}.tsn-thumb.tpl-4{background:linear-gradient(160deg,#fff0f5 0%,#fce4ec 50%,#f8bbd9 100%)}.tsn-card.tpl-4{background:linear-gradient(160deg,#fff5f7 0%,#fce4ec 40%,#f9a8d4 80%,#f472b6 100%);color:#831843}.tsn-card.tpl-4::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgb(255 182 193 / .4) 0%,transparent 25%),radial-gradient(circle at 80% 15%,rgb(255 192 203 / .3) 0%,transparent 20%),radial-gradient(circle at 50% 80%,rgb(255 182 193 / .3) 0%,transparent 30%);z-index:1}.tsn-card.tpl-4 .tsn-card-top-deco{background:radial-gradient(ellipse at top,rgb(244 114 182 / .3) 0%,transparent 70%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}.tsn-card.tpl-4 .tsn-card-top-deco::after{content:'🌸 ✿ 🌸 ✿ 🌸';font-size:1.3rem;letter-spacing:6px;opacity:.8}.tsn-card.tpl-4 .tsn-greeting-line2{color:#be185d}.tsn-card.tpl-4 .tsn-card-divider::before,.tsn-card.tpl-4 .tsn-card-divider::after{background:rgb(190 24 93 / .3)}.tsn-thumb.tpl-5{background:linear-gradient(180deg,#001845 0%,#0077b6 60%,#00b4d8 100%)}.tsn-card.tpl-5{background:linear-gradient(180deg,#001845 0%,#0077b6 55%,#00b4d8 85%,#90e0ef 100%);color:#fff}.tsn-card.tpl-5::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgb(0 180 216 / .3) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgb(0 119 182 / .2) 0%,transparent 40%);z-index:1}.tsn-card.tpl-5 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(0 24 69 / .5) 0%,transparent 100%);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-5 .tsn-card-top-deco::after{content:'🌊 ⛵ 🌊 ⛵ 🌊';font-size:1.2rem;letter-spacing:6px;opacity:.75}.tsn-card.tpl-5 .tsn-card-bot-deco{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80'%3E%3Cpath d='M0 40 Q150 0 300 40 Q450 80 600 40 Q750 0 900 40 Q1050 80 1200 40 L1200 80 L0 80 Z' fill='rgba(255,255,255,0.15)'/%3E%3C/svg%3E") no-repeat bottom/cover}.tsn-card.tpl-5 .tsn-card-divider::before,.tsn-card.tpl-5 .tsn-card-divider::after{background:rgb(255 255 255 / .5)}.tsn-thumb.tpl-6{background:#050505;border:2px solid #ff2d78}.tsn-card.tpl-6{background:#050505;color:#fff;border:2px solid rgb(255 45 120 / .6);box-shadow:0 0 30px rgb(255 45 120 / .3),0 24px 64px rgb(0 0 0 / .5),inset 0 0 60px rgb(0 255 224 / .05)}.tsn-card.tpl-6::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgb(255 45 120 / .12) 0%,transparent 40%),radial-gradient(ellipse at 80% 80%,rgb(0 255 224 / .08) 0%,transparent 40%);z-index:1}.tsn-card.tpl-6 .tsn-card-top-deco{border-bottom:1px solid rgb(255 45 120 / .4);box-shadow:0 1px 20px rgb(255 45 120 / .3);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-6 .tsn-card-top-deco::before{content:'◈ ◈ ◈';font-size:1rem;letter-spacing:16px;color:#ff2d78;text-shadow:0 0 10px #ff2d78}.tsn-card.tpl-6 .tsn-card-bot-deco{border-top:1px solid rgb(0 255 224 / .3);box-shadow:0 -1px 20px rgb(0 255 224 / .2)}.tsn-card.tpl-6 .tsn-greeting-line1{color:#ff2d78;text-shadow:0 0 20px #ff2d78}.tsn-card.tpl-6 .tsn-greeting-line2{color:#00ffe0;text-shadow:0 0 30px #00ffe0;font-size:3rem}.tsn-card.tpl-6 .tsn-card-recipient{color:#ff2d78;text-shadow:0 0 20px rgb(255 45 120 / .7);font-size:1.9rem}.tsn-card.tpl-6 .tsn-card-divider::before,.tsn-card.tpl-6 .tsn-card-divider::after{background:rgb(0 255 224 / .4)}.tsn-card.tpl-6 .tsn-divider-icon{color:#00ffe0;text-shadow:0 0 8px #00ffe0}.tsn-thumb.tpl-7{background:linear-gradient(160deg,#f5e6c8 0%,#e8d5a3 100%)}.tsn-card.tpl-7{background:linear-gradient(160deg,#f5e6c8 0%,#ecd9b0 50%,#dfc48a 100%);color:#3d2b00;border:2px solid #8b6914}.tsn-card.tpl-7::before{content:'';position:absolute;inset:8px;border:2px solid rgb(139 105 20 / .35);border-radius:12px;z-index:1}.tsn-card.tpl-7 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(139 105 20 / .15) 0%,transparent 100%);border-bottom:1px solid rgb(139 105 20 / .3);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-7 .tsn-card-top-deco::after{content:'❧ ✦ ❧ ✦ ❧';font-size:1.2rem;letter-spacing:8px;opacity:.6;color:#8b6914}.tsn-card.tpl-7 .tsn-greeting-line2{font-family:'Cinzel',serif;color:#5c3d0a}.tsn-card.tpl-7 .tsn-card-recipient{font-family:'Playfair Display',serif;color:#3d2b00}.tsn-card.tpl-7 .tsn-card-divider::before,.tsn-card.tpl-7 .tsn-card-divider::after{background:rgb(139 105 20 / .4)}.tsn-card.tpl-7 .tsn-card-bot-deco{border-top:1px solid rgb(139 105 20 / .3);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-7 .tsn-card-bot-deco::before{content:'§ ——— § ——— §';font-size:.8rem;color:#8b6914;letter-spacing:4px;opacity:.6}.tsn-thumb.tpl-8{background:linear-gradient(160deg,#0a2e1c 0%,#1b4332 60%,#2d6a4f 100%)}.tsn-card.tpl-8{background:linear-gradient(160deg,#0a2e1c 0%,#1b4332 60%,#2d6a4f 100%);color:#d1fae5}.tsn-card.tpl-8::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 80%,rgb(45 106 79 / .6) 0%,transparent 40%),radial-gradient(circle at 90% 20%,rgb(21 128 61 / .3) 0%,transparent 40%);z-index:1}.tsn-card.tpl-8 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(0 0 0 / .25) 0%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}.tsn-card.tpl-8 .tsn-card-top-deco::after{content:'🌿 🍃 🌿 🍃 🌿';font-size:1.3rem;letter-spacing:6px;opacity:.8}.tsn-card.tpl-8 .tsn-card-bot-deco{background:linear-gradient(0deg,rgb(0 0 0 / .2) 0%,transparent 100%);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-8 .tsn-card-bot-deco::after{content:'🌱 🌿 🌱';font-size:1.2rem;letter-spacing:8px;opacity:.6}.tsn-card.tpl-8 .tsn-greeting-line2{color:#6ee7b7}.tsn-card.tpl-8 .tsn-card-divider::before,.tsn-card.tpl-8 .tsn-card-divider::after{background:rgb(110 231 183 / .4)}.tsn-thumb.tpl-9{background:linear-gradient(160deg,#0a0010 0%,#15002a 100%)}.tsn-card.tpl-9{background:linear-gradient(160deg,#0a0010 0%,#150025 100%);color:#fff}.tsn-card.tpl-9::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgb(255 200 0 / .15) 0%,transparent 25%),radial-gradient(circle at 75% 20%,rgb(255 50 200 / .12) 0%,transparent 22%),radial-gradient(circle at 50% 60%,rgb(0 200 255 / .08) 0%,transparent 30%),radial-gradient(circle at 85% 70%,rgb(255 150 0 / .1) 0%,transparent 20%);z-index:1}.tsn-card.tpl-9 .tsn-card-top-deco{background:#fff0;display:flex;align-items:center;justify-content:center}.tsn-card.tpl-9 .tsn-card-top-deco::after{content:'🎆 🎇 🎆 🎇 🎆';font-size:1.4rem;letter-spacing:4px}.tsn-card.tpl-9 .tsn-greeting-line2{background:linear-gradient(135deg,#fbbf24,#f472b6,#60a5fa,#34d399,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;font-size:3rem}.tsn-card.tpl-9 .tsn-card-recipient{color:#fbbf24}.tsn-card.tpl-9 .tsn-card-divider::before,.tsn-card.tpl-9 .tsn-card-divider::after{background:rgb(251 191 36 / .4)}.tsn-card.tpl-9 .tsn-card-bot-deco{display:flex;align-items:center;justify-content:center}.tsn-card.tpl-9 .tsn-card-bot-deco::after{content:'🎊 🎉 🎊 🎉 🎊';font-size:1.3rem;letter-spacing:6px}.tsn-thumb.tpl-10{background:#0a0800;border:2px solid rgb(212 160 23 / .4)}.tsn-card.tpl-10{background:#080600;color:#d4a017;border:2px solid rgb(212 160 23 / .5)}.tsn-card.tpl-10::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgb(212 160 23 / .06) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgb(212 160 23 / .06) 40px);z-index:1}.tsn-card.tpl-10 .tsn-card-top-deco{border-bottom:1px solid rgb(212 160 23 / .4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.tsn-card.tpl-10 .tsn-card-top-deco::before{content:'◆ ◆ ◆ ◆ ◆';font-size:.7rem;letter-spacing:12px;color:#d4a017;opacity:.6}.tsn-card.tpl-10 .tsn-card-top-deco::after{content:'▬▬▬▬▬▬▬▬▬▬';font-size:.5rem;letter-spacing:4px;color:rgb(212 160 23 / .5)}.tsn-card.tpl-10 .tsn-greeting-line2{font-family:'Cinzel',serif;font-size:2.4rem;background:linear-gradient(135deg,#fbbf24,#d97706,#fbbf24,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.tsn-card.tpl-10 .tsn-card-recipient{font-family:'Cinzel',serif;color:#fbbf24}.tsn-card.tpl-10 .tsn-card-divider::before,.tsn-card.tpl-10 .tsn-card-divider::after{background:rgb(212 160 23 / .45)}.tsn-card.tpl-10 .tsn-card-bot-deco{border-top:1px solid rgb(212 160 23 / .4);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-10 .tsn-card-bot-deco::before{content:'◆ ◆ ◆ ◆ ◆';font-size:.7rem;letter-spacing:12px;color:#d4a017;opacity:.6}.tsn-thumb.tpl-11{background:linear-gradient(135deg,#ddd6fe 0%,#fbcfe8 33%,#bae6fd 66%,#bbf7d0 100%)}.tsn-card.tpl-11{background:linear-gradient(135deg,#ede9fe 0%,#fce7f3 30%,#e0f2fe 65%,#d1fae5 100%);color:#4c1d95}.tsn-card.tpl-11::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 30%,rgb(196 181 253 / .6) 0%,transparent 40%),radial-gradient(ellipse at 85% 20%,rgb(251 207 232 / .5) 0%,transparent 35%),radial-gradient(ellipse at 50% 85%,rgb(186 230 253 / .5) 0%,transparent 40%),radial-gradient(ellipse at 75% 60%,rgb(187 247 208 / .4) 0%,transparent 35%);z-index:1;filter:blur(18px)}.tsn-card.tpl-11 .tsn-card-top-deco{background:#fff0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}.tsn-card.tpl-11 .tsn-card-top-deco::after{content:'🎨 ✿ 🎨 ✿ 🎨';font-size:1.2rem;letter-spacing:6px;opacity:.7}.tsn-card.tpl-11 .tsn-greeting-line2{color:#7c3aed}.tsn-card.tpl-11 .tsn-card-recipient{color:#be185d}.tsn-card.tpl-11 .tsn-card-divider::before,.tsn-card.tpl-11 .tsn-card-divider::after{background:rgb(124 58 237 / .3)}.tsn-thumb.tpl-12{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 40%,#10b981 80%,#06b6d4 100%)}.tsn-card.tpl-12{background:linear-gradient(160deg,#064e3b 0%,#065f46 30%,#047857 60%,#0891b2 100%);color:#fff}.tsn-card.tpl-12::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 50%,rgb(251 191 36 / .2) 0%,transparent 30%),radial-gradient(circle at 85% 30%,rgb(6 182 212 / .2) 0%,transparent 30%);z-index:1}.tsn-card.tpl-12 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(0 0 0 / .2) 0%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}.tsn-card.tpl-12 .tsn-card-top-deco::after{content:'🌺 🌴 🌺 🌴 🌺';font-size:1.3rem;letter-spacing:4px;opacity:.85}.tsn-card.tpl-12 .tsn-greeting-line2{color:#fbbf24}.tsn-card.tpl-12 .tsn-card-divider::before,.tsn-card.tpl-12 .tsn-card-divider::after{background:rgb(251 191 36 / .5)}.tsn-thumb.tpl-13{background:linear-gradient(160deg,#eff6ff 0%,#dbeafe 60%,#bfdbfe 100%)}.tsn-card.tpl-13{background:linear-gradient(160deg,#f0f9ff 0%,#dbeafe 50%,#e0f2fe 100%);color:#1e3a8a;border:2px solid rgb(96 165 250 / .4)}.tsn-card.tpl-13::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgb(224 242 254 / .8) 0%,transparent 30%),radial-gradient(circle at 80% 80%,rgb(219 234 254 / .6) 0%,transparent 30%);z-index:1}.tsn-card.tpl-13 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(147 197 253 / .3) 0%,transparent 100%);border-bottom:1px solid rgb(147 197 253 / .5);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-13 .tsn-card-top-deco::after{content:'❄ ✦ ❄ ✦ ❄';font-size:1.3rem;letter-spacing:8px;color:#3b82f6;opacity:.6}.tsn-card.tpl-13 .tsn-greeting-line2{color:#2563eb;font-family:'Cinzel',serif}.tsn-card.tpl-13 .tsn-card-recipient{color:#1d4ed8}.tsn-card.tpl-13 .tsn-card-divider::before,.tsn-card.tpl-13 .tsn-card-divider::after{background:rgb(59 130 246 / .3)}.tsn-thumb.tpl-14{background:linear-gradient(180deg,#0f172a 0%,#7c2d12 30%,#ea580c 70%,#fbbf24 100%)}.tsn-card.tpl-14{background:linear-gradient(180deg,#0f172a 0%,#7c2d12 35%,#c2410c 60%,#ea580c 80%,#fbbf24 100%);color:#fff}.tsn-card.tpl-14::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 90%,rgb(251 191 36 / .3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgb(234 88 12 / .2) 0%,transparent 60%);z-index:1}.tsn-card.tpl-14 .tsn-card-top-deco{background:#fff0;display:flex;align-items:center;justify-content:center}.tsn-card.tpl-14 .tsn-card-top-deco::after{content:'★ ☆ ★ ☆ ★';font-size:1.2rem;letter-spacing:8px;opacity:.6}.tsn-card.tpl-14 .tsn-greeting-line2{color:#fbbf24;text-shadow:0 2px 10px rgb(251 191 36 / .5)}.tsn-card.tpl-14 .tsn-card-divider::before,.tsn-card.tpl-14 .tsn-card-divider::after{background:rgb(251 191 36 / .5)}.tsn-thumb.tpl-15{background:linear-gradient(160deg,#1e0035 0%,#4a0072 60%,#2d0052 100%)}.tsn-card.tpl-15{background:linear-gradient(160deg,#1e0035 0%,#3b0068 50%,#1e0035 100%);color:gold;border:2px solid rgb(255 215 0 / .4)}.tsn-card.tpl-15::before{content:'';position:absolute;inset:10px;border:1px solid rgb(255 215 0 / .2);border-radius:12px;z-index:1}.tsn-card.tpl-15 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(255 215 0 / .15) 0%,transparent 100%);border-bottom:1px solid rgb(255 215 0 / .3);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-15 .tsn-card-top-deco::before{content:'♔';font-size:2.5rem;opacity:.7;position:absolute;top:16px}.tsn-card.tpl-15 .tsn-card-top-deco::after{content:'◇ ◇ ◇';font-size:.9rem;letter-spacing:10px;opacity:.5;position:absolute;bottom:14px}.tsn-card.tpl-15 .tsn-greeting-line2{font-family:'Cinzel',serif;background:linear-gradient(135deg,#ffd700,#ffa500,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.tsn-card.tpl-15 .tsn-card-recipient{font-family:'Cinzel',serif;color:gold}.tsn-card.tpl-15 .tsn-card-divider::before,.tsn-card.tpl-15 .tsn-card-divider::after{background:rgb(255 215 0 / .4)}.tsn-card.tpl-15 .tsn-card-bot-deco{border-top:1px solid rgb(255 215 0 / .3);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-15 .tsn-card-bot-deco::after{content:'◇ ◆ ◇ ◆ ◇';font-size:.9rem;letter-spacing:8px;color:rgb(255 215 0 / .5)}.tsn-thumb.tpl-16{background:#f8f9fa;border:2px solid #e9ecef}.tsn-card.tpl-16{background:#fafafa;color:#111827;border:2px solid #e5e7eb}.tsn-card.tpl-16 .tsn-card-top-deco{background:#6366f1;height:6px}.tsn-card.tpl-16 .tsn-card-bot-deco{background:#6366f1;height:6px;margin-top:auto}.tsn-card.tpl-16 .tsn-greeting-line1{font-family:system-ui,sans-serif;font-size:1rem;letter-spacing:4px;text-transform:uppercase;color:#6366f1;font-weight:600}.tsn-card.tpl-16 .tsn-greeting-line2{font-family:system-ui,sans-serif;font-weight:700;font-size:2.5rem;letter-spacing:-1px;color:#111827}.tsn-card.tpl-16 .tsn-card-recipient{font-family:system-ui,sans-serif;color:#6366f1;font-weight:700}.tsn-card.tpl-16 .tsn-card-message{font-family:system-ui,sans-serif;color:#374151;font-size:.95rem}.tsn-card.tpl-16 .tsn-card-divider::before,.tsn-card.tpl-16 .tsn-card-divider::after{background:#d1d5db}.tsn-card.tpl-16 .tsn-divider-icon{color:#6366f1}.tsn-thumb.tpl-17{background:linear-gradient(180deg,#03001e 0%,#012233 50%,#0a2e2e 100%)}.tsn-card.tpl-17{background:linear-gradient(180deg,#020012 0%,#021520 60%,#0a2e2e 100%);color:#fff;overflow:hidden}.tsn-card.tpl-17::before{content:'';position:absolute;top:-20%;left:-20%;width:140%;height:70%;background:linear-gradient(135deg,transparent 0%,rgb(16 185 129 / .25) 20%,rgb(6 182 212 / .3) 40%,rgb(99 102 241 / .2) 60%,transparent 80%);filter:blur(20px);z-index:1;animation:tsnAurora 8s ease-in-out infinite alternate}@keyframes tsnAurora{0%{transform:translateX(-10%) skewY(-3deg)}100%{transform:translateX(10%) skewY(3deg)}}.tsn-card.tpl-17::after{content:'';position:absolute;top:10%;left:-30%;width:160%;height:50%;background:linear-gradient(135deg,transparent 0%,rgb(6 182 212 / .15) 30%,rgb(16 185 129 / .2) 55%,rgb(139 92 246 / .15) 75%,transparent 100%);filter:blur(25px);z-index:1;animation:tsnAurora 12s ease-in-out 2s infinite alternate-reverse}.tsn-card.tpl-17 .tsn-card-top-deco{background:#fff0;display:flex;align-items:center;justify-content:center}.tsn-card.tpl-17 .tsn-card-top-deco::after{content:'✦ ✧ ✦ ✧ ✦';font-size:1rem;letter-spacing:10px;color:#34d399;opacity:.7}.tsn-card.tpl-17 .tsn-greeting-line2{color:#34d399;text-shadow:0 0 20px rgb(52 211 153 / .5)}.tsn-card.tpl-17 .tsn-card-recipient{color:#67e8f9;text-shadow:0 0 15px rgb(103 232 249 / .5)}.tsn-card.tpl-17 .tsn-card-divider::before,.tsn-card.tpl-17 .tsn-card-divider::after{background:rgb(52 211 153 / .4)}.tsn-thumb.tpl-18{background:linear-gradient(135deg,#92400e 0%,#b45309 50%,#78350f 100%)}.tsn-card.tpl-18{background:linear-gradient(135deg,#451a03 0%,#78350f 40%,#92400e 70%,#6b2507 100%);color:#fef3c7}.tsn-card.tpl-18::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgb(251 191 36 / .15) 0%,transparent 40%),radial-gradient(circle at 20% 70%,rgb(252 165 165 / .1) 0%,transparent 30%),radial-gradient(circle at 80% 60%,rgb(167 139 250 / .08) 0%,transparent 25%);z-index:1}.tsn-card.tpl-18 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(0 0 0 / .2) 0%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}.tsn-card.tpl-18 .tsn-card-top-deco::after{content:'🔮 ✿ 🔮 ✿ 🔮';font-size:1.2rem;letter-spacing:6px;opacity:.8}.tsn-card.tpl-18 .tsn-greeting-line2{color:#fbbf24}.tsn-card.tpl-18 .tsn-card-divider::before,.tsn-card.tpl-18 .tsn-card-divider::after{background:rgb(251 191 36 / .4)}.tsn-thumb.tpl-19{background:linear-gradient(160deg,#0d1b2a 0%,#1b2d4f 60%,#0a1929 100%)}.tsn-card.tpl-19{background:linear-gradient(160deg,#0d1b2a 0%,#132843 50%,#0a1929 100%);color:#e0e7ff}.tsn-card.tpl-19::before{content:'';position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 5% 10%,white 0%,transparent 100%),radial-gradient(1px 1px at 15% 25%,rgb(255 255 255 / .9) 0%,transparent 100%),radial-gradient(2px 2px at 25% 5%,white 0%,transparent 100%),radial-gradient(1px 1px at 40% 18%,rgb(255 255 255 / .7) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 8%,white 0%,transparent 100%),radial-gradient(1px 1px at 68% 22%,rgb(255 255 255 / .8) 0%,transparent 100%),radial-gradient(2px 2px at 78% 12%,white 0%,transparent 100%),radial-gradient(1px 1px at 90% 30%,rgb(255 255 255 / .6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 3% 45%,white 0%,transparent 100%),radial-gradient(1px 1px at 12% 55%,rgb(255 255 255 / .7) 0%,transparent 100%),radial-gradient(2px 2px at 22% 42%,rgb(173 216 230 / .8) 0%,transparent 100%),radial-gradient(1px 1px at 35% 60%,white 0%,transparent 100%),radial-gradient(1.5px 1.5px at 48% 48%,rgb(255 255 255 / .9) 0%,transparent 100%),radial-gradient(1px 1px at 62% 55%,white 0%,transparent 100%),radial-gradient(2px 2px at 72% 38%,rgb(173 216 230 / .7) 0%,transparent 100%),radial-gradient(1px 1px at 82% 52%,rgb(255 255 255 / .6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 95% 45%,white 0%,transparent 100%);z-index:1}.tsn-card.tpl-19 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(99 102 241 / .2) 0%,transparent 100%);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-19 .tsn-card-top-deco::after{content:'🌙 ✧ 🌙 ✧ 🌙';font-size:1.1rem;letter-spacing:8px;opacity:.6}.tsn-card.tpl-19 .tsn-greeting-line2{color:#93c5fd;text-shadow:0 2px 10px rgb(147 197 253 / .4)}.tsn-card.tpl-19 .tsn-card-divider::before,.tsn-card.tpl-19 .tsn-card-divider::after{background:rgb(147 197 253 / .4)}.tsn-thumb.tpl-20{background:linear-gradient(160deg,#4a0010 0%,#8b0024 60%,#5c0018 100%)}.tsn-card.tpl-20{background:linear-gradient(160deg,#3b000f 0%,#800020 50%,#4a000f 100%);color:#fff;border:2px solid rgb(255 100 100 / .3)}.tsn-card.tpl-20::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgb(255 80 80 / .2) 0%,transparent 35%),radial-gradient(circle at 80% 70%,rgb(200 0 40 / .3) 0%,transparent 35%);z-index:1}.tsn-card.tpl-20 .tsn-card-top-deco{background:linear-gradient(180deg,rgb(255 0 64 / .2) 0%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}.tsn-card.tpl-20 .tsn-card-top-deco::after{content:'❤ ♥ ❤ ♥ ❤';font-size:1.4rem;letter-spacing:8px;color:#f44;opacity:.8}.tsn-card.tpl-20 .tsn-card-bot-deco{background:linear-gradient(0deg,rgb(0 0 0 / .2) 0%,transparent 100%);display:flex;align-items:center;justify-content:center}.tsn-card.tpl-20 .tsn-card-bot-deco::after{content:'❤️ ❤️ ❤️';font-size:1.4rem;letter-spacing:6px;opacity:.6}.tsn-card.tpl-20 .tsn-greeting-line2{color:#fca5a5;text-shadow:0 2px 10px rgb(252 165 165 / .4)}.tsn-card.tpl-20 .tsn-card-divider::before,.tsn-card.tpl-20 .tsn-card-divider::after{background:rgb(252 165 165 / .5)}body.tsn-viewer-body{margin:0;min-height:100vh;background:#0a0a12;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow-x:hidden}.tsn-confetti-piece{position:fixed;width:8px;height:8px;border-radius:2px;z-index:0;pointer-events:none;animation:tsnConfettiFall linear forwards}@keyframes tsnConfettiFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}100%{transform:translateY(110vh) rotate(720deg);opacity:0}}.tsn-viewer-wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;animation:tsnCardReveal .8s ease-out forwards}@keyframes tsnCardReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}.tsn-viewer-card-wrap{overflow:visible}.tsn-viewer-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tsn-viewer-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:30px;border:1.5px solid rgb(255 255 255 / .2);background:rgb(255 255 255 / .08);color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;backdrop-filter:blur(10px)}.tsn-viewer-btn:hover{background:rgb(255 255 255 / .15);border-color:rgb(255 255 255 / .4)}.tsn-viewer-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#fff0;box-shadow:0 4px 14px rgb(99 102 241 / .4)}.tsn-viewer-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgb(99 102 241 / .5)}.tsn-pay-backdrop{position:fixed;inset:0;background:rgb(0 0 0 / .7);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.tsn-pay-backdrop.open{opacity:1;pointer-events:auto}.tsn-pay-modal{width:100%;max-width:480px;background:#fff;border-radius:24px 24px 0 0;padding:28px 24px 36px;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.tsn-pay-backdrop.open .tsn-pay-modal{transform:translateY(0)}.tsn-pay-drag{width:40px;height:4px;background:#e2e8f0;border-radius:2px;margin:0 auto 20px}.tsn-pay-header{text-align:center;margin-bottom:20px}.tsn-pay-icon{font-size:3rem;display:block;animation:tsnGiftOpen .5s ease-out forwards}@keyframes tsnGiftOpen{0%{transform:scale(0) rotate(-10deg)}60%{transform:scale(1.2) rotate(5deg)}100%{transform:scale(1) rotate(0deg)}}.tsn-pay-title{font-size:1.3rem;font-weight:700;color:#1e293b;margin:8px 0 4px}.tsn-pay-subtitle{font-size:.85rem;color:#64748b}.tsn-pay-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:16px}.tsn-pay-qr{width:200px;height:200px;border-radius:12px;border:1px solid #e2e8f0;background:#f1f5f9}.tsn-pay-amount{font-size:1.8rem;font-weight:700;color:#10b981;letter-spacing:-1px}.tsn-pay-amount-label{font-size:.75rem;color:#94a3b8;margin-top:-8px}.tsn-pay-bank-info{border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:16px}.tsn-pay-bank-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:.85rem}.tsn-pay-bank-row+.tsn-pay-bank-row{border-top:1px solid #f1f5f9}.tsn-pay-bank-label{color:#94a3b8;font-weight:500}.tsn-pay-bank-value{color:#1e293b;font-weight:600}.tsn-copy-btn{background:#f0f4ff;border:none;padding:4px 10px;border-radius:6px;color:#6366f1;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.tsn-copy-btn:hover{background:#e0e7ff}.tsn-pay-actions{display:flex;flex-direction:column;gap:10px}.tsn-pay-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.tsn-pay-btn-momo{background:linear-gradient(135deg,#ae2d68,#d03a7a);color:#fff}.tsn-pay-btn-momo:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgb(174 45 104 / .4)}.tsn-pay-btn-close{background:#f1f5f9;color:#475569}.tsn-pay-btn-close:hover{background:#e2e8f0}.tsn-pay-msg{text-align:center;font-size:.82rem;color:#64748b;padding:10px 14px;background:#f8fafc;border-radius:8px;font-style:italic;margin-bottom:12px}@media (max-width:900px){.tsn-editor-layout{grid-template-columns:1fr}.tsn-panel{position:static}.tsn-preview-wrap .tsn-card{transform:scale(.62);transform-origin:top center;margin-bottom:calc((560px * 0.62) - 560px)}}@media (max-width:600px){.tsn-hero-title{font-size:1.5rem}.tsn-grid{grid-template-columns:repeat(2,1fr)}.tsn-preview-wrap .tsn-card{transform:scale(.48);margin-bottom:calc((560px * 0.48) - 560px)}.tsn-rel-grid{grid-template-columns:repeat(3,1fr)}.tsn-viewer-wrap .tsn-card{transform:scale(.55);transform-origin:top center}}.tsn-viewer-card-wrap .tsn-card{transform:scale(.72);transform-origin:top center;margin-bottom:calc((760px * 0.72) - 760px);display:block}@media (max-width:640px){.tsn-viewer-card-wrap .tsn-card{transform:scale(.53);margin-bottom:calc((760px * 0.53) - 760px)}}:root{--red:#d32f2f;--red-dark:#c12b2b;--red-soft:#f8eaea;--black:#0f0f0f;--ink:#141414;--muted:#424242;--faint:#737373;--line:#d6d6d6;--paper:#ffffff;--soft:#f5f5f5;--soft-2:#e5e5e5;--green:#58c779;--blue:#1da1f2;--violet:#7c3aed;--amber:#f5a524;--radius:16px;--radius-lg:20px;--shadow:0 18px 54px rgba(16, 16, 16, 0.08);--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:48px;--text-hero:60px;--spacing-xs:4px;--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--spacing-4xl:32px;--spacing-5xl:40px;--spacing-6xl:48px;--spacing-7xl:64px;--spacing-8xl:80px;--spacing-9xl:96px;color-scheme:light}*{box-sizing:border-box}ul,ol,li{list-style:none!important;margin:0;padding:0}li::before,li::marker{content:none!important;display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:var(--text-base);line-height:1.65;letter-spacing:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(100% - 96px, 1440px);margin:0 auto}.container-wide{width:min(100% - 96px, 1440px);margin:0 auto}.topbar{background:var(--red);color:#fff;font-size:var(--text-sm);font-weight:500;line-height:1.5;text-align:center;padding:var(--spacing-lg) var(--spacing-6xl)}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:rgb(255 255 255 / .92);backdrop-filter:blur(18px)}.nav{display:grid;grid-template-columns:170px minmax(0,1fr) auto;min-height:72px;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-md);font-weight:800;line-height:1;white-space:nowrap}.brand-mark{position:relative;display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--red);border-radius:50%;color:var(--red)}.brand-logo{width:75px;height:75px;border-radius:50%;object-fit:cover}.brand-mark::after{position:absolute;right:-7px;width:14px;height:14px;border-radius:50%;background:var(--red);content:""}.brand span:last-child{transform:translateY(1px)}.nav-links{display:flex;align-items:center;justify-content:center;gap:6px}.nav-links a{border-radius:999px;color:#333;font-size:var(--text-sm);font-weight:700;line-height:1.2;padding:9px 12px}.nav-links a:hover{background:var(--red-soft);color:var(--red)}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.search-pill{display:flex;width:250px;height:40px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--faint);padding:0 12px}.search-pill input{width:100%;min-width:0;border:0;background:#fff0;color:var(--ink);font-size:var(--text-sm);outline:0}.search-pill input::placeholder{color:var(--faint)}.icon-btn{position:relative;display:inline-grid;width:34px;height:34px;place-items:center;border:0;border-radius:999px;background:#fff0;color:var(--ink);cursor:pointer;transition:0.2s ease}.icon-btn:hover{background:var(--soft);color:var(--red)}.notify-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:var(--red)}.mobile-toggle{display:none}.mobile-panel{display:none;border-top:1px solid var(--line);background:#fff;padding:10px 20px 18px}.mobile-panel a{display:block;border-radius:10px;color:#333;font-size:15px;font-weight:700;padding:11px 8px}.mobile-panel a:hover{background:var(--soft);color:var(--red)}.btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;cursor:pointer;font-size:var(--text-base);font-weight:600;line-height:1.5;padding:var(--spacing-xl) var(--spacing-2xl);transition:all 0.3s ease;white-space:nowrap}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 12px 30px rgb(223 47 47 / .22)}.btn-dark{background:var(--black);color:#fff}.btn-light{background:#fff;color:var(--black)}.hero{background:var(--black);color:#fff}.hero-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,1fr);min-height:720px;align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;max-width:720px;margin-left:auto;padding:var(--spacing-9xl) var(--spacing-6xl)}.eyebrow{color:#fbfbfb;font-size:var(--text-sm);font-weight:600;line-height:1.5;text-transform:uppercase}.hero h1{margin:12px 0 14px;font-size:var(--text-hero);font-weight:600;line-height:1.2;letter-spacing:-.02em}.hero h1 em{font-family:"Libre Baskerville",Georgia,"Times New Roman",serif;font-weight:400}.hero p{max-width:480px;margin:0;color:var(--soft-2);font-size:var(--text-md);line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}.rating{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:700}.rating-badge{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#fff;color:var(--black);font-weight:800}.stars{color:var(--red);letter-spacing:1px}.hero-media{position:relative;min-height:720px;overflow:hidden;background:#050505}.hero-media::before{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 84% 14%,rgb(255 0 121 / .65),transparent 17%),radial-gradient(circle at 10% 12%,rgb(43 255 123 / .5),transparent 22%),linear-gradient(90deg,rgb(16 16 16 / .28),transparent 34%);content:"";mix-blend-mode:screen}.hero-media img{width:100%;height:100%;min-height:720px;object-fit:cover;filter:saturate(1.08) contrast(1.06)}.hero-product{position:absolute;right:10%;bottom:96px;z-index:2;display:grid;grid-template-columns:repeat(2,96px);gap:18px;transform:rotate(-9deg)}.software-stick{display:flex;height:245px;flex-direction:column;justify-content:space-between;border:1px solid rgb(255 255 255 / .22);border-radius:22px;background:linear-gradient(180deg,#f4f4f4,#1b1b1b 34%,#050505);box-shadow:0 28px 50px rgb(0 0 0 / .42);color:#fff;padding:18px 14px}.software-stick:nth-child(2){transform:translateY(-22px);background:linear-gradient(180deg,#40d8d2,#141414 36%,#050505)}.software-stick span{color:var(--red);font-size:var(--text-xs);font-weight:800;text-transform:uppercase}.software-stick strong{font-size:var(--text-xl);line-height:1.1;writing-mode:vertical-rl;transform:rotate(180deg)}.benefits{background:var(--soft)}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:var(--spacing-4xl) 0}.benefit{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}.benefit i{color:var(--red)}.benefit strong{display:block;font-size:var(--text-sm);font-weight:600;line-height:1.5}.benefit span{display:block;color:var(--muted);font-size:var(--text-sm);line-height:1.5;margin-top:2px}main section{padding:var(--spacing-9xl) 0}.section-head{margin-bottom:var(--spacing-6xl);text-align:center}.section-title{margin:0;font-size:var(--text-3xl);font-weight:600;line-height:1.2;letter-spacing:-.02em}.section-lede{max-width:570px;margin:var(--spacing-2xl) auto 0;color:var(--muted);font-size:var(--text-md);line-height:1.5}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl)}.story-card{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius);background:var(--soft);display:grid;place-items:center}.story-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 0 0 / .65) 0%,rgb(0 0 0 / .15) 50%,transparent 100%);pointer-events:none;z-index:1}.story-title{position:absolute;bottom:18px;left:18px;right:18px;z-index:2;color:#fff;font-size:var(--text-base);font-weight:700;line-height:1.35;text-shadow:0 2px 8px rgb(0 0 0 / .4)}.story-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease}.story-card:hover img{transform:scale(1.04)}.pill-label{position:absolute;top:14px;left:14px;z-index:2;border-radius:999px;background:#fff;color:var(--black);font-size:var(--text-xs);font-weight:800;padding:7px 12px}.track-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-xl)}.track-art{display:grid;aspect-ratio:16 / 10;place-items:center;border-radius:var(--radius);color:#fff;padding:16px;text-align:center;text-shadow:0 2px 8px rgb(0 0 0 / .25)}.track-art strong{display:block;font-size:28px;font-weight:700;line-height:1.1}.track-meta{margin-top:10px;font-size:var(--text-sm);line-height:1.5}.track-meta span{color:var(--faint)}.track-meta strong{display:block;margin-top:2px;font-size:var(--text-sm);font-weight:600}.lime{background:linear-gradient(135deg,#b6f26f,#f7d853)}.blue{background:linear-gradient(135deg,#23c6ff,#0b5ce8)}.pink{background:linear-gradient(135deg,#ff5f9f,#e82159)}.orange{background:linear-gradient(135deg,#ffd27a,#ff7738)}.cream{background:linear-gradient(135deg,#ffe6a7,#f5c853)}.center-action{display:flex;justify-content:center;margin-top:32px}.logo-strip{padding-top:var(--spacing-4xl);text-align:center}.logo-strip p{margin:0 0 18px;font-size:var(--text-sm);font-weight:600}.logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--spacing-6xl);align-items:center;color:#b3b3b3;font-size:var(--text-sm);font-weight:800;filter:grayscale(1);opacity:.82}.promo-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-radius:var(--radius);background:var(--black);color:#fff;margin:0;padding:var(--spacing-9xl) var(--spacing-7xl)}.promo-banner h2{max-width:520px;margin:0;font-size:var(--text-3xl);font-weight:600;line-height:1.2;letter-spacing:-.02em}.promo-banner p{margin:0;color:#adadad;font-size:var(--text-base)}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-5xl) var(--spacing-2xl)}.product-card{position:relative;min-width:0}.product-image{display:grid;aspect-ratio:16 / 10;place-items:center;overflow:hidden;border-radius:var(--radius);background:#f0f0f0}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease}.product-card:hover .product-image img{transform:scale(1.04)}.product-tile{display:grid;aspect-ratio:16 / 10;place-items:center;border-radius:var(--radius);color:#fff;padding:14px;text-align:center;text-shadow:0 2px 8px rgb(0 0 0 / .28)}.product-tile strong{font-size:var(--text-xl);line-height:1.2}.sale{position:absolute;top:-8px;right:12px;z-index:2;border-radius:999px;background:var(--red);color:#fff;font-size:var(--text-xs);font-weight:600;padding:3px 7px}.product-card h3{margin:10px 0 3px;font-size:var(--text-sm);font-weight:600;line-height:1.5}.product-card p{margin:0;color:var(--faint);font-size:var(--text-xs);font-weight:500;line-height:1.5;text-transform:uppercase}.product-card .price{display:block;margin-top:4px;font-size:var(--text-sm);font-weight:600}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:850px;margin:0 auto}.tag{display:inline-flex;min-height:34px;align-items:center;gap:8px;border-radius:999px;background:var(--soft);color:#333;font-size:var(--text-sm);font-weight:600;padding:var(--spacing-md) var(--spacing-xl)}.tag-dot{width:9px;height:9px;border-radius:50%;background:var(--red)}.help{background:var(--soft)}.help-grid{display:grid;grid-template-columns:minmax(280px,0.9fr) minmax(0,1.1fr);gap:70px;align-items:start}.help h2{margin:0 0 10px;font-size:var(--text-3xl);font-weight:600;line-height:1.2;letter-spacing:-.02em}.help p{max-width:360px;margin:0 0 24px;color:var(--muted);font-size:var(--text-md);line-height:1.5}.faq{border-top:1px solid #d9d9d9}.faq-item{border-bottom:1px solid #d9d9d9}.faq-question{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;border:0;background:#fff0;color:var(--ink);cursor:pointer;font-size:var(--text-base);font-weight:600;line-height:1.5;padding:var(--spacing-2xl) 0;text-align:left}.faq-question i{flex:0 0 auto;transition:transform 0.2s ease}.faq-answer{display:none;margin:-4px 0 16px;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question i{transform:rotate(180deg)}section.benefits{padding:0}.site-footer{background:var(--black);color:#fff;padding:var(--spacing-7xl) 0 var(--spacing-8xl)}.footer-cta{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:var(--spacing-6xl) 0}.footer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3xl)}.footer-cta-text h3{color:#fff;margin:0 0 6px;font-size:var(--text-xl)}.footer-cta-text p{color:#a5b4fc;margin:0;font-size:var(--text-sm)}.footer-cta-btn{flex-shrink:0;padding:14px 32px;background:#fff;color:#1e1b4b;border-radius:10px;font-weight:700;font-size:var(--text-base);transition:transform 0.15s}.footer-cta-btn:hover{transform:translateY(-2px)}@media (max-width:700px){.footer-cta-inner{flex-direction:column;text-align:center}}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:48px}.footer-brand{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-md);font-weight:800;line-height:1;margin-bottom:16px}.footer-brand .brand-mark{width:30px;height:30px}.footer-grid p,.footer-grid a,.footer-note{color:#a8a8a8;font-size:var(--text-sm);line-height:1.5}.footer-grid h3{margin:0 0 13px;color:#fff;font-size:var(--text-sm);line-height:1.2}.footer-links{display:grid;gap:7px}.footer-links a:hover{color:#fff}.socials{display:flex;gap:8px;margin-top:18px}.socials a{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgb(255 255 255 / .14);border-radius:50%;color:#fff}.footer-bottom{margin-top:48px;border-top:1px solid rgb(255 255 255 / .12);padding-top:24px}.reveal{opacity:0;transform:translateY(16px);transition:opacity 0.5s ease,transform 0.5s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1120px){.nav{grid-template-columns:170px 1fr auto}.search-pill{width:210px}.hero h1{font-size:48px}.section-title,.help h2,.promo-banner h2{font-size:36px}.hero-product{right:5%}.track-grid,.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:920px){.container,.container-wide{width:min(100% - 64px, 1440px)}.nav{grid-template-columns:1fr auto}.nav-links,.search-pill,.nav-actions .icon-btn:not(.mobile-toggle){display:none}.mobile-toggle{display:inline-grid}body.nav-open .mobile-panel{display:block}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:none;margin:0 auto;padding:var(--spacing-7xl) var(--spacing-4xl) var(--spacing-6xl)}.hero-media{min-height:420px}.hero-media img{min-height:420px}.hero-product{bottom:64px}.benefit-grid,.story-grid,.help-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-wide{grid-column:span 1}.promo-banner{grid-template-columns:1fr;padding:var(--spacing-7xl) var(--spacing-5xl)}}@media (max-width:640px){.topbar{font-size:var(--text-xs)}.container,.container-wide{width:min(100% - 48px, 1440px)}.hero h1{font-size:36px}.hero p,.section-lede,.help p{font-size:var(--text-base)}.section-title,.help h2{font-size:30px}.promo-banner h2{font-size:30px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-product{right:50%;grid-template-columns:repeat(2,82px);transform:translateX(50%) rotate(-9deg)}.software-stick{height:210px}.story-card,.story-card img,.story-copy,.story-wide{min-height:260px}.benefit-grid,.story-grid,.track-grid,.product-grid,.logos,.help-grid,.footer-grid{grid-template-columns:1fr}main section{padding:var(--spacing-7xl) 0}.promo-banner{padding:var(--spacing-6xl) var(--spacing-3xl)}}.single-header{padding:var(--spacing-6xl) 0 var(--spacing-4xl)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--spacing-xl)}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--red)}.breadcrumb .current{color:var(--ink);font-weight:600}.single-header h1{margin:0 0 16px;font-size:clamp(32px, 4vw, 48px);font-weight:600;line-height:1.2;letter-spacing:-.02em}.single-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--muted);font-size:var(--text-sm)}.single-meta span{display:inline-flex;align-items:center;gap:6px}.single-meta i{width:16px;height:16px}.single-featured-image{margin-bottom:var(--spacing-5xl);border-radius:var(--radius);overflow:hidden;max-height:360px}.single-featured-image img{width:100%;height:100%;object-fit:cover}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3xl)}.article-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgb(0 0 0 / .08)}.article-card .article-image{display:block;aspect-ratio:16 / 10;overflow:hidden}.article-card .article-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.article-card:hover .article-image img{transform:scale(1.05)}.article-body{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl)}.article-body h3{margin:var(--spacing-sm) 0 var(--spacing-md);font-size:var(--text-base);font-weight:700;line-height:1.35}.article-body h3 a{color:var(--ink)}.article-body h3 a:hover{color:var(--red)}.article-body p{font-size:var(--text-sm);color:var(--muted);line-height:1.5;margin:0 0 var(--spacing-lg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-body .meta{display:flex;gap:14px;font-size:var(--text-xs);color:var(--faint)}.article-body .meta i{width:14px;height:14px}.single-content{max-width:100%;margin:0 auto}.single-content h2{margin:var(--spacing-6xl) 0 var(--spacing-xl);font-size:var(--text-2xl);font-weight:600;line-height:1.2}.single-content h3{margin:var(--spacing-4xl) 0 var(--spacing-lg);font-size:var(--text-xl);font-weight:600}.single-content p{margin:0 0 var(--spacing-3xl)}.single-content ul,.single-content ol{margin:0 0 var(--spacing-3xl);padding-left:var(--spacing-3xl)}.single-content li{margin-bottom:var(--spacing-md)}.single-content blockquote{margin:var(--spacing-4xl) 0;padding:var(--spacing-3xl) var(--spacing-4xl);border-left:4px solid var(--red);background:var(--soft);border-radius:0 var(--radius) var(--radius) 0}.single-content img{border-radius:var(--radius);margin:var(--spacing-3xl) 0}.single-content pre{background:var(--black);color:#e5e5e5;border-radius:var(--radius);padding:var(--spacing-3xl);overflow-x:auto;font-size:var(--text-sm);line-height:1.7;margin:0 0 var(--spacing-3xl)}.single-content code{background:var(--soft);color:var(--red);padding:2px 7px;border-radius:6px;font-size:.9em}.single-content pre code{background:#fff0;color:inherit;padding:0;border-radius:0}.single-content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:0 0 var(--spacing-4xl);font-size:var(--text-sm)}.single-content thead{background:var(--black);color:#fff}.single-content th{padding:14px 18px;font-weight:700;text-align:left;font-size:var(--text-sm);letter-spacing:.02em;white-space:nowrap}.single-content td{padding:12px 18px;border-top:1px solid var(--line);vertical-align:top;line-height:1.5}.single-content tbody tr{background:var(--paper);transition:background 0.15s ease}.single-content tbody tr:nth-child(even){background:var(--soft)}.single-content tbody tr:hover{background:var(--red-soft)}.single-content td:first-child{font-weight:600;color:var(--ink)}.single-content td strong{color:var(--ink)}.single-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--spacing-5xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--line)}.tag-pill{padding:6px 14px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:var(--text-sm);font-weight:600;border:1px solid var(--line)}.tag-pill:hover{border-color:var(--red);color:var(--red)}.badge{display:inline-flex;align-items:center;border-radius:6px;color:#fff;font-size:var(--text-xs);font-weight:600;line-height:1.4;padding:4px 10px;text-transform:uppercase}.pagination{display:flex;justify-content:center;gap:8px;margin-top:var(--spacing-6xl)}.pagination a,.pagination span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;font-size:var(--text-sm);font-weight:600}.pagination .current{background:var(--red);color:#fff;border-color:var(--red)}.pagination a:hover{border-color:var(--red);color:var(--red)}.page-header{padding:var(--spacing-6xl) 0 var(--spacing-3xl)}.page-header h1{margin:0;font-size:clamp(32px, 4vw, 48px);font-weight:600;line-height:1.2}.page-content{max-width:780px;padding-bottom:var(--spacing-8xl)}.page-content h2{margin:var(--spacing-5xl) 0 var(--spacing-xl);font-size:var(--text-xl);font-weight:600}.page-content p{margin:0 0 var(--spacing-3xl)}.page-content ul,.page-content ol{margin:0 0 var(--spacing-3xl);padding-left:var(--spacing-3xl)}.page-content li{margin-bottom:var(--spacing-md)}.search-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;visibility:hidden;opacity:0;background:rgb(16 16 16 / .6);backdrop-filter:blur(8px);transition:opacity .25s ease,visibility .25s ease}.search-overlay.active{visibility:visible;opacity:1}.search-box{width:min(600px, 90vw);background:#fff;border-radius:var(--radius);box-shadow:0 20px 60px rgb(0 0 0 / .15);overflow:hidden;transform:translateY(-20px);transition:transform .25s ease}.search-overlay.active .search-box{transform:translateY(0)}.search-box form{display:flex;align-items:center;gap:12px;padding:8px 16px}.search-box .search-icon{color:var(--faint);flex-shrink:0}.search-box input[type="search"]{flex:1;min-height:52px;border:0;outline:0;font-size:17px;background:#fff0;color:var(--ink)}.content-with-sidebar{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-6xl);align-items:start}@media (max-width:900px){.content-with-sidebar{grid-template-columns:1fr}}.sidebar{position:sticky;top:100px}.widget{background:var(--soft);border-radius:var(--radius);padding:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.widget-title{font-size:var(--text-base);font-weight:700;margin:0 0 var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--line)}.widget-links{display:flex;flex-direction:column;gap:8px}.widget-links a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:var(--ink);font-size:var(--text-sm);font-weight:500;border-bottom:1px solid var(--line);transition:color 0.15s}.widget-links a:last-child{border-bottom:0}.widget-links a:hover{color:var(--red)}.widget-links a span{color:var(--muted);font-size:var(--text-xs)}.widget-post{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);transition:color 0.15s}.widget-post:last-child{border-bottom:0}.widget-post:hover{color:var(--red)}.widget-post-thumb{width:64px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0}.widget-post-thumb img{width:100%;height:100%;object-fit:cover}.widget-post strong{display:block;font-size:var(--text-sm);font-weight:600;line-height:1.35}.widget-post span{font-size:var(--text-xs);color:var(--muted)}.widget-tags{display:flex;flex-wrap:wrap;gap:8px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3xl)}@media (max-width:900px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.archive-grid{grid-template-columns:1fr}}.lc-tool{max-width:720px;margin:0 auto;padding:var(--spacing-4xl) 0}.lc-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--spacing-5xl)}.lc-card h2{margin:0 0 8px;font-size:var(--text-2xl)}.lc-subtitle{color:var(--muted);margin:0 0 var(--spacing-4xl)}.lc-label{display:block;font-weight:700;font-size:var(--text-sm);margin:var(--spacing-2xl) 0 var(--spacing-md)}.lc-select{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:10px;font-size:var(--text-base);background:var(--soft);color:var(--ink);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.lc-textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:10px;font-size:var(--text-sm);font-family:'SFMono-Regular',monospace;background:var(--soft);color:var(--ink);resize:vertical}.lc-textarea:focus,.lc-select:focus{outline:2px solid var(--red);border-color:var(--red)}.lc-instructions{background:var(--soft);border-radius:10px;padding:var(--spacing-2xl);margin:var(--spacing-xl) 0;border-left:4px solid var(--red)}.lc-cmd{display:flex;align-items:center;gap:12px;background:#1e1e2e;border-radius:8px;padding:10px 16px;margin:8px 0}.lc-cmd code{flex:1;color:#a6e3a1;font-size:var(--text-sm)}.lc-copy{padding:4px 14px;border:1px solid #444;border-radius:6px;background:#fff0;color:#cdd6f4;font-size:12px;cursor:pointer}.lc-copy:hover{background:#313244}.lc-steps{padding-left:20px;margin:8px 0}.lc-steps li{margin:6px 0;font-size:var(--text-sm);color:var(--ink)}.lc-note{font-size:var(--text-xs);color:var(--muted);margin:8px 0 0}.lc-button{width:100%;padding:14px;margin:var(--spacing-3xl) 0 0;border:0;border-radius:10px;font-size:var(--text-base);font-weight:700;background:var(--red);color:#fff;cursor:pointer;transition:opacity 0.15s}.lc-button:hover:not(:disabled){opacity:.9}.lc-button:disabled{opacity:.4;cursor:not-allowed}.lc-result{margin:var(--spacing-3xl) 0 0;padding:var(--spacing-3xl);border-radius:10px;border:1px solid var(--line);background:var(--soft)}.lc-badge{display:inline-block;padding:6px 18px;border-radius:20px;font-weight:700;font-size:var(--text-sm);margin-bottom:var(--spacing-xl)}.lc-low{background:#dcfce7;color:#15803d}.lc-medium{background:#fef3c7;color:#a16207}.lc-high{background:#fee2e2;color:#dc2626}.lc-unknown{background:#f1f5f9;color:#64748b}.lc-keywords{margin:var(--spacing-xl) 0}.lc-kw{display:inline-block;background:#fee2e2;color:#dc2626;padding:2px 10px;border-radius:6px;font-size:var(--text-xs);font-weight:600;margin:3px 2px}.lc-cta{margin:var(--spacing-2xl) 0 0;padding:var(--spacing-2xl);background:var(--paper);border-radius:10px;border:1px solid var(--line)}.lc-cta-btn{display:inline-block;margin-top:10px;padding:10px 24px;background:var(--red);color:#fff;border-radius:8px;font-weight:700}.lc-cta-btn:hover{opacity:.9}.lc-privacy{margin:var(--spacing-3xl) 0 0;color:var(--muted);text-align:center}