.offline-overview.svelte-15ueh3o{height:100vh;width:100vw;background-color:var(--color-bg-primary);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.container.svelte-15ueh3o{max-width:42rem;margin:0 auto;padding:2rem 1rem;min-height:100%}.header.svelte-15ueh3o{text-align:center;margin-bottom:3rem}.icon-wrapper.svelte-15ueh3o{width:5rem;height:5rem;margin:0 auto 1.5rem;background-color:var(--color-bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1rem}.icon-wrapper.svelte-15ueh3o img:where(.svelte-15ueh3o){width:3rem;height:3rem;object-fit:contain;opacity:.7}h1.svelte-15ueh3o{font-size:1.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.subtitle.svelte-15ueh3o{font-size:1rem;color:var(--color-text-secondary);max-width:32rem;margin:0 auto}.section.svelte-15ueh3o{margin-bottom:2.5rem}.section.svelte-15ueh3o h2:where(.svelte-15ueh3o){font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.features-grid.svelte-15ueh3o{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.feature-card.svelte-15ueh3o{padding:1.5rem;background-color:var(--color-bg-secondary);border-radius:.75rem;border:1px solid var(--color-border)}.feature-card.available.svelte-15ueh3o{border-color:var(--color-accent-muted);background-color:var(--color-accent-bg)}.feature-card.svelte-15ueh3o i:where(.svelte-15ueh3o){font-size:2rem;color:var(--color-accent);margin-bottom:.75rem;display:block}.feature-card.svelte-15ueh3o h3:where(.svelte-15ueh3o){font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.feature-card.svelte-15ueh3o p:where(.svelte-15ueh3o){font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.unavailable-list.svelte-15ueh3o,.tips-list.svelte-15ueh3o{display:flex;flex-direction:column;gap:.75rem}.unavailable-item.svelte-15ueh3o,.tip-item.svelte-15ueh3o{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.unavailable-item.svelte-15ueh3o i:where(.svelte-15ueh3o){color:var(--color-text-secondary);font-size:1.25rem;flex-shrink:0}.tip-item.svelte-15ueh3o i:where(.svelte-15ueh3o){color:var(--color-accent);font-size:1.25rem;flex-shrink:0}.unavailable-item.svelte-15ueh3o span:where(.svelte-15ueh3o),.tip-item.svelte-15ueh3o span:where(.svelte-15ueh3o){color:var(--color-text-secondary);font-size:.9375rem}.connection-section.svelte-15ueh3o{margin:3rem 0}.connection-card.svelte-15ueh3o{text-align:center;padding:2rem;background:linear-gradient(135deg,var(--color-accent-bg) 0%,var(--color-bg-secondary) 100%);border-radius:1rem;border:1px solid var(--color-accent-muted)}.connection-card.svelte-15ueh3o i.bx-refresh:where(.svelte-15ueh3o){font-size:3rem;color:var(--color-accent);margin-bottom:1rem}.connection-card.svelte-15ueh3o h2:where(.svelte-15ueh3o){margin-bottom:.75rem}.connection-card.svelte-15ueh3o p:where(.svelte-15ueh3o){color:var(--color-text-secondary);margin-bottom:1.5rem;max-width:28rem;margin-left:auto;margin-right:auto}.btn-primary.svelte-15ueh3o{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background-color:var(--color-accent);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary.svelte-15ueh3o:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-1px)}.btn-primary.svelte-15ueh3o:disabled{opacity:.6;cursor:not-allowed}.btn-primary.svelte-15ueh3o i.bx-spin:where(.svelte-15ueh3o){animation:svelte-15ueh3o-spin 1s linear infinite}@keyframes svelte-15ueh3o-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.container.svelte-15ueh3o{padding:1.5rem 1rem}h1.svelte-15ueh3o{font-size:1.5rem}.features-grid.svelte-15ueh3o{grid-template-columns:1fr}}.offline-overlay.svelte-11yoo2u{position:fixed;inset:0;z-index:9999;background-color:var(--color-bg-primary);overflow:hidden}.offline-banner.svelte-11yoo2u{position:fixed;top:0;left:0;right:0;background-color:#f59e0b;color:#fff;padding:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;z-index:9998;font-size:.875rem;font-weight:500}.offline-banner.svelte-11yoo2u i:where(.svelte-11yoo2u){font-size:1.25rem}.bottom-nav.svelte-9pkgjn{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-bg-primary);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;padding-bottom:calc(var(--safe-bottom) + .5rem);padding-left:var(--safe-left);padding-right:var(--safe-right);z-index:100;box-shadow:0 -2px 10px #0000000d}.nav-item.svelte-9pkgjn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;min-width:4rem;text-decoration:none;color:var(--color-text-secondary);transition:all .2s ease;flex:1;max-width:6rem}.nav-item.svelte-9pkgjn:hover{color:var(--color-accent);transform:translateY(-2px)}.nav-item.active.svelte-9pkgjn{color:var(--color-accent)}.nav-icon.svelte-9pkgjn{font-size:1.5rem;transition:transform .2s ease}.nav-item.active.svelte-9pkgjn .nav-icon:where(.svelte-9pkgjn){transform:scale(1.1)}.nav-label.svelte-9pkgjn{font-size:.75rem;font-weight:500;text-align:center;white-space:nowrap}.active-indicator.svelte-9pkgjn{position:absolute;top:0;left:50%;transform:translate(-50%);width:2rem;height:.25rem;background-color:var(--color-accent);border-radius:0 0 .25rem .25rem}@media(min-width:768px){.bottom-nav.svelte-9pkgjn{display:none}}.side-nav.svelte-jdr5c3{display:none}@media(min-width:768px){.side-nav.svelte-jdr5c3{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:16rem;background-color:var(--color-bg-primary);border-right:1px solid var(--color-border);padding-bottom:calc(var(--safe-bottom) + 1.5rem);padding-top:calc(var(--safe-top) + 1.5rem);padding-left:var(--safe-left);padding-right:var(--safe-right);z-index:100;box-shadow:2px 0 10px #0000000d}.nav-header.svelte-jdr5c3{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--color-border)}.nav-header.svelte-jdr5c3 i:where(.svelte-jdr5c3){font-size:2rem;color:var(--color-accent)}.app-name.svelte-jdr5c3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.nav-items.svelte-jdr5c3{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem}.nav-item.svelte-jdr5c3{position:relative;display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:.75rem;text-decoration:none;color:var(--color-text-secondary);transition:all .2s ease;overflow:hidden}.nav-item.svelte-jdr5c3:hover{background-color:var(--color-bg-secondary);color:var(--color-accent);transform:translate(4px)}.nav-item.active.svelte-jdr5c3{background-color:#6366f11a;color:var(--color-accent)}.nav-item.svelte-jdr5c3 i:where(.svelte-jdr5c3){font-size:1.5rem;flex-shrink:0}.nav-item.svelte-jdr5c3 span:where(.svelte-jdr5c3){font-size:1rem;font-weight:500}.active-indicator.svelte-jdr5c3{position:absolute;left:0;top:0;bottom:0;width:.25rem;background-color:var(--color-accent);border-radius:0 .25rem .25rem 0;animation:svelte-jdr5c3-slideIn .2s ease-out}@keyframes svelte-jdr5c3-slideIn{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}.top-bar.svelte-1imqlvv{position:fixed;top:0;left:0;right:0;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);height:calc(3.5rem + var(--safe-top));background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);z-index:99;box-shadow:0 2px 8px #0000000d}.top-bar-content.svelte-1imqlvv{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1rem;max-width:100%}.left-section.svelte-1imqlvv{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.right-section.svelte-1imqlvv{display:flex;align-items:center;gap:.5rem}.title.svelte-1imqlvv{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.icon-btn.svelte-1imqlvv{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.icon-btn.svelte-1imqlvv:hover{background-color:var(--color-bg-secondary);transform:scale(1.05)}.icon-btn.svelte-1imqlvv:active{transform:scale(.95)}.icon-btn.svelte-1imqlvv i:where(.svelte-1imqlvv){font-size:1.5rem}@media(min-width:768px){.top-bar.svelte-1imqlvv{left:16rem}.top-bar-content.svelte-1imqlvv{padding:0 2rem}.title.svelte-1imqlvv{font-size:1.5rem}}.navigation-wrapper.svelte-eim0m0{min-height:var(--viewport-height);display:flex;flex-direction:column}.main-content.svelte-eim0m0{flex:1;margin-top:3.5rem;overflow-x:hidden;padding-bottom:calc(var(--safe-bottom) + 4rem);padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right)}@media(min-width:768px){.main-content.svelte-eim0m0{margin-left:16rem;padding-bottom:calc(var(--safe-bottom) + 2rem)}}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-border: #e5e5e5;--color-error: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;font-size:clamp(14px,1rem,18px)}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-text-primary: #f5f5f5;--color-text-secondary: #a3a3a3;--color-accent: #818cf8;--color-accent-hover: #6366f1;--color-border: #404040;--color-error: #f87171;--color-success: #34d399;--color-warning: #fbbf24}[data-theme=therapeutic-sand]{--color-bg-primary: #E8DDCB;--color-bg-secondary: #E5D4B9;--color-text-primary: #3b2f2a;--color-text-secondary: #6b5e57;--color-accent: #a0754b;--color-accent-hover: #916d44;--color-border: #d6c9b8;--color-error: #c66b5b;--color-success: #7fa68a;--color-warning: #d4a373}[data-theme=nordic-blue]{--color-bg-primary: #f7f9fc;--color-bg-secondary: #e9eef5;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-border: #dbe2ea;--color-error: #dc2626;--color-success: #16a34a;--color-warning: #d97706}[data-theme=soft-rose]{--color-bg-primary: #fff5f7;--color-bg-secondary: #fde8ee;--color-text-primary: #3a1d2f;--color-text-secondary: #7a4b63;--color-accent: #ec4899;--color-accent-hover: #db2777;--color-border: #f3c6d3;--color-error: #e11d48;--color-success: #22c55e;--color-warning: #f59e0b}[data-theme=forest-calm]{--color-bg-primary: #f4f7f3;--color-bg-secondary: #e3ebe2;--color-text-primary: #1f3327;--color-text-secondary: #4b6656;--color-accent: #3f7d5b;--color-accent-hover: #34694c;--color-border: #cdddcf;--color-error: #b91c1c;--color-success: #15803d;--color-warning: #ca8a04}[data-theme=midnight-violet]{--color-bg-primary: #1b1026;--color-bg-secondary: #2a193f;--color-text-primary: #f3e8ff;--color-text-secondary: #c4b5fd;--color-accent: #8b5cf6;--color-accent-hover: #7c3aed;--color-border: #3b2a5a;--color-error: #f87171;--color-success: #4ade80;--color-warning: #facc15}[data-theme=graphite-night]{--color-bg-primary: #0f1216;--color-bg-secondary: #1a1f26;--color-text-primary: #e5e7eb;--color-text-secondary: #9ca3af;--color-accent: #38bdf8;--color-accent-hover: #0ea5e9;--color-border: #2a2f36;--color-error: #f87171;--color-success: #4ade80;--color-warning: #fbbf24}[data-theme=ember-dark]{--color-bg-primary: #141110;--color-bg-secondary: #221c1a;--color-text-primary: #f5f5f4;--color-text-secondary: #a8a29e;--color-accent: #f97316;--color-accent-hover: #ea580c;--color-border: #3a2f2b;--color-error: #fb7185;--color-success: #22c55e;--color-warning: #facc15}*{box-sizing:border-box;margin:0;padding:0}:root{--safe-top: var(--ion-safe-area-top, env(safe-area-inset-top));--safe-bottom: var(--ion-safe-area-bottom, env(safe-area-inset-bottom));--safe-left: var(--ion-safe-area-left, env(safe-area-inset-left));--safe-right: var(--ion-safe-area-right, env(safe-area-inset-right))}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}button{-webkit-appearance:none;appearance:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.loading-screen.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-primary)}.spinner.svelte-12qhfyh{width:3rem;height:3rem;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:svelte-12qhfyh-spin .8s linear infinite}@keyframes svelte-12qhfyh-spin{to{transform:rotate(360deg)}}