.offline-indicator{position:fixed;bottom:calc(var(--nav-height, 60px) + env(safe-area-inset-bottom,0px) + 1rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-error, #dc3545);color:#fff;border-radius:2rem;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-container{position:fixed;top:calc(env(safe-area-inset-top,0px) + 1rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.75rem;z-index:1100;width:100%;max-width:400px;padding:0 1rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.75rem;background:#fff;box-shadow:0 4px 12px #00000026;animation:toastSlideIn .3s ease-out;pointer-events:auto}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.toast__icon{flex-shrink:0}.toast__message{flex:1;font-size:.875rem;line-height:1.4}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;opacity:.5;transition:opacity .2s;padding:0}.toast__close:hover{opacity:1}.toast--success{border-left:4px solid var(--color-success, #28a745)}.toast--success .toast__icon{color:var(--color-success, #28a745)}.toast--error{border-left:4px solid var(--color-error, #dc3545)}.toast--error .toast__icon{color:var(--color-error, #dc3545)}.toast--warning{border-left:4px solid var(--color-warning, #ffc107)}.toast--warning .toast__icon{color:var(--color-warning, #ffc107)}.toast--info{border-left:4px solid var(--color-primary, #6366f1)}.toast--info .toast__icon{color:var(--color-primary, #6366f1)}@media(prefers-color-scheme:dark){.toast{background:var(--color-surface, #1e1e1e);color:var(--color-text, #ffffff)}}:root{--bg-dark: #353E47;--bg-gradient-start: #353E47;--bg-gradient-end: #99CCFF;--color-primary: #E091D5;--color-secondary: #7EA6E0;--color-error: #EF4444;--color-success: #22C55E;--color-warning: #F59E0B;--color-text: #333333;--color-text-secondary: #666666;--btn-primary: #FFCD28;--btn-primary-hover: #FFA500;--btn-secondary: #DAE8FC;--btn-secondary-hover: #7EA6E0;--text-white: #FFFFFF;--text-gray: #808080;--text-dark: #000000;--input-bg: #FFFFFF;--input-placeholder: #808080;--card-green: #D5E8D4;--card-green-accent: #8DC26F;--card-pink: #FAD9D5;--border-radius: 25px;--border-radius-sm: 15px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg-dark);min-height:100vh;color:var(--text-white)}#root{min-height:100vh;display:flex;justify-content:center;align-items:center}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}input{font-family:inherit;border:none;outline:none}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.touch-target{min-width:44px;min-height:44px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:9999;transition:top .3s}.skip-link:focus{top:0}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001a,#0000000f 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;width:100%}.skeleton-circle{border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--color-background, #fafafa)}.page-loader__spinner{width:40px;height:40px;border:3px solid var(--color-border, #e0e0e0);border-top-color:var(--color-primary, #6366f1);border-radius:50%;animation:page-loader-spin .8s linear infinite}@keyframes page-loader-spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;font-size:1rem;color:var(--color-text-secondary)}