@import"https://fonts.googleapis.com/css2?family=Alex+Brush&family=Ankora&family=Frank+Ruhl+Libre:wght@400;500;700;900&family=Inter:wght@400;500;600;700&display=swap";:root{--love-900: #7c1d3e;--love-700: #a83257;--love-500: #d63384;--love-400: #e35a9c;--love-300: #ff6b8a;--love-200: #ff8fab;--love-100: #ffc2d4;--love-50: #ffd6e0;--love-25: #fff5f7;--poland-red: #dc143c;--poland-white: #ffffff;--israel-blue: #0038b8;--israel-white: #ffffff;--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .25);--gold-badge: #ffd700;--success: #22c55e;--error: #ef4444;--love-600: #c1296f;--ink-900: #2a1a2a;--ink-700: #4a2c4a;--ink-500: #7a5a7a;--ink-300: #c4a8c4;--font-elegant: "Ankora", "Cormorant Garamond", Georgia, serif;--font-script: "Alex Brush", "Dancing Script", cursive;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-hebrew: "Frank Ruhl Libre", "David Libre", "Times New Roman", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 3rem;--text-5xl: 4rem;--text-6xl: 6rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-loose: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-glass: 0 8px 32px 0 rgba(124, 29, 62, .12), inset 0 1px 0 0 rgba(255, 255, 255, .4);--shadow-soft: 0 2px 8px rgba(124, 29, 62, .06), 0 1px 2px rgba(124, 29, 62, .08);--shadow-glow-pink: 0 8px 24px rgba(214, 51, 132, .35), 0 2px 6px rgba(214, 51, 132, .2);--shadow-card-hover: 0 16px 48px rgba(124, 29, 62, .18), 0 4px 12px rgba(214, 51, 132, .15);--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .15s var(--ease-soft);--t-normal: .3s var(--ease-soft);--t-slow: .5s var(--ease-soft);--max-content: 1100px;--bottom-nav-height: 64px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink-900);background:linear-gradient(135deg,var(--love-50) 0%,#ffffff 50%,var(--love-100) 100%) fixed;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-elegant);font-weight:var(--weight-medium);line-height:var(--leading-tight);margin:0 0 var(--space-3);color:var(--love-900)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0 0 var(--space-3)}a{color:var(--love-700);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--love-500)}:lang(he),[dir=rtl]{font-family:var(--font-hebrew)}.script,.love-accent{font-family:var(--font-script);color:var(--love-500);font-weight:var(--weight-regular);line-height:1}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--love-500);outline-offset:3px;border-radius:var(--radius-sm)}img,svg,video{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}::selection{background:var(--love-200);color:var(--love-900)}.pad-inline{padding-inline:var(--space-4)}.pad-block{padding-block:var(--space-4)}.mt-auto{margin-block-start:auto}.mb-auto{margin-block-end:auto}@keyframes floatHeart{0%{transform:translateZ(0) rotate(-6deg) scale(.85);opacity:0}10%{opacity:var(--heart-peak-opacity, .7)}25%{transform:translate3d(28px,-25vh,0) rotate(8deg) scale(1)}50%{transform:translate3d(-22px,-50vh,0) rotate(-10deg) scale(1.05)}75%{transform:translate3d(20px,-75vh,0) rotate(6deg) scale(.95)}90%{opacity:var(--heart-peak-opacity, .7)}to{transform:translate3d(-10px,-110vh,0) rotate(-4deg) scale(.8);opacity:0}}.floating-heart{position:absolute;bottom:-40px;width:24px;height:24px;background:var(--heart-color, var(--love-300));clip-path:path("M12 21s-7.5-4.6-9.6-9.4C1 8.4 2.8 5 6 5c2 0 3.4 1 4 2 0.6-1 2-2 4-2 3.2 0 5 3.4 3.6 6.6C19.5 16.4 12 21 12 21z");filter:drop-shadow(0 2px 4px rgba(214,51,132,.35));will-change:transform,opacity;animation-name:floatHeart;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards;pointer-events:none}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.08)}}.anim-heartbeat{animation:heartbeat .8s ease-in-out infinite;transform-origin:center center;will-change:transform}@keyframes fadeSlideUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.anim-fade-up{animation:fadeSlideUp .3s var(--ease-soft) both}@keyframes fadeSlideDown{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20px,0)}}.anim-fade-down{animation:fadeSlideDown .2s var(--ease-soft) both}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-shimmer{background-image:linear-gradient(100deg,#fff0 30%,#ffffff73,#fff0 70%);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 #d6338480,0 4px 14px #d6338440}50%{box-shadow:0 0 0 10px #d6338400,0 6px 20px #d6338473}}.anim-glow-pulse{animation:glowPulse 1.6s ease-in-out infinite}@keyframes flipCard{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.anim-flip{animation:flipCard .6s var(--ease-soft) forwards;transform-style:preserve-3d;will-change:transform}.flip-card{perspective:1200px;position:relative}.flip-inner{position:relative;width:100%;height:100%;transition:transform .6s var(--ease-soft);transform-style:preserve-3d}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}@keyframes confettiBurst{0%{transform:translateZ(0) rotate(0) scale(1);opacity:1}60%{opacity:1}to{transform:translate3d(var(--tx, 120px),var(--ty, -180px),0) rotate(var(--rot, 540deg)) scale(.4);opacity:0}}.anim-confetti{animation:confettiBurst .9s var(--ease-soft) forwards;will-change:transform,opacity}.confetti{position:absolute;width:8px;height:14px;background:var(--confetti-color, var(--love-400));border-radius:2px;pointer-events:none;animation:confettiBurst .9s var(--ease-soft) forwards}@keyframes shakeWrong{0%,to{transform:translateZ(0)}20%{transform:translate3d(-8px,0,0)}40%{transform:translate3d(8px,0,0)}60%{transform:translate3d(-6px,0,0)}80%{transform:translate3d(6px,0,0)}}.anim-shake-wrong{animation:shakeWrong .4s ease-in-out;will-change:transform}@keyframes waveform{0%,to{transform:scaleY(.25)}20%{transform:scaleY(.85)}40%{transform:scaleY(.45)}60%{transform:scaleY(1)}80%{transform:scaleY(.6)}}.anim-wave-bar{animation:waveform .9s steps(20,end) infinite;transform-origin:bottom center;will-change:transform}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes caretBlink{0%,to{border-inline-end-color:var(--love-500)}50%{border-inline-end-color:transparent}}.anim-typewriter{display:inline-block;overflow:hidden;white-space:nowrap;border-inline-end:2px solid var(--love-500);animation:typewriter 2.4s steps(36,end) forwards,caretBlink .8s step-end infinite}@keyframes sparkle{0%,to{transform:scale(.9) rotate(0);opacity:.7}25%{transform:scale(1.15) rotate(45deg);opacity:1}50%{transform:scale(.95) rotate(180deg);opacity:.85}75%{transform:scale(1.05) rotate(315deg);opacity:1}}.anim-sparkle{animation:sparkle 2.4s ease-in-out infinite;transform-origin:center;will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.floating-heart,.anim-heartbeat,.anim-fade-up,.anim-fade-down,.anim-shimmer,.anim-glow-pulse,.anim-flip,.anim-confetti,.anim-shake-wrong,.anim-wave-bar,.anim-typewriter,.anim-sparkle,.confetti{animation:none!important}.anim-typewriter{border-inline-end:0;width:100%}}.glass-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background-image:linear-gradient(180deg,#ffffff2e,#ffffff0f);color:var(--ink-900);transition:transform var(--t-normal),box-shadow var(--t-normal),border-color var(--t-fast)}.glass-card-hover{cursor:pointer}.glass-card-hover:hover,.glass-card-hover:focus-visible{transform:scale(1.02) translateY(-2px);box-shadow:var(--shadow-card-hover),0 0 0 1px #d6338440;border-color:#d6338459}.glass-card-hover:active{transform:scale(.99) translateY(0)}.btn-love{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);line-height:1;color:#fff;padding:var(--space-3) var(--space-6);min-height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--love-500),var(--love-300));box-shadow:var(--shadow-glow-pink);cursor:pointer;user-select:none;position:relative;overflow:hidden;isolation:isolate;transition:transform var(--t-fast),box-shadow var(--t-fast),filter var(--t-fast)}.btn-love:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#fff0 30%,#fff6,#fff0 70%);background-size:200% 100%;animation:shimmer 2.6s linear infinite;pointer-events:none;z-index:-1}.btn-love:hover{transform:scale(1.05);box-shadow:0 12px 32px #d6338473,0 4px 10px #d633844d}.btn-love:active{transform:scale(.98)}.btn-love:disabled,.btn-love[aria-disabled=true]{filter:grayscale(.5);opacity:.6;cursor:not-allowed;pointer-events:none}.btn-love-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);line-height:1;color:var(--love-500);background:transparent;border:2px solid var(--love-500);border-radius:var(--radius-full);padding:calc(var(--space-3) - 2px) calc(var(--space-6) - 2px);min-height:44px;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}.btn-love-outline:hover{background:linear-gradient(135deg,var(--love-500),var(--love-300));color:#fff;transform:scale(1.04);box-shadow:var(--shadow-glow-pink)}.btn-love-outline:active{transform:scale(.98)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--ink-700);background:transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);min-height:40px;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.btn-ghost:hover{background:#d6338414;color:var(--love-700)}.quiz-option{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--ink-900);background:#ffffffb3;border:2px solid rgba(214,51,132,.18);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);min-height:64px;cursor:pointer;text-align:center;transition:transform var(--t-fast),border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-option:hover{transform:translateY(-2px);border-color:var(--love-300);box-shadow:var(--shadow-soft)}.quiz-option[aria-checked=true]{border-color:var(--love-500);background:#ffffffeb;box-shadow:var(--shadow-glow-pink)}.quiz-option-correct{border-color:var(--success)!important;background:#22c55e1f!important;color:#14532d;animation:glowPulse 1.2s ease-in-out 1;box-shadow:0 0 0 4px #22c55e33,0 8px 18px #22c55e2e!important}.quiz-option-correct:after{content:"✓";position:absolute;inset-inline-end:var(--space-3);inset-block-start:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;font-weight:var(--weight-bold);color:#fff;background:var(--success);border-radius:var(--radius-full);font-size:var(--text-sm)}.quiz-option-wrong{border-color:var(--error)!important;background:#ef44441a!important;color:#7f1d1d;animation:shakeWrong .4s ease-in-out}.quiz-option-wrong:after{content:"✕";position:absolute;inset-inline-end:var(--space-3);inset-block-start:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;font-weight:var(--weight-bold);color:#fff;background:var(--error);border-radius:var(--radius-full);font-size:var(--text-sm)}.progress-bar-animated{position:relative;width:100%;height:12px;background:#d633841f;border-radius:var(--radius-full);overflow:hidden}.progress-bar-animated>.progress-fill{height:100%;width:var(--progress, 0%);background:linear-gradient(90deg,var(--love-500),var(--love-300),var(--love-500));background-size:200% 100%;border-radius:var(--radius-full);transition:width .6s var(--ease-soft);animation:shimmer 2.4s linear infinite;box-shadow:0 0 12px #d6338473}.recording-wave{display:inline-flex;align-items:flex-end;gap:3px;height:56px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recording-wave>.wave-bar{display:block;width:4px;height:100%;border-radius:var(--radius-full);background:linear-gradient(180deg,var(--love-300),var(--love-500));transform:scaleY(.3);transform-origin:bottom center;animation:waveform .9s ease-in-out infinite;will-change:transform}.recording-wave>.wave-bar:nth-child(1){animation-delay:-0s}.recording-wave>.wave-bar:nth-child(2){animation-delay:-.08s}.recording-wave>.wave-bar:nth-child(3){animation-delay:-.16s}.recording-wave>.wave-bar:nth-child(4){animation-delay:-.24s}.recording-wave>.wave-bar:nth-child(5){animation-delay:-.32s}.recording-wave>.wave-bar:nth-child(6){animation-delay:-.4s}.recording-wave>.wave-bar:nth-child(7){animation-delay:-.48s}.recording-wave>.wave-bar:nth-child(8){animation-delay:-.56s}.recording-wave>.wave-bar:nth-child(9){animation-delay:-.04s}.recording-wave>.wave-bar:nth-child(10){animation-delay:-.12s}.recording-wave>.wave-bar:nth-child(11){animation-delay:-.2s}.recording-wave>.wave-bar:nth-child(12){animation-delay:-.28s}.recording-wave>.wave-bar:nth-child(13){animation-delay:-.36s}.recording-wave>.wave-bar:nth-child(14){animation-delay:-.44s}.recording-wave>.wave-bar:nth-child(15){animation-delay:-.52s}.recording-wave>.wave-bar:nth-child(16){animation-delay:-.6s}.recording-wave>.wave-bar:nth-child(17){animation-delay:-.1s}.recording-wave>.wave-bar:nth-child(18){animation-delay:-.18s}.recording-wave>.wave-bar:nth-child(19){animation-delay:-.26s}.recording-wave>.wave-bar:nth-child(20){animation-delay:-.34s}.recording-wave>.wave-bar:nth-child(21){animation-delay:-.42s}.recording-wave>.wave-bar:nth-child(22){animation-delay:-.5s}.recording-wave>.wave-bar:nth-child(23){animation-delay:-.58s}.recording-wave>.wave-bar:nth-child(24){animation-delay:-.66s}.flag-badge-pl,.flag-badge-il{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-soft);user-select:none;min-height:24px}.flag-badge-pl{color:var(--poland-red);background:linear-gradient(180deg,var(--poland-white) 0% 50%,var(--poland-red) 50% 100%);text-shadow:0 1px 0 rgba(255,255,255,.5)}.flag-badge-pl:before{content:"PL"}.flag-badge-il{color:var(--israel-blue);background:linear-gradient(180deg,var(--israel-blue) 0% 18%,var(--israel-white) 18% 82%,var(--israel-blue) 82% 100%)}.flag-badge-il:before{content:"IL"}.nav-pill{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--ink-500);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);min-width:56px;min-height:48px;cursor:pointer;transition:transform var(--t-fast),color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.nav-pill:hover{color:var(--love-500)}.nav-pill[aria-current=page],.nav-pill.is-active{color:var(--love-500);background:#ffffff8c;border-color:#d6338440;box-shadow:0 0 #d6338480,0 4px 14px #d6338440;transform:scale(1.1);animation:glowPulse 1.8s ease-in-out infinite}.nav-pill[aria-current=page] svg,.nav-pill.is-active svg{fill:currentColor}.achievement-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-full);background:radial-gradient(circle at 30% 30%,#fff7c2,var(--gold-badge) 60%,#c19a00 100%);box-shadow:inset 0 -3px 6px #0000002e,inset 0 2px 4px #ffffffb3,0 6px 18px #ffd70066;font-family:var(--font-script);font-size:var(--text-xl);color:#6a4c00;text-shadow:0 1px 0 rgba(255,255,255,.5);user-select:none}.achievement-badge:before{content:"";position:absolute;inset:-6px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.9),transparent 30%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.7),transparent 25%),radial-gradient(circle at 50% 80%,rgba(255,255,255,.6),transparent 25%);border-radius:var(--radius-full);pointer-events:none;opacity:0;transition:opacity var(--t-normal)}.achievement-badge.is-unlocked:before{opacity:1;animation:sparkle 2.4s ease-in-out infinite}.achievement-badge.is-locked{filter:grayscale(1) brightness(.85);opacity:.55}.streak-counter{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-sm);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(135deg,#ff8a00,#ff3d00 60%,#d62828);box-shadow:0 4px 14px #ff3d0066,inset 0 1px #ffffff59;text-shadow:0 1px 2px rgba(0,0,0,.25);letter-spacing:.02em;min-height:32px}.streak-counter:before{content:"🔥";font-size:var(--text-base);filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.xp-popup{position:absolute;display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-script);font-size:var(--text-2xl);color:var(--love-500);text-shadow:0 2px 8px rgba(214,51,132,.45);pointer-events:none;animation:xpFloat 1.2s var(--ease-soft) forwards;will-change:transform,opacity;z-index:50}@keyframes xpFloat{0%{opacity:0;transform:translateY(0) scale(.8)}20%{opacity:1;transform:translateY(-12px) scale(1.05)}to{opacity:0;transform:translateY(-60px) scale(.95)}}.heart-frame{position:relative;width:clamp(220px,60vw,360px);aspect-ratio:1 / 1;clip-path:path("M50,90 C20,70 0,45 0,25 C0,10 12,0 25,0 C35,0 45,5 50,15 C55,5 65,0 75,0 C88,0 100,10 100,25 C100,45 80,70 50,90 Z");-webkit-mask-image:var(--heart-mask, none);mask-image:var(--heart-mask, none);background:linear-gradient(135deg,var(--love-300),var(--love-500));filter:drop-shadow(0 16px 40px rgba(124,29,62,.3));isolation:isolate}.heart-frame{clip-path:polygon(50% 95%,18% 75%,4% 56%,2% 35%,9% 18%,24% 8%,38% 9%,50% 22%,62% 9%,76% 8%,91% 18%,98% 35%,96% 56%,82% 75%)}.heart-frame>img,.heart-frame>.heart-frame__media{width:100%;height:100%;object-fit:cover;display:block}.tooltip-romantic{position:relative;display:inline-flex;cursor:help}.tooltip-romantic>.tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:#fff;background:linear-gradient(135deg,var(--love-700),var(--love-500));padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-fast),transform var(--t-fast);box-shadow:var(--shadow-glow-pink);z-index:20}.tooltip-romantic>.tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--love-500)}.tooltip-romantic:hover>.tooltip-bubble,.tooltip-romantic:focus-visible>.tooltip-bubble,.tooltip-romantic:focus-within>.tooltip-bubble{opacity:1;transform:translate(-50%) translateY(0)}.page{position:relative;width:100%;min-height:100dvh;padding-inline:var(--space-4);padding-block-start:var(--space-6);padding-block-end:calc(var(--bottom-nav-height) + var(--space-6));max-width:var(--max-content);margin-inline:auto}@media (min-width: 768px){.page{padding-inline:var(--space-8);padding-block-start:var(--space-10)}}.page-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100dvh;padding-block:var(--space-10);padding-inline:var(--space-4);background:radial-gradient(ellipse at 30% 20%,rgba(255,143,171,.55),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(255,107,138,.4),transparent 55%),linear-gradient(160deg,var(--love-100) 0%,var(--love-50) 45%,var(--love-200) 100%);position:relative;overflow:hidden}.page-landing>*{position:relative;z-index:2}.page-landing #heart-container,.page-landing .heart-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.page-landing .landing-title{font-family:var(--font-elegant);font-size:clamp(var(--text-4xl),9vw,var(--text-6xl));color:var(--love-900);margin-block-end:var(--space-3);line-height:var(--leading-tight)}.page-landing .landing-script{font-family:var(--font-script);font-size:clamp(var(--text-3xl),8vw,var(--text-5xl));color:var(--love-500);margin-block-end:var(--space-6);line-height:1}.page-landing .landing-photo{margin-block:var(--space-6)}.page-landing .landing-cta{display:flex;flex-direction:column;gap:var(--space-3);margin-block-start:var(--space-6);width:100%;max-width:320px}@media (min-width: 480px){.page-landing .landing-cta{flex-direction:row;max-width:none}}.page-dashboard{display:grid;gap:var(--space-4)}.page-dashboard .dash-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-block-end:var(--space-4)}.page-dashboard .dash-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 480px){.page-dashboard .dash-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.page-dashboard .dash-grid{grid-template-columns:repeat(3,1fr)}}.page-dashboard .mode-card{min-height:160px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-3)}.page-alphabet{display:flex;flex-direction:column;gap:var(--space-5)}.page-alphabet .alphabet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.page-alphabet .alphabet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media (min-width: 480px){.page-alphabet .alphabet-grid{grid-template-columns:repeat(5,1fr);gap:var(--space-4)}}@media (min-width: 1024px){.page-alphabet .alphabet-grid{grid-template-columns:repeat(5,1fr);gap:var(--space-5)}}.page-alphabet .letter-tile{aspect-ratio:1 / 1;display:grid;place-items:center;font-family:var(--font-hebrew);font-size:clamp(var(--text-3xl),8vw,var(--text-5xl));font-weight:var(--weight-bold);color:var(--love-900);background:#fff9;border:1px solid rgba(214,51,132,.18);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-alphabet .letter-tile:hover{transform:scale(1.06);background:#ffffffd9;box-shadow:var(--shadow-soft)}.page-flashcards{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.page-flashcards .deck-strip{display:flex;gap:var(--space-2);overflow-x:auto;width:100%;padding-block:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--love-300) transparent}.page-flashcards .deck-chip{flex:0 0 auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#fff9;border:1px solid rgba(214,51,132,.2);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--t-fast),transform var(--t-fast)}.page-flashcards .deck-chip[aria-selected=true]{background:linear-gradient(135deg,var(--love-500),var(--love-300));color:#fff;border-color:transparent}.page-flashcards .card-stage{width:100%;max-width:420px;aspect-ratio:3 / 4;position:relative}.page-flashcards .flashcard-controls{display:flex;gap:var(--space-3);margin-block-start:var(--space-2)}.page-quiz{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.page-quiz .quiz-progress{width:100%}.page-quiz .quiz-card{width:100%;max-width:560px;text-align:center}.page-quiz .quiz-question{font-family:var(--font-elegant);font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));color:var(--love-900);margin-block:var(--space-2) var(--space-4)}.page-quiz .quiz-options{display:grid;grid-template-columns:1fr;gap:var(--space-3);width:100%;max-width:560px}@media (min-width: 480px){.page-quiz .quiz-options{grid-template-columns:repeat(2,1fr)}}.page-voice{display:flex;flex-direction:column;gap:var(--space-5)}.page-voice .voice-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);background:#ffffff80;padding:var(--space-1);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-voice .voice-tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-700);text-align:center;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.page-voice .voice-tab[aria-selected=true]{background:linear-gradient(135deg,var(--love-500),var(--love-300));color:#fff;box-shadow:var(--shadow-glow-pink)}.page-voice .voice-panel{display:flex;flex-direction:column;gap:var(--space-4)}.page-progress{display:flex;flex-direction:column;gap:var(--space-5)}.page-progress .heatmap{display:grid;grid-template-columns:repeat(53,minmax(8px,1fr));grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:2px;width:100%;overflow-x:auto;padding:var(--space-2);background:#ffffff80;border-radius:var(--radius-md)}.page-progress .heatmap-cell{aspect-ratio:1 / 1;border-radius:2px;background:#d6338414;transition:transform var(--t-fast)}.page-progress .heatmap-cell[data-level="1"]{background:var(--love-100)}.page-progress .heatmap-cell[data-level="2"]{background:var(--love-200)}.page-progress .heatmap-cell[data-level="3"]{background:var(--love-400)}.page-progress .heatmap-cell[data-level="4"]{background:var(--love-500)}.page-progress .heatmap-cell:hover{transform:scale(1.4);z-index:2;box-shadow:var(--shadow-soft)}.page-progress .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width: 768px){.page-progress .stats-grid{grid-template-columns:repeat(4,1fr)}}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;height:var(--bottom-nav-height);padding:var(--space-1) var(--space-2);padding-bottom:max(var(--space-1),env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;background:#ffffffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-block-start:1px solid rgba(214,51,132,.2);z-index:100}.page-landing,.page-dashboard,.page-alphabet,.page-flashcards,.page-quiz,.page-voice,.page-progress{padding-block-end:calc(var(--bottom-nav-height) + var(--space-5))}