*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#f7efe7;color:#2a2020}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:28px}.card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.btn{display:inline-block;padding:12px 18px;border-radius:999px;border:0;background:#6e1f32;color:#fff;text-decoration:none;cursor:pointer}.muted{opacity:.7}.input,.select,.textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:12px;margin-top:6px}.textarea{min-height:110px}.section{margin:18px 0}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}.stage{max-width:760px;margin:40px auto}.slide{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;border-radius:28px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.08);animation:fadeUp .55s ease both}.slide h1{font-family:Georgia,serif;font-size:clamp(34px,7vw,72px);margin:.2em 0}.slide p{font-size:18px;line-height:1.7;max-width:680px}.nav{display:flex;gap:12px;justify-content:center;margin-top:18px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.creator-wrap{max-width:1180px}.creator-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:800;opacity:.55}.creator-title h1{margin:5px 0}.creator-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin:18px 0}.music-editor,.secret-editor{margin:26px 0;padding:22px;border-radius:18px;background:#fbf5f1;border:1px solid #eaded7}.choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:14px 0}.slides-editor-header{margin-top:34px;border-top:1px solid #eee;padding-top:26px}.editor-list{display:grid;grid-gap:18px;gap:18px}.slide-editor{padding:20px;border:1px solid #eaded7;border-radius:18px;background:#fffdfc}.slide-editor-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.slide-number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#6e1f32;color:white;margin-right:9px;font-weight:700}.toggle-label{display:flex;gap:7px;align-items:center;font-size:13px}.file-picked{margin-top:8px;font-size:13px;opacity:.7}.save-status{margin:18px 0;padding:13px 16px;border-radius:12px;background:#faf3ed}.creator-save{padding:14px 24px;font-weight:700}.experience-shell{min-height:100vh;padding:28px 18px;background:radial-gradient(circle at top left,#fff8f1 0,transparent 36%),radial-gradient(circle at bottom right,#f2d9d8 0,transparent 38%),#f5eee8;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.love-slide{width:min(920px,100%);min-height:620px;padding:36px;background:rgba(255,255,255,.92);border:1px solid rgba(117,35,54,.12);border-radius:32px;box-shadow:0 30px 90px rgba(67,31,37,.13);display:grid;grid-template-columns:minmax(260px,.92fr) minmax(300px,1.08fr);grid-gap:44px;gap:44px;align-items:center;position:relative}.love-progress{position:absolute;top:20px;right:24px;font-size:11px;letter-spacing:.15em;opacity:.45}.photo-frame{background:#fff;padding:10px 10px 36px;box-shadow:0 20px 50px rgba(44,22,26,.17);transform:rotate(-2deg);border-radius:3px}.slide-photo{width:100%;height:420px;object-fit:cover;display:block}.love-copy{text-align:center;padding:20px}.tiny-heart{color:#8a283e;font-size:30px}.love-copy h1{font-size:clamp(36px,6vw,64px);line-height:1.03;color:#471722;font-weight:500;margin:14px 0 24px}.love-copy h1,.love-copy p{font-family:Georgia,Times New Roman,serif}.love-copy p{white-space:pre-line;font-size:18px;line-height:1.85;color:#4c3a3d}.signed-by{margin-top:30px;font-family:Georgia,serif;font-style:italic;color:#6e1f32;line-height:1.7}.love-nav{margin-top:20px;min-height:48px;display:flex;justify-content:center;gap:12px;align-items:center}.love-btn{border:0;border-radius:999px;background:#671c30;color:white;padding:13px 24px;cursor:pointer;font-family:Georgia,serif;font-size:15px;box-shadow:0 8px 25px rgba(103,28,48,.24);transition:transform .2s ease,box-shadow .2s ease}.love-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(103,28,48,.3)}.love-btn.secondary{color:#671c30;background:#fff;border:1px solid #dbc5c9}.music-toggle{position:fixed;top:18px;right:18px;z-index:20;width:46px;height:46px;border-radius:50%;border:1px solid rgba(103,28,48,.2);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#671c30;font-size:22px;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.08)}.ending-label{font-family:Georgia,serif;color:#671c30;font-style:italic}.secret-gate{width:min(620px,100%);text-align:center;padding:46px 34px;background:rgba(255,255,255,.95);border-radius:30px;box-shadow:0 30px 80px rgba(73,30,39,.13);animation:fadeUp .7s ease both}.secret-heart{font-size:52px;color:#751f36;margin-bottom:8px}.secret-gate h1{font-family:Georgia,serif;font-size:clamp(34px,7vw,55px);font-weight:500;color:#42121f}.secret-question{font-family:Georgia,serif;font-size:20px;line-height:1.6;margin:28px auto}.secret-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.secret-option{min-height:52px;border-radius:999px;border:1px solid #d8c3c7;background:#fff;color:#59182a;cursor:pointer;transition:.25s ease;padding:10px 16px}.secret-option:hover{background:#6e1f32;color:#fff;transform:translateY(-2px)}.secret-option.wrong{animation:wrongShake .38s ease;background:#f6dddd}.secret-hint{margin-top:22px;font-size:13px;opacity:.55}.loading-love,.love-error{font-family:Georgia,serif;font-size:24px;color:#641e31}.animation-0{animation:loveFade .65s ease both}.animation-1{animation:loveSlideRight .7s ease both}.animation-2{animation:loveScale .72s ease both}.animation-3{animation:loveFloat .75s ease both}@keyframes loveFade{0%{opacity:0;filter:blur(7px)}to{opacity:1;filter:none}}@keyframes loveSlideRight{0%{opacity:0;transform:translateX(32px)}to{opacity:1;transform:none}}@keyframes loveScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes loveFloat{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes wrongShake{20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}@media(max-width:760px){.choice-grid,.creator-grid{grid-template-columns:1fr}.creator-title{display:block}.love-slide{min-height:auto;grid-template-columns:1fr;gap:24px;padding:42px 20px 25px}.photo-frame{width:min(330px,92%);margin:0 auto}.slide-photo{height:340px}.love-copy{padding:4px 8px 14px}.love-copy p{font-size:16px}.secret-options{grid-template-columns:1fr}.secret-gate{padding:38px 20px}}.visual-editor{margin:28px 0;padding:22px;border:1px solid #eadbd7;border-radius:20px;background:#fffaf7}.decoration-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:18px 0 24px}.decoration-card{min-height:110px;padding:14px;border:1px solid #dec9cd;background:#fff;border-radius:16px;color:#5b1b2b;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:.2s ease}.decoration-card:hover{transform:translateY(-2px)}.decoration-card.selected{border:2px solid #76233a;background:#fbf0f1;box-shadow:0 8px 24px rgba(100,30,49,.12)}.decoration-preview{font-family:Georgia,serif;font-size:28px}.floral-preview{font-size:38px}.experience-shell{background-size:cover;background-position:50%;background-attachment:fixed}.ornamental-box{position:relative;overflow:hidden}.decoration-floral .corner{position:absolute;width:90px;height:90px;z-index:3;pointer-events:none;opacity:.75}.decoration-floral .corner:before{content:"❦";position:absolute;font-family:Georgia,serif;color:#7e3044;font-size:58px}.decoration-floral .corner-tl{top:8px;left:10px}.decoration-floral .corner-tr{top:8px;right:10px;transform:scaleX(-1)}.decoration-floral .corner-bl{bottom:6px;left:10px;transform:scaleY(-1)}.decoration-floral .corner-br{bottom:6px;right:10px;transform:scale(-1)}.decoration-lines .love-slide,.decoration-lines .secret-gate{outline:1px solid rgba(115,42,59,.32);outline-offset:-14px}.decoration-lines .love-slide:before,.decoration-lines .secret-gate:before{content:"◇";position:absolute;top:7px;left:50%;transform:translateX(-50%);color:#8b5360;font-size:20px;background:#fff;padding:0 12px;z-index:4}.decoration-lines .corner{display:none}.decoration-royal .love-slide,.decoration-royal .secret-gate{border:2px solid rgba(151,104,47,.42);box-shadow:inset 0 0 0 7px rgba(255,255,255,.8),inset 0 0 0 8px rgba(151,104,47,.22),0 30px 90px rgba(67,31,37,.13)}.decoration-royal .corner:before{content:"♔";color:#a37a45;font-size:25px;position:absolute}.decoration-royal .corner-tl{top:12px;left:18px}.decoration-royal .corner-tr{top:12px;right:18px}.decoration-royal .corner-bl{bottom:12px;left:18px;transform:rotate(180deg)}.decoration-royal .corner-br{bottom:12px;right:18px;transform:rotate(180deg)}.decoration-minimal .corner{display:none}.decoration-minimal .love-slide{border:1px solid rgba(102,51,62,.1)}.ornament-line{margin:-8px 0 18px;color:#98576a;font-size:24px}.decoration-minimal .ornament-line{opacity:.3}@media(max-width:760px){.decoration-grid{grid-template-columns:1fr 1fr}.decoration-floral .corner:before{font-size:40px}.decoration-floral .corner{width:60px;height:60px}}.publish-shell{min-height:100vh;padding:30px 18px;background:radial-gradient(circle at top left,#fff8f1,transparent 35%),radial-gradient(circle at bottom right,#edd3d7,transparent 40%),#f5ede7;display:flex;align-items:center;justify-content:center}.publish-card{width:min(650px,100%);background:rgba(255,255,255,.94);border:1px solid rgba(106,31,50,.14);border-radius:34px;box-shadow:0 35px 100px rgba(74,29,38,.14);padding:46px 36px;text-align:center;position:relative;overflow:hidden}.publish-card h1{font-family:Georgia,Times New Roman,serif;font-weight:500;color:#491523;font-size:clamp(38px,7vw,60px);line-height:1.05;margin:13px auto 20px}.publish-card h1 span{color:#741f38}.publish-copy{width:min(470px,100%);margin:0 auto 28px;line-height:1.7;color:#65565a}.qr-frame{width:360px;max-width:100%;margin:22px auto;padding:18px;background:#fffaf6;border:1px solid #dec7cb;border-radius:28px;box-shadow:0 18px 45px rgba(74,29,38,.11)}.qr-frame canvas{width:100%!important;height:auto!important;display:block}.publish-url{margin:16px auto 24px;padding:11px 14px;border-radius:12px;background:#faf4f0;color:#6e4550;font-size:12px;word-break:break-all}.publish-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.publish-btn{min-height:48px;border-radius:999px;border:1px solid #dbc6cb;background:white;color:#651d31;cursor:pointer;font-weight:700;transition:.2s ease}.publish-btn:hover{transform:translateY(-2px)}.publish-btn.primary{background:#681d33;border-color:#681d33;color:white}.publish-note{font-size:12px;opacity:.55;margin-top:20px;line-height:1.6}.publish-flower{position:absolute;color:#8d5361;font-family:Georgia,serif;font-size:70px;opacity:.18}.publish-flower-left{top:10px;left:18px}.publish-flower-right{bottom:8px;right:18px;transform:rotate(180deg)}.ending-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.publish-preview-btn{margin-top:4px}@media(max-width:600px){.publish-card{padding:40px 20px}.publish-actions{grid-template-columns:1fr}.qr-frame{width:290px}}.qr-style-switch{display:flex;gap:10px;justify-content:center;margin:18px 0 22px;flex-wrap:wrap}.qr-style-btn{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #dbc6cb;background:white;color:#651d31;cursor:pointer;font-weight:700;transition:.2s ease}.qr-style-btn:hover{transform:translateY(-2px)}.qr-style-btn.active{background:#681d33;border-color:#681d33;color:white;box-shadow:0 10px 24px rgba(104,29,51,.18)}.special-love-frame{width:430px;max-width:100%;padding:14px}.special-love-frame canvas{width:100%!important;height:auto!important;display:block;border-radius:24px}@media(max-width:600px){.special-love-frame{width:320px}}