:root{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-primary: #4f46e5;--color-primary-hover: #6366f1;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-border: #475569;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .3)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}body{overflow:hidden}a{color:var(--color-primary-hover);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:16px;background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius);font-weight:500;font-size:.95rem;transition:background-color .15s,transform .1s;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text)}.btn-icon{padding:.5rem;border-radius:50%}.card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.checkbox-wrapper{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg-secondary);border-radius:var(--radius);cursor:pointer;transition:background-color .15s;-webkit-tap-highlight-color:transparent}.checkbox-wrapper:active{background:var(--color-bg-tertiary)}.checkbox-wrapper input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}.tag{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--color-bg-tertiary);border-radius:9999px;font-size:.75rem;font-weight:500}.page{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-bg-secondary)}.page-header h1{font-size:1.5rem;font-weight:600}.page-content{flex:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--color-text-muted)}.empty-state svg{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.loading{display:flex;align-items:center;justify-content:center;padding:2rem}.spinner{width:2rem;height:2rem;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-secondary);border-radius:var(--radius);margin-bottom:.5rem;transition:background-color .15s;-webkit-tap-highlight-color:transparent}.list-item:active{background:var(--color-bg-tertiary)}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .15s ease-out}.modal{background:var(--color-bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-bg-tertiary)}.modal-header h2{font-size:1.125rem;font-weight:600}.modal-body{padding:1rem}.modal-footer{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-bg-tertiary)}.modal-footer .btn{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.nav-bar{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}}.app.svelte-12qhfyh{display:flex;flex-direction:column;height:100vh;height:100dvh}.main-content.svelte-12qhfyh{flex:1;overflow:hidden}.nav-bar.svelte-12qhfyh{display:flex;justify-content:space-around;background:var(--color-bg-secondary);border-top:1px solid var(--color-bg-tertiary);padding:.5rem 0}.nav-item.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s;-webkit-tap-highlight-color:transparent}.nav-item.active.svelte-12qhfyh{color:var(--color-primary-hover)}.nav-icon.svelte-12qhfyh{width:1.5rem;height:1.5rem}.nav-label.svelte-12qhfyh{font-size:.75rem;font-weight:500}