@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url('/playfair-display-v40-latin-600.woff2') format('woff2')}:root{--canvas:#fdf4ec;--canvas-soft:#fef8f2;--ivory:#fffaf5;--ink:#3a1030;--ink-soft:#6b3555;--ink-faded:#a67a93;--peach:#ffc8a8;--peach-pale:#ffe4d1;--pink:#ec4899;--pink-deep:#be185d;--pink-pale:#fbcfe0;--plum:#5b1447;--plum-soft:#7a2660;--line:#f1d9c7;--serif:'Playfair Display','Cormorant Garamond',ui-serif,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--canvas);background-image:radial-gradient(ellipse 70% 55% at 12% 8%,rgba(255,200,168,.55),transparent 62%),radial-gradient(ellipse 60% 50% at 92% 12%,rgba(236,72,153,.18),transparent 58%),radial-gradient(ellipse 80% 60% at 88% 95%,rgba(91,20,71,.14),transparent 60%),radial-gradient(ellipse 100% 80% at 50% 50%,var(--canvas-soft),var(--canvas));height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.35;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.1  0 0 0 0 0.08  0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");mix-blend-mode:multiply}.container{max-width:520px;width:100%;height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.header-container{text-align:center;margin-bottom:1.5rem;flex-shrink:0;animation:fadeIn .7s ease-out}.brand-mark{display:inline-flex;align-items:center;gap:10px;color:var(--pink);font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;margin-bottom:.3rem}.brand-bloom{display:inline-flex;color:var(--pink);animation:bloomSway 8s ease-in-out infinite;transform-origin:center}@keyframes bloomSway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}h1{font-family:var(--serif);color:var(--ink);font-size:3.4rem;line-height:1.02;font-weight:600;letter-spacing:-.025em;margin-bottom:.6rem}h1 em{font-style:italic;color:var(--pink)}h1 .dot{color:var(--pink)}.subtitle{font-family:var(--serif);font-size:1.05rem;font-style:italic;font-weight:400;color:var(--ink-soft);letter-spacing:.005em;line-height:1.4}.card{background:var(--ivory);border-radius:4px;border:1px solid var(--line);box-shadow:0 1px 2px rgba(42,30,26,.04),0 20px 40px -20px rgba(42,30,26,.08);padding:32px;animation:fadeIn .7s ease-out .1s both;display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.card::after,.card::before{content:'';position:absolute;width:14px;height:14px;border:1px solid var(--pink-pale)}.card::before{top:-1px;left:-1px;border-right:none;border-bottom:none}.card::after{bottom:-1px;right:-1px;border-left:none;border-top:none}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes simpleFade{from{opacity:0}to{opacity:1}}@keyframes shimmer{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.08) rotate(4deg);opacity:.85}}@keyframes blob-1-anim{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,-20px)}}@keyframes blob-2-anim{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,20px)}}@keyframes sp-1-anim{0%{opacity:.2;transform:translate(-11px,-5px) scale(.88)}30%{opacity:.28;transform:translate(5px,-9px) scale(1.05)}60%{opacity:.15;transform:translate(10px,7px) scale(.92)}80%{opacity:.25;transform:translate(-6px,8px) scale(1)}100%{opacity:.2;transform:translate(-11px,-5px) scale(.88)}}@keyframes sp-2-anim{0%{opacity:.16;transform:translate(7px,-10px) scale(.9)}35%{opacity:.24;transform:translate(-8px,-5px) scale(1.08)}65%{opacity:.14;transform:translate(-7px,9px) scale(.85)}85%{opacity:.22;transform:translate(9px,6px) scale(1)}100%{opacity:.16;transform:translate(7px,-10px) scale(.9)}}@keyframes sp-3-anim{0%{opacity:.38;transform:translate(-8px,11px) scale(.92)}25%{opacity:.55;transform:translate(7px,9px) scale(1.18)}50%{opacity:.32;transform:translate(10px,-6px) scale(.88)}75%{opacity:.48;transform:translate(-7px,-9px) scale(1.1)}100%{opacity:.38;transform:translate(-8px,11px) scale(.92)}}@keyframes sp-4-anim{0%{opacity:.32;transform:translate(10px,-7px) scale(.94)}30%{opacity:.5;transform:translate(-5px,-11px) scale(1.15)}55%{opacity:.28;transform:translate(-10px,6px) scale(.9)}80%{opacity:.45;transform:translate(7px,10px) scale(1.08)}100%{opacity:.32;transform:translate(10px,-7px) scale(.94)}}@keyframes sp-5-anim{0%{opacity:.52;transform:translate(-7px,-5px) scale(.95)}20%{opacity:.72;transform:translate(4px,-7px) scale(1.25)}40%{opacity:.48;transform:translate(8px,4px) scale(.9)}70%{opacity:.68;transform:translate(-4px,7px) scale(1.18)}100%{opacity:.52;transform:translate(-7px,-5px) scale(.95)}}@keyframes sp-6-anim{0%{opacity:.48;transform:translate(5px,8px) scale(.9)}25%{opacity:.65;transform:translate(-6px,5px) scale(1.2)}55%{opacity:.42;transform:translate(-8px,-4px) scale(.88)}80%{opacity:.6;transform:translate(7px,-7px) scale(1.15)}100%{opacity:.48;transform:translate(5px,8px) scale(.9)}}.blob-1{animation:blob-1-anim 9s ease-in-out infinite}.blob-2{animation:blob-2-anim 8s ease-in-out infinite 1s}.sparkle{transform-box:fill-box;transform-origin:center}.sp-1{animation:sp-1-anim 15s ease-in-out infinite backwards}.sp-2{animation:sp-2-anim 17s ease-in-out infinite 3s backwards}.sp-3{animation:sp-3-anim 11s ease-in-out infinite 1s backwards}.sp-4{animation:sp-4-anim 13s ease-in-out infinite 5s backwards}.sp-5{animation:sp-5-anim 9s ease-in-out infinite 2s backwards}.sp-6{animation:sp-6-anim 10s ease-in-out infinite 4s backwards}.sp-5,.sp-6{filter:url(#sp-glow) brightness(1) saturate(1);transition:filter .35s ease}.sp-3,.sp-4{filter:brightness(1) saturate(1);transition:filter .35s ease}#drop-zone:is(:hover,.drag-over) .sp-3,#drop-zone:is(:hover,.drag-over) .sp-4{filter:brightness(1.6) saturate(1.2)}#drop-zone:is(:hover,.drag-over) .sp-5,#drop-zone:is(:hover,.drag-over) .sp-6{filter:url(#sp-glow) brightness(1.8) saturate(1.3)}@media (prefers-reduced-motion:reduce){.blob-1,.blob-2,.sparkle{animation:none!important}}#drop-zone{border:1px dashed var(--line);border-radius:2px;padding:0;text-align:center;cursor:pointer;transition:all .35s ease;background:var(--canvas-soft);margin:0;display:flex;justify-content:center;align-items:center;flex:1;min-height:0;animation:simpleFade .5s ease-out;position:relative;overflow:hidden}.drop-zone-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .35s ease,transform .6s ease}.drop-zone-inner{position:relative;z-index:1;padding:16px 22px;background:rgba(255,250,245,.78);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(236,72,153,.15);border-radius:2px;display:flex;flex-direction:column;align-items:center;transition:transform .35s ease;max-width:260px}#drop-zone:hover{border-color:var(--pink);background:var(--canvas-soft)}#drop-zone:hover .drop-zone-bg{opacity:.7;transform:scale(1.02)}#drop-zone:hover .drop-zone-icon{color:var(--pink);transform:scale(1.06)}#drop-zone:hover .drop-zone-inner{transform:scale(1.02)}#drop-zone.drag-over{border-color:var(--pink);border-style:solid;background:var(--peach-pale)}.drop-zone-icon{color:var(--ink-soft);margin-bottom:.9rem;transition:all .35s ease}.drop-zone-text{color:var(--ink);font-family:var(--serif);font-style:italic;font-size:1.2rem;font-weight:600;line-height:1.3;text-align:center;width:100%}.drop-zone-subtext{color:var(--pink);font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-top:.6rem;text-align:center;width:100%;margin-right:-.22em;white-space:nowrap}#preview-container{margin:0;text-align:center;position:relative;animation:scaleIn .45s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;flex:1;min-height:0}.image-wrapper{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;height:100%}#preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:2px;box-shadow:0 1px 2px rgba(42,30,26,.08),0 20px 40px -12px rgba(42,30,26,.18)}.reset-button{position:absolute;top:10px;right:10px;background:var(--ivory);color:var(--ink);border:1px solid var(--line);border-radius:50%;width:32px;height:32px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.reset-button:active,.reset-button:hover{background:var(--pink);color:var(--ivory);border-color:var(--pink)}.button-primary{width:100%;padding:16px;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;transition:filter .25s ease,transform .15s ease;background:var(--pink);color:var(--ivory);display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;margin-top:20px;position:relative;overflow:hidden}.button-primary::before{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0,rgba(255,255,255,.28) 50%,transparent 100%);transform:skewX(-20deg);transition:left .5s ease;pointer-events:none}.button-primary>*{position:relative;z-index:1}.button-primary:hover:not(:disabled){filter:brightness(1.08)}.button-primary:hover:not(:disabled)::before{left:130%}.button-primary:active:not(:disabled){transform:scale(.97);filter:brightness(.93)}.button-primary:disabled{opacity:.55;cursor:not-allowed}.button-secondary{width:100%;padding:16px;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;transition:filter .25s ease,transform .15s ease;background:var(--pink);color:var(--ivory);display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;flex-shrink:0;position:relative;overflow:hidden}.button-secondary::before{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0,rgba(255,255,255,.28) 50%,transparent 100%);transform:skewX(-20deg);transition:left .5s ease;pointer-events:none}.button-secondary>*{position:relative;z-index:1}.button-secondary:hover{filter:brightness(1.08)}.button-secondary:hover::before{left:130%}.button-secondary:active{transform:scale(.97);filter:brightness(.93)}#button-text{display:flex;align-items:center;gap:10px}.spinner{border:1.5px solid rgba(255,253,249,.25);border-top:1.5px solid var(--ivory);border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}#display{margin-top:20px;padding:32px 28px;background:var(--canvas-soft);border:1px solid var(--line);border-top:3px solid var(--pink-pale);border-radius:2px;display:none;animation:slideUpFade .5s cubic-bezier(.16,1,.3,1);overflow-y:auto;min-height:0}#display.show{display:block}.compliment-content{display:block}#compliment-text{color:var(--ink);font-family:var(--serif);font-size:1.4rem;line-height:1.7;font-weight:600;text-align:left;margin:0}.svg-sprite{display:none}#image-input{display:none}.hidden{display:none!important}@media (max-width:600px){body{padding:14px}h1{font-size:2.4rem}.card{padding:22px}#drop-zone{padding:32px 20px}body.has-result .header-container{display:flex;align-items:baseline;justify-content:center;column-gap:10px;margin-bottom:.75rem}body.has-result .brand-mark{display:none}body.has-result h1{font-size:1.7rem;margin-bottom:0}body.has-result .subtitle{display:none}body.has-result #preview-container{margin:0}body.has-result #display{margin-top:14px;padding:20px}body.has-result .button-secondary{margin-top:10px;padding:12px}body.has-result .card{padding:16px}}