:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-card: #1e1e1e;--text-primary: #f5f5f5;--text-secondary: #d4d4d4;--text-muted: #a0a0a0;--accent: #3b82f6;--accent-hover: #2563eb;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--border: #4a4a4a;--icon-btn-bg: #2d2d2d;--icon-btn-border: #505050;--icon-btn-color: #e8e8e8;--icon-btn-hover-bg: #3d3d3d;--icon-btn-hover-border: #666;--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;font-size:16px;line-height:1.5}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:#34d39940;color:var(--success)}.badge-warning{background:#fbbf2440;color:var(--warning)}.badge-danger{background:#f8717140;color:var(--danger)}.badge-info{background:#3b82f640;color:var(--accent)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}p,span,div{color:inherit}label,.label,small{color:var(--text-secondary);font-size:.875rem}::placeholder{color:var(--text-muted);opacity:1}code,pre{background:var(--bg-tertiary);color:#e5e5e5;border-radius:6px}pre{padding:1rem;overflow-x:auto;font-size:.875rem;line-height:1.6}code{padding:.2rem .4rem;font-size:.875em}.icon-btn{width:36px;height:36px;min-height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--icon-btn-bg);border:1px solid var(--icon-btn-border);border-radius:8px;color:var(--icon-btn-color);transition:all .15s ease}.icon-btn:hover{background:var(--icon-btn-hover-bg);border-color:var(--icon-btn-hover-border);color:#fff}.icon-btn svg{width:18px;height:18px}.icon-btn.danger{color:#ff6b6b;border-color:#ff6b6b4d}.icon-btn.danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.icon-btn.warning{color:#fbbf24;border-color:#fbbf244d}.icon-btn.warning:hover{background:#fbbf2433;border-color:#fbbf24}.icon-btn.success{color:#4ade80;border-color:#4ade804d}.icon-btn.success:hover{background:#4ade8033;border-color:#4ade80}.icon-btn.favorite{color:#a0a0a0}.icon-btn.favorite:hover{color:#fcd34d;background:#fcd34d26;border-color:#fcd34d66}.icon-btn.favorite.active{color:#fcd34d;background:#fcd34d33;border-color:#fcd34d80}.icon-btn.favorite.active svg{fill:currentColor}.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:16px}.hamburger-btn.svelte-12qhfyh{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;z-index:1001;box-shadow:0 4px 12px #0000004d;padding:0;min-height:auto}.hamburger-btn.svelte-12qhfyh span:where(.svelte-12qhfyh){display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger-btn.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(2){opacity:0}.hamburger-btn.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hamburger-btn.svelte-12qhfyh:active{transform:scale(.95)}.menu-overlay.svelte-12qhfyh{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:999;animation:svelte-12qhfyh-fadeIn .2s ease}@keyframes svelte-12qhfyh-fadeIn{0%{opacity:0}to{opacity:1}}.slide-menu.svelte-12qhfyh{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));right:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:8px;z-index:1000;display:none;flex-direction:column;gap:4px;min-width:180px;box-shadow:0 8px 32px #0006}.slide-menu.open.svelte-12qhfyh{display:flex;animation:svelte-12qhfyh-slideUp .2s ease}@keyframes svelte-12qhfyh-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-item.svelte-12qhfyh{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-size:15px;font-weight:500;text-align:left;min-height:44px;width:100%}.menu-item.svelte-12qhfyh svg:where(.svelte-12qhfyh){width:20px;height:20px;flex-shrink:0}.menu-item.svelte-12qhfyh span:where(.svelte-12qhfyh){flex:1}.menu-item.svelte-12qhfyh:hover,.menu-item.svelte-12qhfyh:active{background:var(--bg-tertiary)}.menu-item.active.svelte-12qhfyh{color:var(--accent);background:#3b82f61a}.menu-item.active.svelte-12qhfyh svg:where(.svelte-12qhfyh){stroke-width:2.5}@media (min-width: 768px){.hamburger-btn.svelte-12qhfyh,.menu-overlay.svelte-12qhfyh{display:none}.slide-menu.svelte-12qhfyh{display:flex;position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%);flex-direction:row;border-radius:20px 20px 0 0;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));min-width:auto;gap:8px;animation:none}.slide-menu.open.svelte-12qhfyh{animation:none}.menu-item.svelte-12qhfyh{flex-direction:column;padding:8px 12px;gap:4px;min-width:60px}.menu-item.svelte-12qhfyh span:where(.svelte-12qhfyh){font-size:11px}main.with-nav.svelte-12qhfyh{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}