@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,500;1,600&family=Poppins:wght@400;500;600&display=swap";:root{--purple-950: #2e1065;--purple-800: #4c1d95;--purple-700: #5b21b6;--purple-600: #6d28d9;--purple-500: #a855f7;--purple-200: #e9d5ff;--rose-600: #db2777;--rose-500: #ec4899;--rose-300: #f9a8d4;--gold: #f59e0b;--gold-soft: #fcd34d;--cream: #fdf6ef;--paper: #fffaf3;--ink: #3b0764;--serif: "Playfair Display", Georgia, serif;--sans: "Poppins", system-ui, -apple-system, sans-serif;--script: "Dancing Script", cursive}*{box-sizing:border-box}body{margin:0;font-family:var(--sans)}.app{min-height:100dvh;position:relative;overflow:hidden;color:#fff;transition:color .7s ease}.app--dark{background:linear-gradient(180deg,#2e1065,#5b21b6 28%,#7e22ce 50%,#be185d 74%,#6d28d9);background-size:100% 260%;animation:waveBg 16s ease-in-out infinite;color:#fff}.app--cream{background:linear-gradient(180deg,#fdf6ef,#fbe9f2 30%,#f6e6fb 55%,#efe3ff 78%,#fdf6ef);background-size:100% 260%;animation:waveBg 16s ease-in-out infinite;color:var(--ink)}.app--blush{background:linear-gradient(180deg,#fce1ee,#f7d9ef 28%,#f0e0fb,#ecdcff,#fce1ee);background-size:100% 260%;animation:waveBg 16s ease-in-out infinite;color:var(--ink)}@keyframes waveBg{0%{background-position:50% 0%}50%{background-position:50% 100%}to{background-position:50% 0%}}.btn{font-family:var(--sans);font-weight:600;border:none;border-radius:999px;padding:14px 34px;cursor:pointer;font-size:16px;transition:transform .2s,box-shadow .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn--primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 12px 28px #7c3aed73}.btn--gold{background:linear-gradient(135deg,#f59e0b,#fcd34d);color:#5a3600;box-shadow:0 12px 28px #f59e0b73;text-decoration:none;display:inline-block}.lock{position:relative;z-index:2;min-height:100dvh;display:grid;place-items:center;padding:24px}.lock-card{background:#fffffff7;border-radius:26px;padding:46px 34px;max-width:400px;width:100%;text-align:center;box-shadow:0 30px 80px #2e106580;border:1px solid rgba(245,158,11,.14);animation:pop .6s cubic-bezier(.22,1,.36,1)}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lock-kicker{color:var(--rose-600)}.lock-title{font-family:var(--serif);font-size:30px;color:var(--purple-700);margin:12px 0 8px}.lock-sub{color:#7c3aed;opacity:.85;margin:0 0 26px;line-height:1.6;font-size:15px}.lock-form{display:flex;flex-direction:column;gap:14px;align-items:center}.lock-hint{margin-top:18px;color:var(--rose-600);font-size:14px;animation:pop .4s ease}.pw{font:700 30px/1 var(--sans);letter-spacing:12px;text-align:center;width:190px;padding:14px 10px 14px 22px;border:2px solid var(--purple-200);border-radius:16px;background:#faf5ff;color:var(--purple-600);outline:none;transition:border-color .2s,box-shadow .2s}.pw::placeholder{color:#d8b4fe}.pw:focus{border-color:var(--purple-500);box-shadow:0 0 0 4px #a855f72e}.pw--error{border-color:#f43f5e;box-shadow:0 0 0 4px #f43f5e26;animation:shake .35s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pager{position:relative;z-index:2;height:100dvh}.page-wrap{height:100%;overflow-y:auto}.anim-right{animation:inRight .5s cubic-bezier(.22,1,.36,1)}.anim-left{animation:inLeft .5s cubic-bezier(.22,1,.36,1)}@keyframes inRight{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@keyframes inLeft{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}.page{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:22px;padding:72px 26px 128px}.page>*{animation:rise .7s cubic-bezier(.22,1,.36,1) both}.page>*:nth-child(1){animation-delay:.08s}.page>*:nth-child(2){animation-delay:.18s}.page>*:nth-child(3){animation-delay:.28s}.page>*:nth-child(4){animation-delay:.38s}.page>*:nth-child(5){animation-delay:.48s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.kicker{font:600 12px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;margin:0}.kicker--light{color:var(--rose-300)}.display{font-family:var(--serif);font-weight:700;font-size:clamp(56px,17vw,108px);line-height:1;margin:0;text-shadow:0 10px 40px rgba(0,0,0,.25)}.display--sm{font-size:clamp(34px,9vw,58px)}.hero-lead{font-family:var(--serif);font-style:italic;font-size:clamp(19px,4.6vw,27px);max-width:20ch;line-height:1.4;margin:0}.rule{width:58px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent)}.hero-sub{max-width:34ch;line-height:1.7;opacity:.9;font-size:15.5px;margin:0}.section-title{font-family:var(--serif);font-weight:700;font-size:clamp(27px,6vw,38px);color:var(--purple-700);margin:0;line-height:1.2}.polaroids{display:flex;justify-content:center;align-items:flex-start;padding:6px 0}.polaroid{background:#fff;padding:9px 9px 0;border-radius:3px;box-shadow:0 16px 38px #4c1d9547;width:42vw;max-width:188px;transition:transform .3s ease,box-shadow .3s ease}.polaroid img,.polaroid .photo-fallback{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:2px}.polaroid figcaption{font-family:var(--script);font-size:23px;color:var(--purple-600);text-align:center;padding:4px 0 10px}.polaroid--a{transform:rotate(-6deg);z-index:2}.polaroid--b{transform:rotate(6deg);margin-left:-20px;margin-top:26px}.polaroid:hover{transform:rotate(0) scale(1.04);z-index:5;box-shadow:0 22px 48px #4c1d9559}.prose{max-width:44ch;line-height:1.85;color:var(--purple-800);font-size:16px;margin:0}.prose--muted{font-family:var(--serif);font-style:italic;opacity:.72}.reasons{list-style:none;padding:0;margin:0;max-width:520px;width:100%;text-align:left}.reason{display:flex;gap:18px;align-items:baseline;padding:15px 6px;border-bottom:1px solid rgba(168,85,247,.2)}.reason:last-child{border-bottom:none}.reason-num{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--rose-600);min-width:42px}.reason p{margin:0;line-height:1.6;color:var(--purple-800);font-size:16px}.letter{background:var(--paper);max-width:520px;width:100%;padding:38px 34px;border-radius:6px;box-shadow:0 24px 60px #4c1d9538;text-align:left;transform:rotate(-1.2deg);border:1px solid rgba(245,158,11,.18)}.letter p{margin:0 0 15px;line-height:1.9;color:#43307a;font-size:16px}.letter-title{font-family:var(--serif);font-size:27px;color:var(--purple-700);margin:0 0 18px}.sign{font-family:var(--script);font-size:30px;color:var(--rose-600)!important;text-align:right;margin-top:14px!important}.couple{width:100%;max-width:340px}.couple img,.couple .photo-fallback{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:16px;border:4px solid rgba(255,255,255,.9);box-shadow:0 20px 50px #00000059}.photo-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#f3e8ff,#fce1ee);color:var(--purple-600)}.photo-fallback span{font-size:40px}.nav{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:16px;padding:10px 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 12px 34px #2e106547}.nav-arrow{width:42px;height:42px;border-radius:50%;border:none;background:#f3e8ff;color:var(--purple-600);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s,transform .15s}.nav-arrow:hover:not(:disabled){background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;transform:scale(1.08)}.nav-arrow:disabled{opacity:.35;cursor:default}.dots{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;border:none;background:#d8b4fe;cursor:pointer;padding:0;transition:all .25s ease}.dot--on{width:24px;border-radius:999px;background:linear-gradient(135deg,#a855f7,#ec4899)}.nav-pano{width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,#f59e0b,#fcd34d);font-size:17px;cursor:pointer;display:grid;place-items:center;transition:transform .15s}.nav-pano:hover{transform:scale(1.08) rotate(-8deg)}.pano{min-height:100dvh;display:flex;flex-direction:column;background:#b98a5e}.pano-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;padding:18px 20px;background:var(--purple-800);color:#fff;border-bottom:4px solid var(--purple-950);box-shadow:0 6px 18px #00000040}.pano-back{position:absolute;left:18px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:6px 10px;border-radius:999px;transition:background .2s}.pano-back:hover{background:#ffffff26}.pano-title{font-family:var(--serif);font-weight:700;font-size:clamp(12.5px,3.4vw,19px);letter-spacing:.02em;text-transform:uppercase;text-align:center;line-height:1.2;max-width:min(58vw,460px);padding:0 8px}.pano-settings-wrap{position:absolute;right:18px;top:50%;transform:translateY(-50%)}.pano-settings-btn{background:none;border:none;color:#fff;cursor:pointer;padding:6px 8px;border-radius:999px;display:grid;place-items:center;transition:background .2s,transform .2s}.pano-settings-btn:hover{background:#ffffff26}.pano-settings-btn.is-active{background:#fff3;transform:rotate(35deg)}.pano-filters-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:transparent}.pano-filters-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:26;width:200px;background:var(--purple-950);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;box-shadow:0 20px 44px #00000073}.pano-filters-label{margin:0 0 8px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.pano-filters-label:not(:first-child){margin-top:14px}.pano-filter-group{display:flex;flex-wrap:wrap;gap:6px}.pano-filter-chip{background:#ffffff1a;border:none;color:#ffffffbf;font-family:var(--sans);font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.pano-filter-chip:hover{background:#ffffff2e;color:#fff}.pano-filter-chip.is-active{background:linear-gradient(135deg,#f59e0b,#fcd34d);color:#4a2f00}.pano-board{position:relative;flex:1;overflow-y:auto;padding:36px 24px 140px;background-color:#b98a5e;background-image:radial-gradient(#8f6440 1px,transparent 0);background-size:9px 9px;box-shadow:inset 0 0 60px #00000059}.pano-warning,.pano-empty{max-width:420px;margin:40px auto;text-align:center;font-family:var(--sans);color:#fff8ec;background:#00000040;border-radius:14px;padding:16px 20px;line-height:1.6}.pano-notes{display:flex;flex-wrap:wrap;gap:34px;justify-content:center;align-items:flex-start}.note-card{--note-bg: #fbe8a6;--note-pin: #e0a72a;position:relative;width:220px;background:var(--note-bg);padding:26px 16px 18px;border-radius:3px;transform:rotate(var(--note-rot));box-shadow:4px 10px 20px #00000059;transition:transform .2s ease,box-shadow .2s ease}.note-card:hover{transform:rotate(0) scale(1.04);box-shadow:6px 16px 28px #0006;z-index:4}.note-card--previewing{outline:2px dashed rgba(124,58,237,.6);outline-offset:4px}.note-card--previewing:hover{transform:rotate(var(--note-rot));box-shadow:4px 10px 20px #00000059;z-index:auto}.note-pin{position:absolute;top:-9px;left:50%;transform:translate(-50%);width:15px;height:15px;border-radius:50%;background:var(--note-pin);box-shadow:1px 2px 3px #00000080,inset -2px -2px 3px #00000040}.note-actions{position:absolute;top:6px;right:6px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.note-card:hover .note-actions{opacity:1}.note-action{display:grid;place-items:center;background:none;border:none;padding:5px;border-radius:6px;color:#0006;cursor:pointer;transition:color .15s,background .15s}.note-action:hover{color:var(--purple-700);background:#0000000f}.note-action--danger:hover{color:#ba1a1a}.note-action--done{color:#16a34a;background:#16a34a26}.note-action--done:hover{color:#16a34a;background:#16a34a40}.note-body{display:flex;flex-direction:column;gap:8px;font-family:var(--script);font-size:20px;line-height:1.35;color:#3a2e12}.note-body p{margin:0}.note-body s{opacity:.55}.note-body ol{margin:0;padding-left:22px;font-family:var(--sans);font-size:14px}.note-body ul[data-type=taskList]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-family:var(--sans);font-size:14px}.note-body ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.note-body ul[data-type=taskList] li>label{display:flex;align-items:center;padding-top:1px}.note-body ul[data-type=taskList] li>label input{width:15px;height:15px;accent-color:#3a2e12;pointer-events:none}.note-body ul[data-type=taskList] li>div{flex:1}.note-body ul[data-type=taskList] li[data-checked=true] div{text-decoration:line-through;opacity:.55}.note-body img{width:100%;border-radius:4px;display:block;box-shadow:0 4px 10px #00000040}.note-body--editable .ProseMirror{outline:none;cursor:text}.note-body--editable ul[data-type=taskList] li>label input{pointer-events:auto;cursor:pointer}.pano-fab{position:fixed;right:22px;bottom:26px;z-index:8;display:flex;align-items:center;gap:8px;padding:14px 22px;border:none;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#fcd34d);color:#4a2f00;font-family:var(--sans);font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 14px 30px #0006;transition:transform .15s}.pano-fab:hover{transform:translateY(-2px) scale(1.03)}.pano-fab-plus{font-size:20px;line-height:1}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#1e140a80;display:grid;place-items:center;padding:20px;cursor:default}.confirm-card{width:100%;max-width:300px;background:var(--paper);border-radius:16px;padding:22px;text-align:center;box-shadow:0 24px 60px #0006;animation:pop .25s cubic-bezier(.22,1,.36,1);transform:rotate(0)}.confirm-message{margin:0 0 18px;font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--purple-800)}.confirm-actions{display:flex;justify-content:center;gap:10px}.confirm-cancel{background:#eee;color:#555;box-shadow:none;padding:10px 20px;font-size:14px}.confirm-danger{background:linear-gradient(135deg,#e11d48,#f43f5e);color:#fff;box-shadow:0 10px 22px #e11d4866;padding:10px 22px;font-size:14px}.editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#1e140a8c;display:grid;place-items:center;padding:20px}.editor-modal{width:100%;max-width:440px;max-height:88vh;overflow-y:auto;background:var(--paper);border-radius:16px;padding:22px;box-shadow:0 30px 70px #00000080}.editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.editor-header h3{margin:0;font-family:var(--serif);font-size:22px;color:var(--purple-700)}.editor-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--purple-600)}.editor-colors{display:flex;gap:10px;margin-bottom:16px}.editor-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer}.editor-swatch.is-active{border-color:var(--purple-600);transform:scale(1.12)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.editor-toolbar button{background:#f3e8ff;border:none;border-radius:999px;padding:8px 14px;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--purple-700);cursor:pointer;transition:background .2s}.editor-toolbar button:hover{background:#e9d5ff}.editor-toolbar button.is-active{background:var(--purple-600);color:#fff}.editor-toolbar button:disabled{opacity:.6;cursor:default}.bubble-menu{display:flex;align-items:center;gap:4px;background:var(--ink);padding:6px;border-radius:10px;box-shadow:0 10px 26px #00000059}.bubble-menu button{background:none;border:none;color:#fff;min-width:26px;height:26px;border-radius:6px;font-size:13px;cursor:pointer;display:grid;place-items:center;transition:background .15s}.bubble-menu button:hover{background:#ffffff26}.bubble-menu button.is-active{background:var(--purple-600)}.bubble-sep{width:1px;height:18px;background:#fff3;margin:0 2px}.bubble-swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.4);padding:0}.bubble-swatch--reset{background:none;color:#fff;font-size:11px;line-height:1}.editor-content{min-height:140px;max-height:40vh;overflow-y:auto;background:#fff;border:1px solid rgba(168,85,247,.18);border-radius:10px;padding:14px;margin-bottom:16px}.editor-content .ProseMirror{min-height:112px;outline:none;font-family:var(--sans);font-size:15px;line-height:1.6;color:#3b0764;cursor:text}.editor-content .ProseMirror p{margin:0 0 8px}.editor-content .ProseMirror ol{padding-left:22px;margin:0 0 8px}.editor-content .ProseMirror ul[data-type=taskList]{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:6px}.editor-content .ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.editor-content .ProseMirror ul[data-type=taskList] li>div{flex:1}.editor-content .ProseMirror ul[data-type=taskList] li>label{display:flex;align-items:center;padding-top:1px}.editor-content .ProseMirror ul[data-type=taskList] li>label input{width:15px;height:15px;accent-color:var(--purple-600);cursor:pointer}.editor-content .ProseMirror ul[data-type=taskList] li[data-checked=true] div{text-decoration:line-through;opacity:.55}.editor-content .ProseMirror img{max-width:100%;border-radius:6px;display:block;margin:6px 0}.editor-footer{display:flex;justify-content:flex-end;gap:10px}.editor-cancel{background:#eee;color:#555;box-shadow:none;padding:12px 24px}.editor-footer .btn--primary:disabled{opacity:.45;cursor:default;transform:none}@media(max-width:480px){.pano-notes{gap:24px}.note-card{width:44vw;min-width:160px}}@media(max-width:480px){.page{padding:60px 20px 118px;gap:18px}.letter{padding:30px 24px}.reason{gap:14px}.reason p{font-size:15px}}:root{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{overflow-x:hidden}