:root{--color-primary: #0d9488;--color-primary-dark: color-mix(in srgb, var(--color-primary) 80%, black);--color-primary-light: color-mix(in srgb, var(--color-primary) 15%, white);--color-primary-subtle: color-mix(in srgb, var(--color-primary) 8%, white);--color-bg: #ffffff;--color-surface: #f8f9fb;--color-border: #e5e7eb;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--header-height: 52px;--bottom-nav-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;overflow:hidden}body{margin:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overscroll-behavior:contain}.app-shell.svelte-12qhfyh{display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative;overflow:hidden}.app-header.svelte-12qhfyh{flex-shrink:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding-top:var(--safe-top);z-index:100;position:relative}.header-inner.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 16px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));max-width:1024px;margin:0 auto;width:100%}.header-title.svelte-12qhfyh{font-size:17px;font-weight:600;margin:0;color:var(--color-text);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right.svelte-12qhfyh{display:flex;align-items:center;gap:10px;flex-shrink:0;position:relative}.offline-pill.svelte-12qhfyh,.sync-pill.svelte-12qhfyh{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:3px 10px;border-radius:100px;white-space:nowrap}.offline-pill.svelte-12qhfyh{background:#fef3c7;color:#92400e}.sync-pill.svelte-12qhfyh{background:var(--color-primary-subtle);color:var(--color-primary-dark)}.offline-dot.svelte-12qhfyh,.sync-dot.svelte-12qhfyh{width:6px;height:6px;border-radius:50%;flex-shrink:0}.offline-dot.svelte-12qhfyh{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.sync-dot.svelte-12qhfyh{background:var(--color-primary);animation:svelte-12qhfyh-pulse 2s ease-in-out infinite}@keyframes svelte-12qhfyh-pulse{0%,to{opacity:1}50%{opacity:.4}}.sync-badge.svelte-12qhfyh{background:#92400e;color:#fef3c7;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.app-content.svelte-12qhfyh{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:16px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.app-content.svelte-12qhfyh>*{max-width:640px;margin-left:auto;margin-right:auto}.page-enter.svelte-12qhfyh{animation:svelte-12qhfyh-pageIn .2s ease-out}@keyframes svelte-12qhfyh-pageIn{0%{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.install-banner.svelte-12qhfyh{flex-shrink:0;background:var(--color-bg);border-top:1px solid var(--color-border);padding:10px 16px;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.install-inner.svelte-12qhfyh{display:flex;align-items:center;gap:12px;max-width:640px;margin:0 auto}.install-text.svelte-12qhfyh{flex:1;min-width:0}.install-text.svelte-12qhfyh strong:where(.svelte-12qhfyh){display:block;font-size:14px;font-weight:600;color:var(--color-text);line-height:1.3}.install-text.svelte-12qhfyh span:where(.svelte-12qhfyh){display:block;font-size:12px;color:var(--color-text-secondary);line-height:1.3;margin-top:1px}.install-actions.svelte-12qhfyh{display:flex;align-items:center;gap:8px;flex-shrink:0}.install-btn.svelte-12qhfyh{background:var(--color-primary);color:#fff;border:none;padding:7px 16px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .1s ease,background .15s ease}.install-btn.svelte-12qhfyh:active{transform:scale(.96);background:var(--color-primary-dark)}.dismiss-btn.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:50%;padding:0;transition:background .1s}.dismiss-btn.svelte-12qhfyh:active{background:var(--color-surface)}.bottom-tabs.svelte-12qhfyh{flex-shrink:0;display:flex;align-items:stretch;background:var(--color-bg);border-top:1px solid var(--color-border);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);z-index:100;user-select:none;-webkit-user-select:none}.tab-item.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px 8px;text-decoration:none;color:var(--color-text-muted);transition:color .15s ease;position:relative;min-width:0;-webkit-tap-highlight-color:transparent}.tab-item.svelte-12qhfyh:active{opacity:.7}.tab-item.active.svelte-12qhfyh{color:var(--color-primary)}.tab-item.active.svelte-12qhfyh:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary)}.tab-icon.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.tab-icon.svelte-12qhfyh svg{display:block}.tab-label.svelte-12qhfyh{font-size:10px;font-weight:500;line-height:1;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.tab-item.active.svelte-12qhfyh .tab-label:where(.svelte-12qhfyh){font-weight:600}@media (min-width: 768px){.header-inner.svelte-12qhfyh{padding-left:24px;padding-right:24px}.app-content.svelte-12qhfyh{padding:24px 32px}.app-content.svelte-12qhfyh>*{max-width:720px}.bottom-tabs.svelte-12qhfyh{justify-content:center}.tab-item.svelte-12qhfyh{flex:0 0 auto;min-width:80px;max-width:120px;padding:6px 12px 8px}.install-inner.svelte-12qhfyh{max-width:720px}}@media (min-width: 1024px){.app-content.svelte-12qhfyh>*{max-width:800px}.tab-item.svelte-12qhfyh{min-width:88px;max-width:140px}}