: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;--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:#0a0908bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:250;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.preview{max-width:520px;width:100%;max-height:92vh;overflow-y:auto;position:relative;animation:slideUp .5s ease}.preview--sent{animation:envelopeFly .7s ease forwards}.preview__close{position:absolute;top:-2rem;right:0;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--cream-white);opacity:.6;transition:opacity var(--transition);padding:.5rem;z-index:10}.preview__close:hover{opacity:1}.preview__label{text-align:center;font-family:var(--font-sans);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-white);opacity:.5;margin-bottom:1.2rem}.envelope{position:relative;perspective:800px}.envelope__flap{position:relative;height:70px;overflow:visible;z-index:2}.envelope__flap-inner{position:absolute;bottom:0;left:0;right:0;height:0;border-left:260px solid transparent;border-right:260px solid transparent;border-bottom:70px solid var(--warm-linen);filter:brightness(.95);transform-origin:bottom center;transform:rotateX(180deg);transition:transform .5s ease}.envelope--sealing .envelope__flap-inner,.envelope--sealed .envelope__flap-inner,.envelope--sent .envelope__flap-inner{transform:rotateX(0)}.envelope__flap-inner:after{content:"";position:absolute;bottom:-70px;left:50%;transform:translate(-50%);width:0;height:0;border-left:255px solid transparent;border-right:255px solid transparent;border-bottom:67px solid rgba(212,166,83,.15)}.envelope__seal{position:absolute;top:45px;left:50%;transform:translate(-50%) scale(0);width:50px;height:50px;border-radius:50%;background:var(--gold-accent);display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 10px #d4a65366;transition:transform .3s 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:15px;font-weight:700;color:var(--cream-white);letter-spacing:1px}.envelope__body{background:var(--warm-linen);border:1px solid rgba(212,166,83,.2);border-top:none;padding:0 12px 12px;position:relative;z-index:1;box-shadow:inset 0 4px 15px #0000000a,0 4px 20px #00000026}.envelope__letter{transform:translateY(-30px);transition:transform .4s ease;position:relative;z-index:3}.envelope--sealing .envelope__letter,.envelope--sealed .envelope__letter,.envelope--sent .envelope__letter{transform:translateY(0)}.preview__stationery{background:var(--cream-white);position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.preview__gold-bar{width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold-accent) 30%,var(--gold-accent) 70%,transparent 100%)}.preview__dark-header{background:var(--ink-black);padding:1.5rem 1.8rem 1.3rem;position:relative}.preview__dark-brand{font-family:var(--font-serif);font-size:.85rem;font-style:italic;color:#fffcf580;margin-bottom:1.2rem}.preview__sender-row{display:flex;align-items:flex-start;gap:.8rem}.preview__sender-heart{width:32px;height:32px;border:1px solid rgba(212,166,83,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;color:var(--gold-accent);opacity:.7;margin-top:2px}.preview__sender-info{display:flex;flex-direction:column}.preview__sender-label{font-family:var(--font-sans);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#fffcf540;margin-bottom:.2rem}.preview__sender-name{font-family:var(--font-serif);font-size:1.2rem;font-style:italic;font-weight:400;color:var(--cream-white);line-height:1.2;margin-bottom:.2rem}.preview__sender-message{font-family:var(--font-serif);font-size:.82rem;font-style:italic;color:#fffcf566;line-height:1.5}.preview__gold-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,166,83,.25),transparent)}.preview__letter-content{padding:0;background:var(--cream-white)}.preview__note-label{font-family:var(--font-sans);font-size:.55rem;letter-spacing:.25em;text-transform:uppercase;color:#9c8c7c;text-align:center;padding:2rem 2rem 1.2rem}.preview__greeting-line{font-family:var(--font-serif);font-size:2rem;font-weight:400;color:var(--ink-black);text-align:center;line-height:1;margin-bottom:.15rem}.preview__greeting-name{font-family:var(--font-serif);font-size:2rem;font-weight:400;font-style:italic;color:var(--gold-accent);text-align:center;line-height:1;margin-bottom:1.5rem}.preview__ornament{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.8rem}.preview__ornament span{width:28px;height:1px;background:var(--gold-accent);opacity:.35}.preview__ornament i{width:3px;height:3px;background:var(--gold-accent);border-radius:50%;opacity:.5;font-style:normal}.preview__body{padding:0 2rem .5rem}.preview__lead{font-family:var(--font-serif);font-size:1rem;font-style:italic;font-weight:400;line-height:1.85;color:var(--ink-black);border-left:1.5px solid var(--gold-accent);padding-left:1rem;margin-bottom:1.2rem}.preview__body p{font-family:var(--font-serif);font-size:.92rem;line-height:1.9;color:#2a2018;margin-bottom:1rem}.preview__ps{padding:0 2rem;margin-bottom:1.2rem}.preview__ps p{font-family:var(--font-serif);font-style:italic;font-size:.85rem;line-height:1.85;color:#2a2018;opacity:.7;padding-left:1rem;border-left:2px solid rgba(212,166,83,.4)}.preview__sig{padding:1rem 2rem 1.5rem}.preview__sig-line{width:28px;height:1px;background:var(--gold-accent);opacity:.5;margin-bottom:.8rem}.preview__sig-closing{font-family:var(--font-serif);font-size:.82rem;font-style:italic;color:#9c8c7c;margin-bottom:.1rem}.preview__sig-name{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;font-style:italic;color:var(--ink-black);line-height:1;margin-bottom:.3rem}.preview__sig-tagline{font-family:var(--font-sans);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#9c8c7c}.preview__divider{height:1px;background:linear-gradient(90deg,transparent,var(--soft-grey),transparent);margin:0 2rem}.preview__cta-section{text-align:center;padding:1.5rem 2rem;background:var(--light-mist)}.preview__cta-question{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;font-weight:400;color:var(--ink-black);line-height:1.3;margin-bottom:.5rem}.preview__cta-desc{font-family:var(--font-sans);font-size:.72rem;font-weight:300;line-height:1.7;color:#6b5e52}.preview__dark-footer{background:var(--ink-black);padding:1rem 1.8rem;display:flex;align-items:center;justify-content:space-between}.preview__dark-footer span{font-family:var(--font-sans);font-size:.5rem;letter-spacing:.1em;color:#fffcf533}.preview__dark-footer span:last-child{font-family:var(--font-serif);font-size:.75rem;font-style:italic;letter-spacing:0}.preview__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.preview__back-btn{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-white);opacity:.5;background:none;border:none;padding:.75rem;cursor:pointer;transition:opacity var(--transition);text-align:center}.preview__back-btn:hover{opacity:.8}.preview__error{font-size:.8rem;color:#e88;margin-top:.75rem;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-inner{border-left-width:48vw;border-right-width:48vw}.envelope__flap-inner:after{border-left-width:47vw;border-right-width:47vw}.preview__body{padding:0 1.5rem .5rem}.preview__ps{padding:0 1.5rem}.preview__sig{padding:1rem 1.5rem 1.5rem}.preview__divider{margin:0 1.5rem}.preview__note-label{padding:1.5rem 1.5rem 1rem}.preview__cta-section{padding:1.2rem 1.5rem}.preview__dark-header{padding:1.2rem 1.5rem 1rem}}@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}}