@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@100..900&display=swap";:root{--sage-green: #8FA98F;--sand-beige: #D2B48C;--cream-white: #FDFBF7;--soft-gold: #DAB872;--gold-glow: rgba(218, 184, 114, .4);--deep-olive: #4A5D4A;--text-main: #3E3B39;--text-muted: #706C68;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(218, 184, 114, .4);font-family:Inter,sans-serif;line-height:1.6;font-weight:400;color:var(--text-main);background-color:var(--cream-white);background-image:radial-gradient(circle at 50% 50%,rgba(210,180,140,.1) 1%,transparent 1.5%),linear-gradient(45deg,transparent 49.5%,rgba(210,180,140,.05) 49.5%,rgba(210,180,140,.05) 50.5%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,rgba(210,180,140,.05) 49.5%,rgba(210,180,140,.05) 50.5%,transparent 50.5%);background-size:80px 80px;background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse-gold{0%{box-shadow:0 0 0 0 var(--gold-glow)}70%{box-shadow:0 0 0 10px #dab87200}to{box-shadow:0 0 #dab87200}}.floating{animation:float 5s ease-in-out infinite}.pulse{animation:pulse-gold 2s infinite}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 2px 2px,rgba(143,169,143,.1) 1px,transparent 0);background-size:24px 24px;z-index:-1}html,body{overflow-x:hidden;width:100%;margin:0;padding:0}*{box-sizing:border-box}body{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--cream-white)}h1,h2,h3{font-family:Playfair Display,serif;color:var(--deep-olive);font-weight:700;letter-spacing:-.02em}h1{font-size:2.8rem;margin-bottom:.5rem}.app-container{width:calc(100% - 2rem);max-width:550px;padding:3rem;margin:2rem 1rem;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:48px;box-shadow:0 10px 30px #4a5d4a0d,0 30px 60px #00000008,inset 0 0 0 1px #ffffff80;text-align:center;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1)}.app-container:before{content:"";position:absolute;inset:12px;border:1px dashed var(--soft-gold);border-radius:38px;pointer-events:none;opacity:.3}@media(min-width:992px){.app-container{max-width:1050px;display:grid;grid-template-columns:1fr 360px;gap:4rem;text-align:left;align-items:start;padding:4rem}.main-content{grid-column:1}.sidebar{grid-column:2;position:sticky;top:2rem}header{grid-column:1 / -1;text-align:center;margin-bottom:3rem}}.glass-card{background:#fff;border:1px solid rgba(143,169,143,.2);border-radius:24px;padding:2.5rem;margin:2rem 0;box-shadow:0 10px 30px #00000008;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,rgba(197,160,89,.05),transparent);pointer-events:none}button{border-radius:16px;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease}button.primary{background:var(--sage-green);color:#fff!important;box-shadow:0 8px 20px #8fa98f4d}button.primary:hover{transform:translateY(-2px);background:var(--deep-olive);box-shadow:0 12px 25px #8fa98f66}button.google-login{background:#fff;color:var(--text-main)!important;border:1px solid #E0E0E0;display:flex;align-items:center;justify-content:center;gap:12px;margin:2rem auto;border-radius:12px}button.google-login:hover{background:#f9f9f9;border-color:#ccc}.comment-bubble{background:#fff;border:1px solid rgba(143,169,143,.15);border-radius:16px;padding:1.25rem;margin-bottom:1rem}.name-bubble{display:inline-block;background:var(--cream-white);color:var(--deep-olive);border:1px solid var(--sage-green);border-radius:100px;padding:6px 18px;font-size:.9rem;font-weight:600;margin-bottom:8px}.vote-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:4px 10px;border-radius:6px}.vote-tag.boy{background:#8fa98f26;color:var(--deep-olive)}.vote-tag.girl{background:#d2b48c26;color:#8b6b4c}.balloon-image{cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.balloon-image:hover{transform:scale(1.05)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream-white)}::-webkit-scrollbar-thumb{background:var(--sand-beige);border-radius:10px;border:2px solid var(--cream-white)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease forwards}.scratch-card-wrapper{position:relative;width:100%;height:150px;border-radius:16px;overflow:hidden;margin:1rem 0;box-shadow:0 4px 15px #0000001a;background:#fff;cursor:crosshair}.scratch-card-wrapper.disabled{cursor:not-allowed;opacity:.8}.scratch-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:opacity .5s ease;touch-action:none}.scratch-canvas.fade-out{opacity:0;pointer-events:none}.gender-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.gender-content.boy{background:linear-gradient(135deg,#9b89b3,#8a78a3);color:#fff}.gender-content.girl{background:linear-gradient(135deg,#ffd3b6,#ffc4a3);color:#fff}.gender-content h3{font-size:2.5rem;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff}.logo{height:6em;padding:1.5rem;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}