:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--text:#6b6375;--text-h:#08060d;--text-muted:#9ca3af;--bg:#f7f7f9;--surface:#fff;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff66;--status-overdue:#e74c3c;--status-overdue-bg:#e74c3c14;--status-upcoming:#3498db;--status-upcoming-bg:#3498db14;--status-taken:#2ecc71;--status-taken-bg:#2ecc7114;--status-skipped:#f39c12;--status-skipped-bg:#f39c1214;--status-missed:#95a5a6;--status-missed-bg:#95a5a614;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow:0 4px 12px #0000001a, 0 2px 4px #0000000f;--radius-sm:6px;--radius:12px;--radius-lg:18px;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@mixin dark-tokens{--text: #9ca3af; --text-h: #f3f4f6; --text-muted: #6b7280; --bg: #111218; --surface: #1a1b23; --border: #2e303a; --accent: #c084fc; --accent-bg: #c084fc1f; --accent-border: #c084fc66; --status-overdue-bg: #e74c3c1f; --status-upcoming-bg: #3498db1f; --status-taken-bg: #2ecc711f; --status-skipped-bg: #f39c121f; --status-missed-bg: #95a5a61f; --shadow-sm: 0 1px 3px #0000004d; --shadow: 0 4px 12px #0006;}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#9ca3af;--text-h:#f3f4f6;--text-muted:#6b7280;--bg:#111218;--surface:#1a1b23;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc1f;--accent-border:#c084fc66;--status-overdue-bg:#e74c3c1f;--status-upcoming-bg:#3498db1f;--status-taken-bg:#2ecc711f;--status-skipped-bg:#f39c121f;--status-missed-bg:#95a5a61f;--shadow-sm:0 1px 3px #0000004d;--shadow:0 4px 12px #0006}}:root[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--text-muted:#6b7280;--bg:#111218;--surface:#1a1b23;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc1f;--accent-border:#c084fc66;--status-overdue-bg:#e74c3c1f;--status-upcoming-bg:#3498db1f;--status-taken-bg:#2ecc711f;--status-skipped-bg:#f39c121f;--status-missed-bg:#95a5a61f;--shadow-sm:0 1px 3px #0000004d;--shadow:0 4px 12px #0006}:root[data-theme=light]{--text:#6b6375;--text-h:#08060d;--text-muted:#9ca3af;--bg:#f7f7f9;--surface:#fff;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff66;--status-overdue-bg:#e74c3c14;--status-upcoming-bg:#3498db14;--status-taken-bg:#2ecc7114;--status-skipped-bg:#f39c1214;--status-missed-bg:#95a5a614;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow:0 4px 12px #0000001a, 0 2px 4px #0000000f}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{font-family:var(--sans);color:var(--text-h);margin:0 0 .5rem;font-weight:600}h1{letter-spacing:-.02em;font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#app{flex-direction:column;max-width:640px;min-height:100svh;margin:0 auto;display:flex}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.form-field{flex-direction:column;gap:.375rem;display:flex}.form-field label{color:var(--text-h);font-size:.875rem;font-weight:500}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;color:var(--text-h);background:var(--surface);padding:.625rem .75rem;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:1rem}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--border) 25%, color-mix(in srgb, var(--border) 60%, var(--bg)) 50%, var(--border) 75%);background-size:800px 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}.stepper-indicator{gap:.5rem;margin-bottom:1.5rem;display:flex}.stepper-indicator .step-dot{background:var(--border);border-radius:2px;flex:1;height:3px;transition:background .2s}.stepper-indicator .step-dot.active{background:var(--accent)}.stepper-indicator .step-dot.done{background:var(--status-taken)}.app-shell[data-v-fcebc900]{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.top-nav[data-v-fcebc900]{padding:.875rem 1rem;padding-top:calc(.875rem + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;display:flex;position:sticky;top:0}.app-name[data-v-fcebc900]{color:var(--accent);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.content[data-v-fcebc900]{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));flex:1}.bottom-nav[data-v-fcebc900]{padding:.5rem 0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);z-index:10;justify-content:space-around;display:flex;position:sticky;bottom:0}.nav-item[data-v-fcebc900]{border-radius:var(--radius-sm);color:var(--text-muted);flex-direction:column;align-items:center;gap:.25rem;padding:.375rem 1.5rem;text-decoration:none;transition:color .15s;display:flex}.nav-item.router-link-active[data-v-fcebc900]{color:var(--accent)}.nav-icon[data-v-fcebc900]{width:22px;height:22px}.nav-label[data-v-fcebc900]{letter-spacing:.02em;font-size:.6875rem;font-weight:500}