.offline-banner.svelte-1b07s7l{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:var(--font-size-sm);z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 2px 10px #0000001a}.offline-icon.svelte-1b07s7l{font-size:var(--font-size-base)}.install-prompt.svelte-1b07s7l{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-large);z-index:1000;animation:svelte-1b07s7l-slideUp .3s ease-out}.install-content.svelte-1b07s7l{padding:var(--spacing-lg)}.install-header.svelte-1b07s7l{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.install-header.svelte-1b07s7l h3:where(.svelte-1b07s7l){margin:0;font-size:var(--font-size-lg);color:var(--color-primary)}.dismiss-btn.svelte-1b07s7l{background:none;border:none;font-size:var(--font-size-lg);color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.dismiss-btn.svelte-1b07s7l:hover{background:#f0f0f0;color:#666}.install-content.svelte-1b07s7l p:where(.svelte-1b07s7l){margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:#666;line-height:1.4}.install-actions.svelte-1b07s7l{display:flex;gap:var(--spacing-sm)}.install-btn.svelte-1b07s7l{background:var(--primary-gradient);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-large);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .3s ease;flex:1}.install-btn.svelte-1b07s7l:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.pwa-status.svelte-1b07s7l{position:fixed;top:var(--spacing-md);right:var(--spacing-md);background:#4caf50e6;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-large);font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--spacing-xs);z-index:100}.pwa-icon.svelte-1b07s7l{font-size:var(--font-size-sm)}@keyframes svelte-1b07s7l-slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@supports (-webkit-touch-callout: none){.install-prompt.svelte-1b07s7l{bottom:max(var(--spacing-md),env(safe-area-inset-bottom))}}@media screen and (min-width: 768px){.install-prompt.svelte-1b07s7l{max-width:400px;left:auto;right:var(--spacing-md);bottom:var(--spacing-md)}.offline-banner.svelte-1b07s7l{position:relative;margin-bottom:var(--spacing-md)}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);--color-primary: #667eea;--color-secondary: #764ba2;--color-success: #4caf50;--color-danger: #f44336;--color-warning: #ff9800;--border-radius: 12px;--border-radius-small: 8px;--border-radius-large: 25px;--shadow-small: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--shadow-large: 0 8px 30px rgba(0, 0, 0, .2);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: 1rem;--font-size-lg: 1.2rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.bounce{animation:bounce 1s ease-in-out}.pulse{animation:pulse 2s ease-in-out infinite}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}html{scroll-behavior:smooth}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}@media screen and (min-width: 375px){:root{--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.75rem}}@media screen and (min-width: 390px){:root{--font-size-2xl: 1.5rem;--font-size-3xl: 2rem}}@media screen and (min-width: 428px){:root{--font-size-3xl: 2.25rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem}}@media screen and (min-width: 768px){:root{--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--spacing-xl: 3rem}}@media screen and (min-width: 1024px){:root{--font-size-3xl: 3rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.flashcard{border:.5px solid rgba(255,255,255,.1)}.category-card{border:.5px solid rgba(0,0,0,.05)}}@supports (padding: max(0px)){.app{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.app-header{padding-top:max(2rem,calc(2rem + env(safe-area-inset-top)))}.app-footer{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media (pointer: coarse){button,.flashcard,.category-card{min-height:44px;min-width:44px}.category-card{padding:1rem;margin:.25rem}.flashcard{min-height:280px}}@media screen and (max-height: 500px) and (orientation: landscape){.flashcard-container{height:220px}.app-header,.app-main{padding:1rem}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}*{box-sizing:border-box}.app.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.app-header.svelte-12qhfyh{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:#fff}.header-content.svelte-12qhfyh{max-width:800px;margin:0 auto}.app-title.svelte-12qhfyh{font-size:var(--font-size-2xl);font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.app-main.svelte-12qhfyh{flex:1;padding:var(--spacing-xl) var(--spacing-md);max-width:1200px;margin:0 auto;width:100%}.app-footer.svelte-12qhfyh{background:#0000001a;color:#fffc;text-align:center;padding:var(--spacing-md);font-size:var(--font-size-sm)}.app-footer.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0}@media (max-width: 768px){.app-title.svelte-12qhfyh{font-size:1.5rem}.app-header.svelte-12qhfyh{padding:1rem}.app-main.svelte-12qhfyh{padding:1rem .5rem}}