@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap";:root{--primary:#81515a;--primary-container:pink;--primary-fixed:#ffd9df;--primary-fixed-dim:#f4b6c1;--on-primary:#fff;--on-primary-container:#7b4b55;--secondary:#3b6663;--secondary-container:#bbe8e4;--secondary-fixed:#beebe7;--secondary-fixed-dim:#a2cfcb;--on-secondary:#fff;--on-secondary-container:#3f6a67;--tertiary:#5c5d6e;--tertiary-container:#cfcfe3;--error:#ba1a1a;--error-container:#ffdad6;--surface:#fbfbe2;--surface-dim:#dbdcc3;--surface-container:#efefd7;--surface-container-low:beige;--surface-container-high:#eaead1;--surface-container-lowest:#fff;--surface-variant:#e4e4cc;--on-surface:#1b1d0e;--on-surface-variant:#514345;--outline:#837375;--outline-variant:#d5c2c4;--inverse-surface:#303221;--inverse-on-surface:#f2f2d9;--inverse-primary:#f4b6c1;--font-cursive:"Dancing Script", cursive;--font-display:"Playfair Display", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:3rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--on-surface);background:var(--surface);min-height:100dvh;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-cursive);color:var(--on-surface);font-weight:500;line-height:1.2}.display-lg{font-family:var(--font-cursive);letter-spacing:-.01em;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1.05}.display-sm{font-family:var(--font-cursive);font-size:clamp(1.8rem,4vw,3rem);font-weight:600;line-height:1.15}.headline-md{font-family:var(--font-cursive);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:500;line-height:1.3}.body-md{font-family:var(--font-body);font-size:.95rem;font-weight:300;line-height:1.6}.body-sm{font-family:var(--font-body);font-size:.8rem;font-weight:300;line-height:1.5}.label-sm{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:500;line-height:1.4}.label-md{font-family:var(--font-body);letter-spacing:.05em;font-size:.8rem;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;white-space:nowrap;will-change:transform;border:none;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .6s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transition-duration:.1s;transform:scale(.95)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:var(--on-primary);box-shadow:0 4px 24px #81515a26}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 40px #81515a4d}.btn-primary:active{transform:scale(.96)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;animation:none;transform:none}.btn-outline{color:var(--primary);border:1.5px solid var(--outline-variant);background:0 0}.btn-outline:hover{border-color:var(--primary);background:#fff3}.btn-text{color:var(--primary);padding:var(--space-2) var(--space-3);background:0 0}.btn-text:hover{background:#ffffff26}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:#ffffff1f;border:1px solid #fff3}.glass-card--selected{border-color:var(--primary-fixed-dim);background:#81515a14}@keyframes appleReveal{0%{opacity:0;filter:blur(8px);transform:translateY(30px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes appleScaleIn{0%{opacity:0;filter:blur(6px);transform:scale(.88)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes appleFadeIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes applePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.animate-fade-in-up{animation:1.2s cubic-bezier(.16,1,.3,1) both appleReveal}.animate-fade-in{animation:1s cubic-bezier(.16,1,.3,1) both appleFadeIn}.animate-scale-in{animation:1.1s cubic-bezier(.16,1,.3,1) both appleScaleIn}.stagger>*{animation:1s cubic-bezier(.16,1,.3,1) both appleReveal}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.16s}.stagger>:nth-child(4){animation-delay:.24s}.stagger>:nth-child(5){animation-delay:.32s}.stagger>:nth-child(6){animation-delay:.4s}.stagger>:nth-child(7){animation-delay:.48s}.stagger>:nth-child(8){animation-delay:.56s}.stagger>:nth-child(9){animation-delay:.64s}.stagger>:nth-child(10){animation-delay:.72s}.stagger>:nth-child(11){animation-delay:.8s}.stagger>:nth-child(12){animation-delay:.88s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}::selection{background:var(--primary-container);color:var(--on-primary-container)}.container{width:100%;max-width:1200px;padding:0 clamp(var(--space-4), 3vw, var(--space-6));margin:0 auto}.header{z-index:100;padding:clamp(var(--space-4), 3vw, var(--space-6));animation:1.2s cubic-bezier(.16,1,.3,1) both headerSlideIn;position:fixed;top:0;left:0}@keyframes headerSlideIn{0%{opacity:0;filter:blur(4px);transform:translateY(-20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.header__logo{font-family:var(--font-cursive);color:var(--primary);opacity:.7;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:600;text-decoration:none;transition:all .6s cubic-bezier(.16,1,.3,1);display:inline-block}.header__logo:hover{opacity:1;transform:scale(1.05)}.floating-petals{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-petals__petal{opacity:.4;will-change:transform;transition:opacity .6s;animation:8s ease-in-out infinite petalFloat;position:absolute}@keyframes petalFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(6deg)}75%{transform:translateY(5px)rotate(-4deg)}}.landing{background:linear-gradient(170deg, var(--surface) 0%, var(--surface-container-low) 40%, var(--primary-fixed) 100%);justify-content:center;align-items:center;height:100dvh;display:flex;position:relative;overflow:hidden}.landing__center{z-index:2;text-align:center;align-items:center;gap:var(--space-5);padding:var(--space-4);flex-direction:column;display:flex;position:relative}.landing__title{color:var(--primary);animation:1.6s cubic-bezier(.16,1,.3,1) both appleHeroReveal}.landing__subtitle{color:var(--outline);letter-spacing:.04em;max-width:32ch;font-style:italic}.landing__cta{margin-top:var(--space-4)}@keyframes appleHeroReveal{0%{opacity:0;filter:blur(12px);transform:scale(.85)translateY(40px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.flower-card{align-items:center;gap:var(--space-2);padding:clamp(var(--space-3), 2vw, var(--space-4));-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-lg);cursor:pointer;text-align:center;will-change:transform;background:#ffffff1f;border:1px solid #fff3;outline:none;flex-direction:column;font-family:inherit;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.flower-card:hover:not(.flower-card--disabled){background:#ffffff38;transform:translateY(-4px)scale(1.03);box-shadow:0 12px 40px #81515a1a}.flower-card:active:not(.flower-card--disabled){transition-duration:.1s;transform:scale(.97)}.flower-card:focus-visible{box-shadow:0 0 0 3px var(--primary-fixed-dim)}.flower-card--selected{border-color:var(--primary-fixed-dim);background:#81515a1a;box-shadow:0 4px 20px #81515a1f}.flower-card--selected:hover{background:#81515a1f}.flower-card--disabled{opacity:.35;cursor:not-allowed}.flower-card__illustration{width:clamp(70px,12vw,100px);height:clamp(70px,12vw,100px);transition:transform var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex}.flower-card__img{object-fit:contain;pointer-events:none;width:100%;height:100%}.flower-card:hover:not(.flower-card--disabled) .flower-card__illustration{transform:scale(1.06)}.flower-card__info{flex-direction:column;gap:2px;display:flex}.flower-card__name{font-family:var(--font-cursive);color:var(--on-surface);font-size:clamp(.85rem,2vw,1rem);font-weight:600}.flower-card__meaning{color:var(--outline);letter-spacing:.03em;font-size:.6rem}.flower-card__check{top:var(--space-2);right:var(--space-2);animation:scaleIn var(--duration-fast) var(--ease-out) both;position:absolute}.builder-page{height:100dvh;padding:clamp(var(--space-16), 8vw, var(--space-20)) 0 var(--space-6);z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}.builder-page__header{gap:var(--space-2);margin-top:auto;margin-bottom:clamp(var(--space-3), 2vw, var(--space-5));flex-direction:column;flex-shrink:0;display:flex}.builder-page__header h1{color:var(--primary);animation:1.2s cubic-bezier(.16,1,.3,1) both appleReveal}.builder-page__title-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.builder-page__counter{color:var(--outline);font-size:.75rem}.builder-page__counter strong{color:var(--primary)}.builder-page__hint{color:var(--outline);opacity:.6}.builder-page__content{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;overflow-y:auto}.flower-grid{gap:clamp(var(--space-2), 1.5vw, var(--space-4));grid-template-columns:repeat(auto-fill,minmax(min(150px,45%),1fr));display:grid}.builder-page__split{gap:clamp(var(--space-4), 3vw, var(--space-8));flex-wrap:wrap;align-items:center;display:flex}.builder-page__split>*{flex:260px;min-width:0}.builder-page__options{gap:var(--space-3);flex-direction:column;display:flex}.builder-page__preview{justify-content:center;align-items:center;display:flex}.builder-page__preview-placeholder{border-radius:var(--radius-lg);border:2px dashed var(--outline-variant);opacity:.5;justify-content:center;align-items:center;width:200px;height:240px;display:flex}.builder-page__nav{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);flex-wrap:wrap;flex-shrink:0;margin-top:auto;display:flex}.write-note__card-wrapper{padding:var(--space-4) 0;flex:1;justify-content:center;align-items:center;max-width:min(480px,95vw);margin:0 auto;display:flex}.bouquet-type-card{align-items:center;gap:clamp(var(--space-3), 2vw, var(--space-5));padding:clamp(var(--space-3), 2vw, var(--space-5));-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-lg);cursor:pointer;text-align:left;will-change:transform;background:#ffffff1f;border:1px solid #fff3;outline:none;width:100%;font-family:inherit;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.bouquet-type-card:hover{background:#ffffff38;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 36px #3b66631a}.bouquet-type-card:active{transition-duration:.1s;transform:scale(.97)}.bouquet-type-card:focus-visible{box-shadow:0 0 0 3px var(--secondary-fixed-dim)}.bouquet-type-card--selected{border-color:var(--secondary-fixed-dim);background:#3b666314}.bouquet-type-card--selected:hover{background:#3b66631a}.bouquet-type-card__thumb{flex-shrink:0;justify-content:center;align-items:center;width:clamp(50px,8vw,70px);height:clamp(50px,8vw,70px);display:flex}.bouquet-type-card__img{object-fit:contain;pointer-events:none;width:100%;height:100%}.bouquet-type-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bouquet-type-card__name{font-family:var(--font-cursive);color:var(--on-surface);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600}.bouquet-type-card__desc{color:var(--outline)}.bouquet-type-card__check{top:var(--space-3);right:var(--space-3);animation:scaleIn var(--duration-fast) var(--ease-out) both;position:absolute}.bouquet-display{justify-content:center;align-items:center;display:flex}.bouquet-display--large .bouquet-display__canvas{width:min(400px,85vw);height:min(460px,100vw)}.bouquet-display--small .bouquet-display__canvas{width:min(260px,70vw);height:min(300px,80vw)}.bouquet-display__canvas{position:relative}.bouquet-display__bush{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.bouquet-display__bush--back{object-fit:contain;z-index:1;width:100%;height:100%;inset:0}.bouquet-display__bush--top{object-fit:contain;z-index:20;width:100%;height:100%;inset:0}.bouquet-display__flower-wrap{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.bouquet-display__flower{object-fit:contain;filter:drop-shadow(0 2px 6px #00000014);will-change:transform, filter;width:100%;height:100%;animation-name:flowerBounce;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes flowerBounce{0%,to{filter:drop-shadow(0 2px 6px #00000014);transform:translateY(0)}50%{filter:drop-shadow(0 5px 14px #00000024);transform:translateY(-5px)}}.note-card-preview{perspective:800px;width:100%}.note-card-preview__inner{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:clamp(var(--space-6), 4vw, var(--space-10)) clamp(var(--space-5), 3vw, var(--space-8));gap:var(--space-5);flex-direction:column;min-height:240px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 8px 40px #81515a14,0 20px 60px #0000000d}.note-card-preview__inner:hover{transform:rotate(-1deg)translateY(-5px)scale(1.01);box-shadow:0 16px 60px #81515a1f,0 32px 80px #00000014}.note-card-preview__inner:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-container), var(--secondary-container));height:3px;position:absolute;top:0;left:0;right:0}.note-card-preview__header{text-align:center}.note-card-preview__flourish{opacity:.35;font-size:1.3rem}.note-card-preview__to-line{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25em;display:flex}.note-card-preview__to-label{font-family:var(--font-cursive);color:var(--on-surface)}.note-card-preview__to{font-family:var(--font-cursive);color:var(--primary)}.note-card-preview__body{gap:var(--space-3);text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.note-card-preview__message{color:var(--on-surface);white-space:pre-wrap;word-break:break-word;max-width:32ch;margin:0 auto;font-size:.9rem}.note-card-preview__inline-input{border:none;border-bottom:1.5px dashed var(--outline-variant);color:var(--primary);font-family:var(--font-cursive);text-align:center;padding:var(--space-1) var(--space-2);background:0 0;outline:none;min-width:100px;max-width:100%;transition:border-color .3s}.note-card-preview__inline-input:focus{border-bottom-color:var(--primary)}.note-card-preview__inline-input::placeholder{color:var(--outline-variant);opacity:.6}.note-card-preview__inline-input--to{font-size:inherit;font-weight:inherit}.note-card-preview__inline-input--from{font-family:var(--font-cursive);color:var(--on-surface);font-size:.95rem;font-weight:600}.note-card-preview__inline-textarea{border:none;border-bottom:1.5px dashed var(--outline-variant);color:var(--on-surface);font-family:var(--font-body);text-align:center;padding:var(--space-2);resize:none;background:0 0;outline:none;width:100%;max-width:32ch;font-size:.9rem;line-height:1.6;transition:border-color .3s}.note-card-preview__inline-textarea:focus{border-bottom-color:var(--primary)}.note-card-preview__inline-textarea::placeholder{color:var(--outline-variant);opacity:.6}.note-card-preview__charcount{color:var(--outline);opacity:.5;font-size:.65rem}.note-card-preview__footer{text-align:center;padding-top:var(--space-3);border-top:1px solid #d5c2c426;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25em;display:flex}.note-card-preview__from-label{font-family:var(--font-cursive);color:var(--outline);font-size:.95rem}.note-card-preview__from-name{font-family:var(--font-cursive);color:var(--on-surface);font-size:.95rem;font-weight:600}.note-card-preview__from{font-family:var(--font-cursive);color:var(--outline);font-size:.95rem}.note-card-preview__from span{color:var(--on-surface);font-weight:600}.gift-page{z-index:1;background:linear-gradient(175deg, var(--surface) 0%, var(--surface-container-low) 50%, var(--primary-fixed) 100%);flex-direction:column;align-items:center;min-height:100dvh;display:flex;position:relative}.gift-page--error{justify-content:center;gap:var(--space-6);text-align:center}.corner-ornament{width:60px;height:60px;color:var(--outline-variant);opacity:.4;z-index:2;position:fixed}.corner-ornament--tl{top:16px;left:16px}.corner-ornament--tr{top:16px;right:16px;transform:scaleX(-1)}.corner-ornament--bl{bottom:16px;left:16px;transform:scaleY(-1)}.corner-ornament--br{bottom:16px;right:16px;transform:scale(-1)}.flourish{width:clamp(120px,20vw,200px);height:auto;color:var(--outline-variant);opacity:.45}.flourish--small{width:clamp(80px,12vw,140px);margin-bottom:var(--space-2)}.gift-page__header{width:100%;padding:clamp(var(--space-3), 2vw, var(--space-5)) clamp(var(--space-4), 3vw, var(--space-8));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.gift-page__logo{font-family:var(--font-cursive);color:var(--primary);opacity:.7;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:600;text-decoration:none}.gift-page__logo:hover{opacity:1}.gift-page__dedication{text-align:center;padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.gift-page__dedication h1{color:var(--primary);font-style:italic}.gift-page__gifts{justify-content:center;align-items:center;gap:clamp(var(--space-6), 4vw, var(--space-12));padding:var(--space-4) clamp(var(--space-4), 3vw, var(--space-8));flex-wrap:wrap;flex:1;width:100%;max-width:1100px;display:flex}.gift-page__bouquet{flex-shrink:0}.gift-page__card{flex:0 400px;min-width:min(340px,90vw)}.gift-page__footer{text-align:center;padding:var(--space-3);align-items:center;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}