:root{--warm-linen: #F1EDE6;--ink-black: #181718;--soft-grey: #D9D9D9;--cream-white: #FFFCF5;--light-mist: #F4F3F3;--gold-accent: #D4A653;--gold-hover: #C4963F;--gold-light: rgba(212, 166, 83, .12);--room-dark: #1a1917;--room-warm: #242220;--paper-noise: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.25  0 0 0 0 0.15  0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--linen-noise: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.32  0 0 0 0 0.22  0 0 0 0 0.12  0 0 0 0.24 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 1200px;--transition: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--ink-black);background-color:var(--warm-linen);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;line-height:1.3}a{color:var(--gold-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--gold-hover)}.splash{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;animation:fadeIn 1.2s ease;overflow:hidden}.splash__photo{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/danielle.png);background-size:cover;background-position:center top;opacity:.08;filter:grayscale(30%);z-index:0}.splash__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.splash__creator{font-family:var(--font-sans);font-size:.7rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-accent);margin-bottom:1rem}.splash__signature{width:clamp(280px,40vw,450px);height:auto;margin-bottom:.5rem}.splash__tagline{font-family:var(--font-sans);font-size:clamp(.85rem,2vw,1.05rem);font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-black);opacity:.6;margin-bottom:3.5rem}.splash__divider{width:50px;height:1px;background:var(--gold-accent);margin-bottom:3.5rem}.splash__cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.9rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-black);background:none;border:1px solid var(--gold-accent);padding:1rem 2.5rem;cursor:pointer;transition:all var(--transition);text-decoration:none}.splash__cta:hover{background:var(--room-dark);color:var(--gold-accent);border-color:var(--room-dark)}.splash__cta-arrow{transition:transform var(--transition);font-size:1.1rem}.splash__cta:hover .splash__cta-arrow{transform:translate(4px)}.splash__footer{position:absolute;bottom:2.5rem;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.splash__social{display:flex;gap:1rem}.splash__social a{color:var(--ink-black);opacity:.35;transition:opacity var(--transition);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-sans)}.splash__social a:hover{opacity:.7;color:var(--gold-accent)}.noteroom{min-height:100vh;background:var(--room-dark);position:relative;overflow:hidden}.noteroom:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(212,166,83,.06) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(10,9,8,.4) 100%);pointer-events:none;z-index:0}.noteroom__header{text-align:center;padding:4rem 2rem 2rem;max-width:680px;margin:0 auto;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease;position:relative;z-index:1}.noteroom--entered .noteroom__header{opacity:1;transform:translateY(0)}.noteroom__back{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-sans);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-accent);opacity:.5;text-decoration:none;margin-bottom:2.5rem;transition:opacity var(--transition),text-shadow var(--transition)}.noteroom__back:hover{opacity:.9;color:var(--gold-accent);text-shadow:0 0 12px rgba(212,166,83,.3)}.noteroom__title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3rem);font-weight:400;margin-bottom:1.5rem;color:var(--cream-white)}.noteroom__intro{font-family:var(--font-serif);font-style:italic;font-size:1.05rem;line-height:1.8;color:var(--soft-grey);opacity:.6;max-width:520px;margin:0 auto 1rem}.noteroom__privacy{font-size:.75rem;color:var(--soft-grey);opacity:.25;letter-spacing:.05em}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:var(--max-width);margin:0 auto;padding:2rem 2rem 5rem;position:relative;z-index:1}.note-card{background:var(--cream-white);border:1px solid rgba(212,166,83,.15);padding:2.2rem 2rem 1.8rem;cursor:pointer;transition:border-color .6s ease .1s,box-shadow .4s ease,opacity .5s ease,transform .5s ease;position:relative;opacity:0;transform:translateY(16px);display:flex;flex-direction:column;box-shadow:0 4px 20px #d4a6530f,0 1px 4px #00000026}.note-card:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:var(--gold-accent);transition:width .8s cubic-bezier(.25,.46,.45,.94)}.note-card--visible{opacity:1;transform:translateY(0)}.note-card:hover{transform:translateY(-4px);box-shadow:0 8px 35px #d4a6531f,0 2px 10px #0003;border-color:#d4a6534d}.note-card--visible:hover{transform:translateY(-4px)}.note-card__category{display:block;font-family:var(--font-sans);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-accent);margin-bottom:1rem}.note-card__title{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;margin-bottom:.75rem;line-height:1.4}.note-card__preview{font-family:var(--font-serif);font-style:italic;font-size:.9rem;line-height:1.7;color:var(--ink-black);opacity:.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:1.5rem}.note-card__action{display:flex;align-items:center;gap:.75rem;margin-top:auto}.note-card__action-text{font-family:var(--font-sans);font-size:.6rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-accent);white-space:nowrap;opacity:0;transition:opacity .6s ease .3s}.note-card__action-line{flex:1;height:1px;background:var(--gold-accent);opacity:.35;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.25,.46,.45,.94) .4s}.note-card:hover .note-card__action-text,.note-card--active .note-card__action-text{opacity:1}.note-card:hover .note-card__action-line,.note-card--active .note-card__action-line{transform:scaleX(1)}.note-card:hover:before,.note-card--active:before{width:100%}.note-card:hover,.note-card--active{border-color:#d4a6534d}.note-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0908b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.note-detail{background:var(--cream-white);max-width:640px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s ease}.note-detail__gold-bar{width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold-accent) 30%,var(--gold-accent) 70%,transparent 100%)}.note-detail__close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--ink-black);opacity:.3;transition:opacity var(--transition);padding:.5rem;z-index:2}.note-detail__close:hover{opacity:.7}.note-detail__header{text-align:center;padding:2.5rem 3rem 0}.note-detail__category{display:block;font-family:var(--font-sans);font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold-accent);opacity:.7;margin-bottom:.8rem}.note-detail__title{font-family:var(--font-serif);font-size:clamp(1.8rem,5vw,2.4rem);font-weight:400;font-style:italic;margin-bottom:1.5rem;line-height:1.2;color:var(--ink-black)}.note-detail__ornament{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.note-detail__ornament span{width:28px;height:1px;background:var(--gold-accent);opacity:.35}.note-detail__ornament i{width:3px;height:3px;background:var(--gold-accent);border-radius:50%;opacity:.5;font-style:normal}.note-detail__lead{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;line-height:1.9;color:var(--ink-black);border-left:1.5px solid var(--gold-accent);padding-left:1.2rem;margin:0 3rem 1.5rem}.note-detail__body{padding:0 3rem;margin-bottom:1rem}.note-detail__body p{font-family:var(--font-serif);font-size:1.05rem;line-height:2;color:#2a2018;margin-bottom:1.2rem;letter-spacing:.01em}.note-detail__sig{padding:1rem 3rem 2rem}.note-detail__sig-line{width:28px;height:1px;background:var(--gold-accent);opacity:.5;margin-bottom:.8rem}.note-detail__sig-closing{font-family:var(--font-serif);font-size:.85rem;font-style:italic;color:#9c8c7c;margin-bottom:.1rem}.note-detail__sig-name{font-family:var(--font-serif);font-size:2rem;font-weight:400;font-style:italic;color:var(--ink-black);line-height:1;margin-bottom:.3rem}.note-detail__sig-tagline{font-family:var(--font-sans);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9c8c7c}.note-detail .envelope-btn{margin:0 3rem 2.5rem;width:calc(100% - 6rem)}.envelope-btn{display:block;width:100%;font-family:var(--font-sans);font-size:.85rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-white);background:var(--gold-accent);border:none;padding:1.1rem 2rem;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.envelope-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:0;border-left:50% solid transparent;border-right:50% solid transparent;border-top:0px solid rgba(255,255,255,.2);transition:border-top-width .35s ease;pointer-events:none}.envelope-btn:hover:before{border-top-width:14px;border-top-color:#ffffff26}.envelope-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 40%);opacity:0;transition:opacity .35s ease;pointer-events:none}.envelope-btn:hover:after{opacity:1}.envelope-btn:hover{background:var(--gold-hover);transform:translateY(-1px);box-shadow:0 4px 16px #d4a6534d}.envelope-btn:disabled{opacity:.5;cursor:not-allowed}.envelope-btn:disabled:hover{transform:none;box-shadow:none}.send-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0908b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.send-form{background:var(--cream-white);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;padding:3rem 2.5rem;position:relative;animation:slideUp .4s ease}.send-form__close{position:absolute;top:1.2rem;right:1.2rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--ink-black);opacity:.3;transition:opacity var(--transition);padding:.5rem}.send-form__close:hover{opacity:.7}.send-form__title{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.send-form__subtitle{font-family:var(--font-serif);font-style:italic;font-size:.9rem;color:var(--ink-black);opacity:.5;margin-bottom:2rem}.send-form__group{margin-bottom:1.25rem;position:relative}.send-form__label{display:block;font-family:var(--font-sans);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-black);opacity:.5;margin-bottom:.4rem}.send-form__input{width:100%;font-family:var(--font-sans);font-size:.95rem;color:var(--ink-black);background:var(--warm-linen);border:1px solid var(--soft-grey);padding:.8rem 1rem;transition:border-color var(--transition);outline:none}.send-form__input:focus{border-color:var(--gold-accent)}.send-form__input::placeholder{color:var(--ink-black);opacity:.25}.send-form__textarea{font-family:var(--font-serif);font-style:italic;font-size:.95rem;line-height:1.7;resize:vertical;min-height:80px}.send-form__char-count{display:block;text-align:right;font-family:var(--font-sans);font-size:.65rem;color:var(--ink-black);opacity:.25;margin-top:.3rem}.send-form__divider{width:30px;height:1px;background:var(--gold-accent);opacity:.4;margin:1.5rem 0}.send-form__section-label{font-family:var(--font-sans);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-accent);margin-bottom:1rem}.send-form__privacy{font-size:.72rem;color:var(--ink-black);opacity:.35;line-height:1.5;margin-top:-.5rem;margin-bottom:1.25rem;padding-left:.25rem}.send-form__opt-in{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:2rem}.send-form__checkbox{margin-top:.2rem;accent-color:var(--gold-accent);width:15px;height:15px;cursor:pointer}.send-form__opt-in-label{font-family:var(--font-sans);font-size:.8rem;color:var(--ink-black);opacity:.6;line-height:1.5;cursor:pointer}.send-form__submit:disabled{opacity:.5;cursor:not-allowed}.send-form__error{font-size:.8rem;color:#b44;margin-top:1rem;text-align:center}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 65% 55% at 50% 38%,rgba(115,82,52,.5) 0%,transparent 70%),radial-gradient(ellipse 100% 100% at 50% 50%,#4a3624,#2a1f15 65%,#1a120c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:250;display:flex;align-items:flex-start;justify-content:center;padding:4rem 1.5rem 3rem;overflow-y:auto;animation:fadeIn .3s ease}.preview{max-width:480px;width:100%;position:relative;animation:slideUp .5s ease}.preview--sent{animation:envelopeFly .7s ease forwards}.preview__close{position:absolute;top:-2.5rem;right:0;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--cream-white);opacity:.45;transition:opacity var(--transition);padding:.5rem;z-index:10;line-height:1}.preview__close:hover{opacity:1}.preview__label{text-align:center;font-family:var(--font-sans);font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:var(--cream-white);opacity:.4;margin-bottom:1.5rem;font-weight:300}.envelope{position:relative;perspective:1200px}.envelope__flap{position:relative;height:88px;z-index:2}.envelope__flap-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,252,245,.25) 0%,transparent 38%),var(--linen-noise),var(--warm-linen);clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:bottom center;transform:rotateX(0);transition:transform .55s cubic-bezier(.65,0,.35,1);display:flex;align-items:flex-end;justify-content:center;padding-bottom:.7rem;box-shadow:inset 0 -25px 35px -22px #3c28192e,inset 0 1px #fffcf559}.envelope--sealing .envelope__flap-inner,.envelope--sealed .envelope__flap-inner,.envelope--sent .envelope__flap-inner{transform:rotateX(180deg)}.envelope__return{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem;transition:opacity .25s ease}.envelope--sealing .envelope__return,.envelope--sealed .envelope__return,.envelope--sent .envelope__return{opacity:0}.envelope__return-label{font-family:var(--font-sans);font-size:.5rem;letter-spacing:.32em;text-transform:uppercase;color:#18171866;font-weight:400}.envelope__return-name{font-family:var(--font-serif);font-size:.95rem;font-style:italic;color:var(--ink-black);line-height:1.1}.envelope__seal{position:absolute;top:142px;left:50%;transform:translate(-50%) scale(0);width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 32% 30%,var(--gold-accent),var(--gold-hover) 75%);display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 3px 14px #d4a65380,inset -2px -3px 8px #0000002e,inset 2px 2px 6px #ffffff2e;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.envelope--sealed .envelope__seal,.envelope--sent .envelope__seal{transform:translate(-50%) scale(1)}.envelope__seal span{font-family:var(--font-serif);font-size:.95rem;font-weight:700;font-style:italic;color:var(--cream-white);letter-spacing:.05em}.envelope__body{background:var(--linen-noise),var(--warm-linen);padding:0 14px 18px;position:relative;z-index:1;box-shadow:inset 0 10px 22px -14px #3c281938,0 22px 60px -12px #0000008c,0 4px 14px -4px #0000004d}.envelope__letter{transform:translateY(-22px);transition:transform .55s cubic-bezier(.65,0,.35,1);position:relative;z-index:3}.envelope--sealing .envelope__letter,.envelope--sealed .envelope__letter,.envelope--sent .envelope__letter{transform:translateY(0)}.letter{background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,transparent 6%),var(--paper-noise),var(--cream-white);position:relative;border-radius:1.5px;box-shadow:inset 0 1px #fff9,0 0 0 .5px #3c28190a,0 2px 4px -1px #3c281914,0 18px 44px -12px #00000040}.letter__accent{width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold-accent) 50%,transparent 100%);opacity:.55}.letter__label{font-family:var(--font-sans);font-size:.55rem;letter-spacing:.32em;text-transform:uppercase;color:#1817186b;text-align:center;margin:0;padding:3.2rem 2rem 1.1rem;font-weight:400}.letter__greeting{font-family:var(--font-serif);font-size:2.4rem;font-weight:400;color:var(--ink-black);text-align:center;line-height:1.05;letter-spacing:-.01em;margin:0;padding:0 2rem}.letter__greeting em{font-style:italic;color:var(--gold-accent)}.letter__ornament{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.3rem 0 1.9rem}.letter__ornament span{width:32px;height:1px;background:var(--gold-accent);opacity:.4}.letter__ornament i{width:4px;height:4px;background:var(--gold-accent);border-radius:50%;opacity:.55;font-style:normal}.letter__body{padding:0 2.2rem}.letter__lead{font-family:var(--font-serif);font-size:1.05rem;font-style:italic;font-weight:400;line-height:1.75;color:var(--ink-black);border-left:1.5px solid var(--gold-accent);padding-left:1.1rem;margin:0 0 1.4rem}.letter__body p{font-family:var(--font-serif);font-size:.95rem;line-height:1.85;color:#2a2018;margin:0 0 1rem}.letter__body p:last-child{margin-bottom:0}.letter__ps{padding:0 2.2rem;margin:1.6rem 0 .4rem}.letter__ps p{font-family:var(--font-serif);font-style:italic;font-size:.85rem;line-height:1.7;color:#2a2018b3;padding-left:1rem;border-left:1.5px solid rgba(212,166,83,.35);margin:0}.letter__sig{padding:2rem 2.2rem 2.2rem}.letter__sig-closing{font-family:var(--font-serif);font-size:.85rem;font-style:italic;color:#1817188c;margin:0 0 .35rem}.letter__sig-name{font-family:var(--font-serif);font-size:1.7rem;font-weight:400;font-style:italic;color:var(--ink-black);line-height:1;margin:0}.letter__mark{border-top:1px solid rgba(24,23,24,.06);padding:1.1rem 2.2rem;display:flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-sans);font-size:.5rem;letter-spacing:.28em;text-transform:uppercase;color:#18171852;font-weight:400}.letter__rest{max-height:0;overflow:hidden;opacity:0;transition:max-height .75s cubic-bezier(.65,0,.35,1),opacity .5s ease .15s}.letter--open .letter__rest{max-height:2400px;opacity:1}.letter__body--continued{padding-top:.4rem}.letter__open-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1.6rem auto 0;padding:1.4rem 2rem 1.8rem;background:none;border:none;cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--ink-black);transition:opacity var(--transition)}.letter__open-btn:before{content:"";position:absolute;top:-3rem;left:0;right:0;height:3rem;background:linear-gradient(to bottom,transparent,var(--cream-white));pointer-events:none}.letter__open-text{font-size:.65rem;letter-spacing:.32em;text-transform:uppercase;color:#1817188c;font-weight:400;transition:color var(--transition)}.letter__open-chev{font-size:1.1rem;color:var(--gold-accent);line-height:1;opacity:.7;animation:gentleBob 2.4s ease-in-out infinite;transition:transform var(--transition)}.letter__open-btn:hover .letter__open-text{color:var(--ink-black)}.letter__open-btn:hover .letter__open-chev{opacity:1;transform:translateY(2px)}@keyframes gentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.preview__actions{display:flex;flex-direction:column;gap:.4rem;margin-top:1.8rem}.preview__back-btn{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-white);opacity:.45;background:none;border:none;padding:.85rem;cursor:pointer;transition:opacity var(--transition);text-align:center;font-weight:300}.preview__back-btn:hover{opacity:.85}.preview__error{font-family:var(--font-sans);font-size:.75rem;color:#e88;margin-top:.85rem;text-align:center}.confirmation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0908b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.confirmation{background:var(--cream-white);max-width:460px;width:100%;padding:3.5rem 3rem;text-align:center;position:relative;overflow:hidden;animation:slideUp .5s ease}.confirmation__seal-line{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gold-accent);animation:sealDraw .6s ease forwards;transform-origin:left center}.confirmation__content{opacity:0;transform:translateY(8px);transition:opacity .5s ease .1s,transform .5s ease .1s}.confirmation__content--visible{opacity:1;transform:translateY(0)}.confirmation__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 40%,rgba(212,166,83,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(212,166,83,.04) 0%,transparent 50%);pointer-events:none;animation:shimmerPulse 3s ease-in-out infinite}.confirmation__icon{width:50px;height:1px;background:var(--gold-accent);margin:0 auto 2rem;position:relative}.confirmation__title{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;margin-bottom:1rem;position:relative}.confirmation__message{font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:var(--ink-black);opacity:.6;line-height:1.7;margin-bottom:2.5rem;position:relative}.confirmation__actions{display:flex;flex-direction:column;gap:.75rem;position:relative}.confirmation__btn-primary{font-size:.8rem}.confirmation__btn-secondary{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-black);opacity:.4;background:none;border:none;padding:.75rem;cursor:pointer;transition:opacity var(--transition)}.confirmation__btn-secondary:hover{opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sealDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmerPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes envelopeFly{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}@media(max-width:768px){.note-grid{grid-template-columns:1fr;padding:1.5rem}.note-detail{max-height:95vh}.note-detail__header{padding:2rem 1.5rem 0}.note-detail__lead{margin:0 1.5rem 1.5rem}.note-detail__body{padding:0 1.5rem}.note-detail__sig{padding:1rem 1.5rem 1.5rem}.note-detail .envelope-btn{margin:0 1.5rem 2rem;width:calc(100% - 3rem)}.send-form{padding:2.5rem 1.5rem}.noteroom__header{padding:3rem 1.5rem 1.5rem}.splash__footer{position:relative;bottom:auto;margin-top:4rem}.envelope__flap{height:76px}.envelope__seal{top:60px;width:48px;height:48px}.envelope__letter{transform:translateY(-38px)}.letter__label{padding:2rem 1.5rem .7rem}.letter__greeting{font-size:2rem;padding:0 1.5rem}.letter__body,.letter__ps{padding:0 1.6rem}.letter__sig{padding:1.6rem 1.6rem 1.8rem}.letter__mark{padding:1rem 1.6rem;font-size:.48rem;letter-spacing:.22em}}@media(max-width:480px){.splash__name{font-size:2.2rem}.note-detail__title{font-size:1.4rem}.confirmation{padding:2.5rem 1.5rem}.envelope__flap{height:55px}.envelope__flap-inner{border-bottom-width:55px}.envelope__flap-inner:after{bottom:-55px;border-bottom-width:52px}}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--ink-black)}.admin-loading__spinner{width:32px;height:32px;border:2px solid rgba(212,166,83,.2);border-top-color:var(--gold-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ink-black);padding:24px}.admin-login__card{background:var(--room-warm);border:1px solid rgba(212,166,83,.15);border-radius:8px;padding:48px 40px;width:100%;max-width:400px;text-align:center}.admin-login__brand{margin-bottom:36px}.admin-login__label{font-family:var(--font-serif);font-size:14px;font-style:italic;color:var(--gold-accent);letter-spacing:.03em;margin-bottom:4px}.admin-login__title{font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#fffcf566}.admin-login__form{text-align:left}.admin-login__input-label{font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#fffcf566;display:block;margin-bottom:8px}.admin-login__input{width:100%;padding:14px 16px;background:#fffcf50d;border:1px solid rgba(212,166,83,.2);border-radius:4px;color:var(--cream-white);font-family:var(--font-sans);font-size:15px;outline:none;transition:border-color var(--transition)}.admin-login__input:focus{border-color:var(--gold-accent)}.admin-login__input::placeholder{color:#fffcf533}.admin-login__error{color:#e57373;font-family:var(--font-sans);font-size:13px;margin-top:12px}.admin-login__submit{width:100%;padding:14px;margin-top:24px;background:var(--ink-black);border:1px solid var(--gold-accent);color:var(--gold-accent);font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all var(--transition)}.admin-login__submit:hover{background:var(--gold-accent);color:var(--ink-black)}.admin-login__submit:disabled{opacity:.5;cursor:not-allowed}.admin-login__success{padding:20px 0}.admin-login__check{width:48px;height:48px;border-radius:50%;border:2px solid var(--gold-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--gold-accent);font-size:20px}.admin-login__success-title{font-family:var(--font-serif);font-size:20px;color:var(--cream-white);margin-bottom:8px}.admin-login__success-desc{font-family:var(--font-sans);font-size:14px;color:#fffcf580;line-height:1.6}.admin-login__success-desc strong{color:var(--gold-accent)}.admin-login__footer{margin-top:36px;font-family:var(--font-serif);font-size:13px;font-style:italic;color:#fffcf526}.admin{display:flex;min-height:100vh;background:var(--ink-black)}.admin__sidebar{width:240px;background:var(--room-warm);border-right:1px solid rgba(212,166,83,.1);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.admin__sidebar-brand{padding:32px 24px 28px;border-bottom:1px solid rgba(212,166,83,.1)}.admin__sidebar-label{font-family:var(--font-serif);font-size:16px;font-style:italic;color:var(--gold-accent);letter-spacing:.03em;margin-bottom:2px}.admin__sidebar-title{font-family:var(--font-sans);font-size:10px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#fffcf54d}.admin__nav{padding:16px 0;flex:1}.admin__nav-link{display:flex;align-items:center;gap:12px;padding:12px 24px;font-family:var(--font-sans);font-size:13px;font-weight:400;color:#fffcf573;text-decoration:none;transition:all var(--transition);border-left:2px solid transparent}.admin__nav-link:hover{color:var(--cream-white);background:#fffcf508}.admin__nav-link--active{color:var(--gold-accent);border-left-color:var(--gold-accent);background:#d4a6530d}.admin__nav-icon{font-size:16px;width:20px;text-align:center}.admin__sidebar-footer{padding:16px 0;border-top:1px solid rgba(212,166,83,.1)}.admin__nav-link--subtle{font-size:12px;color:#fffcf540}.admin__logout{display:block;width:100%;padding:12px 24px;background:none;border:none;font-family:var(--font-sans);font-size:12px;color:#fffcf540;cursor:pointer;text-align:left;transition:color var(--transition)}.admin__logout:hover{color:#e57373}.admin__main{margin-left:240px;flex:1;padding:40px;min-height:100vh}.admin-dashboard__title{font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--cream-white);margin-bottom:32px}.admin-dashboard__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px}.admin-dashboard__card{background:var(--room-warm);border:1px solid rgba(212,166,83,.12);border-radius:8px;padding:24px}.admin-dashboard__card-label{font-family:var(--font-sans);font-size:10px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#fffcf559;margin-bottom:12px}.admin-dashboard__card-value{font-family:var(--font-serif);font-size:36px;font-weight:400;color:var(--gold-accent)}.admin-dashboard__card-sub{font-size:16px;color:#fffcf54d;margin-left:6px}.admin-dashboard__section-title{font-family:var(--font-serif);font-size:20px;font-weight:400;color:var(--cream-white);margin-bottom:20px}.admin-dashboard__empty{font-family:var(--font-sans);font-size:14px;color:#fffcf566}.admin-dashboard__empty a{color:var(--gold-accent)}.admin-dashboard__table{width:100%;border-collapse:collapse}.admin-dashboard__table th{font-family:var(--font-sans);font-size:10px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#fffcf54d;text-align:left;padding:12px 16px;border-bottom:1px solid rgba(212,166,83,.1)}.admin-dashboard__table td{font-family:var(--font-sans);font-size:14px;color:#fffcf599;padding:14px 16px;border-bottom:1px solid rgba(255,252,245,.04)}.admin-dashboard__note-title{color:var(--cream-white)!important;font-weight:500}.admin-dashboard__note-category{color:#fffcf559!important;font-style:italic}.admin-dashboard__status{font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:3px}.admin-dashboard__status--published{color:#81c784;background:#81c7841a}.admin-dashboard__status--draft{color:#fffcf54d;background:#fffcf50d}.admin-dashboard__sends{font-family:var(--font-serif)!important;font-size:18px!important;color:var(--gold-accent)!important}.admin-dashboard__edit-link{font-family:var(--font-sans);font-size:12px;color:#fffcf54d;text-decoration:none;transition:color var(--transition)}.admin-dashboard__edit-link:hover{color:var(--gold-accent)}.admin-notes__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.admin-notes__page-title{font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--cream-white)}.admin-notes__new-btn{padding:10px 24px;background:var(--ink-black);border:1px solid var(--gold-accent);color:var(--gold-accent);font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-radius:4px;cursor:pointer;transition:all var(--transition)}.admin-notes__new-btn:hover{background:var(--gold-accent);color:var(--ink-black)}.admin-notes__empty{text-align:center;padding:60px 20px;color:#fffcf566;font-family:var(--font-sans);font-size:15px}.admin-notes__empty .admin-notes__new-btn{margin-top:20px;display:inline-block}.admin-notes__list{display:flex;flex-direction:column;gap:8px}.admin-notes__item{display:flex;align-items:center;gap:16px;background:var(--room-warm);border:1px solid rgba(212,166,83,.08);border-radius:6px;padding:16px 20px;transition:border-color var(--transition)}.admin-notes__item:hover{border-color:#d4a65333}.admin-notes__item--draft{opacity:.6}.admin-notes__reorder{display:flex;flex-direction:column;gap:2px}.admin-notes__arrow{background:none;border:none;color:#fffcf533;font-size:10px;cursor:pointer;padding:2px 6px;transition:color var(--transition)}.admin-notes__arrow:hover:not(:disabled){color:var(--gold-accent)}.admin-notes__arrow:disabled{opacity:.3;cursor:default}.admin-notes__info{flex:1;min-width:0}.admin-notes__title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.admin-notes__title{font-family:var(--font-serif);font-size:16px;font-weight:400;color:var(--cream-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-notes__draft-badge{font-family:var(--font-sans);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#fffcf54d;background:#fffcf50d;padding:2px 8px;border-radius:3px;flex-shrink:0}.admin-notes__meta{font-family:var(--font-sans);font-size:12px;color:#fffcf54d}.admin-notes__dot{margin:0 8px;color:#d4a6534d}.admin-notes__actions{display:flex;gap:8px;flex-shrink:0}.admin-notes__action{padding:6px 14px;background:none;border:1px solid rgba(255,252,245,.1);color:#fffcf566;font-family:var(--font-sans);font-size:11px;text-decoration:none;border-radius:4px;cursor:pointer;transition:all var(--transition)}.admin-notes__action:hover{border-color:var(--gold-accent);color:var(--gold-accent)}.admin-notes__action--danger:hover{border-color:#e57373;color:#e57373}.admin-editor__header{margin-bottom:32px}.admin-editor__page-title{font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--cream-white)}.admin-editor__layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.admin-editor__form{display:flex;flex-direction:column;gap:20px}.admin-editor__field{display:flex;flex-direction:column;gap:8px}.admin-editor__row{display:flex;gap:16px}.admin-editor__field--half{flex:1}.admin-editor__label{font-family:var(--font-sans);font-size:11px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#fffcf566;display:flex;align-items:center;gap:10px}.admin-editor__hint{font-size:10px;letter-spacing:0;text-transform:none;color:#fffcf533}.admin-editor__input{width:100%;padding:12px 16px;background:#fffcf50a;border:1px solid rgba(212,166,83,.15);border-radius:4px;color:var(--cream-white);font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color var(--transition)}.admin-editor__input:focus{border-color:var(--gold-accent)}.admin-editor__input::placeholder{color:#fffcf526}.admin-editor__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23D4A653' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.admin-editor__select option{background:var(--ink-black);color:var(--cream-white)}.admin-editor__textarea{font-family:var(--font-serif);font-size:16px;line-height:1.8;resize:vertical;min-height:280px}.admin-editor__toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.admin-editor__toggle input{display:none}.admin-editor__toggle-track{width:40px;height:22px;background:#fffcf51a;border-radius:11px;position:relative;transition:background var(--transition)}.admin-editor__toggle input:checked+.admin-editor__toggle-track{background:var(--gold-accent)}.admin-editor__toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--cream-white);border-radius:50%;transition:transform var(--transition)}.admin-editor__toggle input:checked+.admin-editor__toggle-track .admin-editor__toggle-thumb{transform:translate(18px)}.admin-editor__toggle-label{font-family:var(--font-sans);font-size:13px;color:#fffcf580}.admin-editor__error{color:#e57373;font-family:var(--font-sans);font-size:13px}.admin-editor__actions{display:flex;gap:12px;padding-top:8px}.admin-editor__save{padding:14px 32px;background:var(--gold-accent);border:none;color:var(--ink-black);font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all var(--transition)}.admin-editor__save:hover{background:var(--gold-hover)}.admin-editor__save:disabled{opacity:.5;cursor:not-allowed}.admin-editor__cancel{padding:14px 24px;background:none;border:1px solid rgba(255,252,245,.1);color:#fffcf566;font-family:var(--font-sans);font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all var(--transition)}.admin-editor__cancel:hover{border-color:#fffcf54d;color:#fffcf599}.admin-preview{position:sticky;top:40px}.admin-preview__label{font-family:var(--font-sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#fffcf54d;margin-bottom:16px}.admin-preview__card{background:var(--cream-white);border-radius:8px;padding:32px 28px;color:var(--ink-black)}.admin-preview__card-header{margin-bottom:16px}.admin-preview__category{font-family:var(--font-sans);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#9c8c7c}.admin-preview__title{font-family:var(--font-serif);font-size:22px;font-weight:400;color:var(--ink-black);line-height:1.3;margin-bottom:20px}.admin-preview__ornament{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.admin-preview__ornament span{width:28px;height:1px;background:var(--gold-accent);opacity:.4}.admin-preview__ornament i{width:3px;height:3px;background:var(--gold-accent);border-radius:50%;opacity:.5;font-style:normal}.admin-preview__body{margin-bottom:24px}.admin-preview__body p{font-family:var(--font-serif);font-size:14px;line-height:1.8;color:#2a2018;margin-bottom:16px}.admin-preview__lead{font-style:italic;font-size:15px!important;border-left:1.5px solid var(--gold-accent);padding-left:16px}.admin-preview__placeholder{font-style:italic!important;color:#9c8c7c!important}.admin-preview__sig{padding-top:8px}.admin-preview__sig-line{width:24px;height:1px;background:var(--gold-accent);opacity:.5;margin-bottom:12px}.admin-preview__sig-closing{font-family:var(--font-serif);font-size:13px;font-style:italic;color:#9c8c7c;margin-bottom:4px}.admin-preview__sig-name{font-family:var(--font-serif);font-size:26px;font-weight:300;font-style:italic;color:var(--ink-black)}@media(max-width:1100px){.admin-editor__layout{grid-template-columns:1fr}.admin-preview{position:static}.admin-dashboard__cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin__sidebar{width:200px}.admin__main{margin-left:200px;padding:24px}.admin-dashboard__cards{grid-template-columns:1fr}.admin-notes__item{flex-wrap:wrap}.admin-notes__actions{width:100%;padding-top:8px}.admin-editor__row{flex-direction:column}}