:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1f1f1f;--bg-card: #1a1a1a;--text-primary: #ffffff;--text-secondary: #888888;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--border: #2a2a2a;--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 64px;--touch-target: 48px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:12px;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;transition:all .15s ease;min-height:var(--touch-target);touch-action:manipulation}button:active{transform:scale(.97);opacity:.9}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}input,select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:1rem;color:var(--text-primary);font-size:1rem;min-height:var(--touch-target);width:100%}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.card{background:var(--bg-card);border-radius:16px;padding:1.25rem;border:1px solid var(--border)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-success{background:#22c55e33;color:var(--success)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-danger{background:#ef444433;color:var(--danger)}.badge-info{background:#3b82f633;color:var(--accent)}.app-container.svelte-12qhfyh{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}main.svelte-12qhfyh{flex:1;overflow-y:auto;overflow-x:hidden}main.with-nav.svelte-12qhfyh{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 8px)}.bottom-nav.svelte-12qhfyh{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414e6}.nav-item.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;border-radius:12px;min-width:64px}.nav-item.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:24px;height:24px;stroke-width:1.5}.nav-item.svelte-12qhfyh span:where(.svelte-12qhfyh){font-size:11px;font-weight:500}.nav-item.active.svelte-12qhfyh{color:var(--accent)}.nav-item.active.svelte-12qhfyh svg:where(.svelte-12qhfyh){stroke-width:2}.nav-item.svelte-12qhfyh:active{transform:scale(.95);background:var(--bg-tertiary)}@media (min-width: 768px){.bottom-nav.svelte-12qhfyh{max-width:400px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0;border-left:1px solid var(--border);border-right:1px solid var(--border)}}