:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-2: #334155;--color-text: #f1f5f9;--color-text-dim: #94a3b8;--color-primary: #16a34a;--color-primary-hover: #15803d;--color-danger: #dc2626;--color-warning: #f59e0b;--color-border: #475569;--radius: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;background:var(--color-primary);color:#fff;border:0;padding:.6rem 1rem;border-radius:var(--radius);font-weight:600;min-height:44px}button:hover{background:var(--color-primary-hover)}button.secondary{background:var(--color-surface-2)}button.secondary:hover{background:var(--color-border)}button.danger{background:var(--color-danger)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:.6rem .8rem;border-radius:var(--radius);width:100%;min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}label{display:block;font-size:.875rem;color:var(--color-text-dim);margin-bottom:.25rem}.field{margin-bottom:1rem}.card{background:var(--color-surface);border-radius:var(--radius);padding:1rem;border:1px solid var(--color-border)}.container{max-width:720px;margin:0 auto;padding:1rem;padding-bottom:calc(1rem + var(--safe-bottom))}.row{display:flex;gap:.5rem;align-items:center}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--color-text-dim)}.small{font-size:.875rem}.tiny{font-size:.75rem}h1,h2,h3{margin-top:0}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.05rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:var(--safe-bottom);z-index:50}.bottom-nav a{flex:1;text-align:center;padding:.75rem .25rem;color:var(--color-text-dim);text-decoration:none;font-size:.75rem}.bottom-nav a.active{color:var(--color-primary)}.bottom-nav a:hover{text-decoration:none}.progress{height:8px;background:var(--color-surface-2);border-radius:4px;overflow:hidden}.progress>div{height:100%;background:var(--color-primary);transition:width .2s ease}.progress.over>div{background:var(--color-danger)}.badge{display:inline-block;background:var(--color-surface-2);padding:.15rem .5rem;border-radius:999px;font-size:.75rem;color:var(--color-text-dim)}