@font-face{font-display:swap;font-family:Valentine;font-style:normal;font-weight:400;src:url(../fonts/Valentine.otf) format("opentype")}@font-face{font-display:swap;font-family:AngeliaBeauty;font-style:normal;font-weight:400;src:url(../fonts/AngeliaBeauty.ttf) format("truetype")}:root{--color-primary:#ff6b9d;--color-primary-dark:#c44569;--color-secondary:#ff4757;--color-background:#fff5f7;--color-background-dark:#ffe8ed;--color-text:#2d3436;--color-text-light:#636e72;--color-white:#fff;--color-success:#00c853;--gradient-primary:linear-gradient(135deg,#ff6b9d,#c44569);--gradient-romantic:linear-gradient(135deg,#ff6b9d,#ff4757 50%,#c44569);--gradient-soft:linear-gradient(180deg,#fff5f7,#ffe8ed);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(255,107,157,.15);--shadow-md:0 4px 20px rgba(255,107,157,.2);--shadow-lg:0 8px 40px rgba(255,107,157,.25);--shadow-glow:0 0 30px rgba(255,107,157,.4);--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--gradient-soft);color:var(--color-text);font-family:AngeliaBeauty,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#8b2252;font-family:Valentine,serif;font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}p{color:var(--color-text-light)}.container{margin:0 auto;max-width:500px;padding:var(--spacing-lg);width:100%}.page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.card,.page{padding:var(--spacing-xl)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-white);border:1px solid rgba(255,107,157,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-sm);color:var(--color-white)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-white);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-background)}.btn-large{font-size:1.25rem}.btn-large,.btn-yes{padding:var(--spacing-lg) var(--spacing-2xl)}.btn-yes{animation:pulse 2s infinite;background:var(--gradient-romantic);box-shadow:var(--shadow-glow);color:var(--color-white);font-size:1.5rem}.btn-yes:hover{box-shadow:0 0 50px #ff6b9d99;transform:scale(1.05)}.btn-no{background:transparent;border:1px solid var(--color-text-light);color:var(--color-text-light);font-size:.875rem;opacity:.6;padding:var(--spacing-sm) var(--spacing-md)}.btn-no:hover{opacity:1}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--color-text);display:block;font-weight:600;margin-bottom:var(--spacing-sm)}.form-input{background:var(--color-white);border:2px solid var(--color-background-dark);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #ff6b9d1a;outline:none}.form-input::-moz-placeholder{color:var(--color-text-light);opacity:.6}.form-input::placeholder{color:var(--color-text-light);opacity:.6}textarea.form-input{min-height:100px;resize:vertical}.toggle-container{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.toggle{background:var(--color-background-dark);border-radius:var(--radius-full);cursor:pointer;height:28px;position:relative;transition:all var(--transition-normal);width:50px}.toggle.active{background:var(--color-primary)}.toggle:after{background:var(--color-white);border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:22px;left:3px;position:absolute;top:3px;transition:all var(--transition-normal);width:22px}.toggle.active:after{left:calc(100% - 25px)}.upload-zone{background:#ff6b9d0d;border:2px dashed var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-normal)}.upload-zone:hover{background:#ff6b9d1a;border-color:var(--color-primary-dark)}.upload-zone.dragover{background:#ff6b9d26;border-color:var(--color-primary-dark);transform:scale(1.02)}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.upload-text{color:var(--color-primary);font-weight:500}.upload-hint{color:var(--color-text-light);font-size:.875rem;margin-top:var(--spacing-sm)}.media-preview{border-radius:var(--radius-lg);margin-top:var(--spacing-md);overflow:hidden;position:relative}.media-preview img,.media-preview video{border-radius:var(--radius-lg);max-height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.media-preview-remove{align-items:center;background:var(--color-white);border:none;border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all var(--transition-fast);width:32px}.media-preview-remove:hover{background:var(--color-secondary);color:var(--color-white)}.response-card{align-items:center;animation:slideIn .3s ease;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.response-avatar{align-items:center;background:var(--gradient-primary);border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.response-info{flex:1}.response-name{color:var(--color-text);font-weight:600}.response-time{color:var(--color-text-light);font-size:.875rem}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--spacing-xs);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.badge-pending{background:#fff3cd;color:#856404}.badge-accepted{background:#d4edda;color:#155724}.hearts-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.heart{animation:float 15s linear infinite;font-size:1.5rem;opacity:.3;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100px) rotate(2turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.celebration-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.celebration-content{animation:scaleIn .5s ease;background:var(--color-white);border-radius:var(--radius-lg);max-height:90vh;max-width:90%;overflow-y:auto;padding:var(--spacing-xl);text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.celebration-media{border-radius:var(--radius-md);margin:var(--spacing-lg) 0;max-height:50vh;max-width:100%}.celebration-title{background:var(--gradient-romantic);-webkit-background-clip:text;font-size:2rem;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md)}.confetti{animation:confetti-fall 3s linear forwards;height:10px;position:fixed;top:-10px;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.share-box{align-items:center;background:var(--color-background);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-sm)}.share-link{background:transparent;border:none;color:var(--color-text);flex:1;font-family:monospace;font-size:.875rem;overflow:hidden;padding:var(--spacing-md);text-overflow:ellipsis}.share-copy{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.share-copy:hover{background:var(--color-primary-dark)}.logo{color:#8b2252;font-family:Valentine,serif;font-size:2.5rem;font-weight:700;-webkit-text-fill-color:#8b2252;text-decoration:none}.bottom-actions{display:flex;gap:var(--spacing-md);justify-content:center}.back-btn{background:#ccc;border:none;border-radius:var(--radius-full);color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:background var(--transition-fast)}.back-btn:hover{background:#bbb}.empty-state{color:var(--color-text-light);padding:var(--spacing-2xl);text-align:center}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-background-dark);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-light)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.w-full{width:100%}@media(max-width:480px){.page{padding:var(--spacing-md)}.card{padding:var(--spacing-lg)}.btn-yes{font-size:1.25rem;padding:var(--spacing-md) var(--spacing-xl)}}