:root{--primary-color: #3b82f6;--bg-color: #ffffff;--text-color: #1f2937;--nav-bg: #f3f4f6;--border-color: #e5e7eb;--font-size: 16px;--segmented-bg: #f3f4f6;--segmented-btn: #6b7280;--segmented-active-bg: #ffffff;--segmented-active-text: #2563eb;--label-color: #374151;--text-muted: #6b7280}*,*:before,*:after{box-sizing:border-box}body.dark{--bg-color: #1f2937;--text-color: #f3f4f6;--nav-bg: #111827;--border-color: #374151;--segmented-bg: #374151;--segmented-btn: #d1d5db;--segmented-active-bg: #1f2937;--segmented-active-text: #60a5fa;--label-color: #d1d5db;--text-muted: #9ca3af}html,body{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-size:var(--font-size);transition:background-color .3s,color .3s;overscroll-behavior:none}a{color:var(--primary-color);text-decoration:none}button{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-size:1rem}button:disabled{opacity:.5;cursor:not-allowed}input,select{padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color)}.card,.section{background:var(--card-bg, #ffffff);border:1px solid var(--card-border, #eee);color:var(--text-color, #1f2937)}body.dark .card,body.dark .section{--card-bg: #2d3748;--card-border: #4a5568}body.dark{--reveal-bg: #374151;--hover-bg: #374151;--hover-border: #4b5563;--selected-bg: #1e3a8a;--selected-text: #bfdbfe;--dimmed-bg: #1f2937}.app-container.svelte-12qhfyh{display:flex;flex-direction:column;height:100vh;height:100dvh}main.svelte-12qhfyh{flex:1;overflow:hidden;position:relative;width:100%}nav.svelte-12qhfyh{display:flex;justify-content:space-around;border-top:1px solid var(--border-color);background:var(--nav-bg);padding:.5rem 0;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,.5rem)}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){display:flex;flex-direction:column;align-items:center;color:var(--text-color);font-size:.8rem;padding:.5rem;border-radius:.5rem}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--primary-color);background:#3b82f61a}.icon.svelte-12qhfyh{font-size:1.5rem;margin-bottom:.25rem}