#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app{max-width:500px;margin:2rem auto}.nav{display:flex;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:2rem}.nav-link{text-decoration:none;font-weight:400;color:var(--primary-muted);border-bottom:2px solid transparent;padding-bottom:6px}.nav-link.active{font-weight:600;color:var(--text);border-bottom-color:var(--primary)}.card{background-color:var(--card-bg);padding:1.5rem;border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem}.field{display:flex;flex-direction:column;margin-bottom:1rem}label{font-weight:600;margin-bottom:.25rem}input,textarea{padding:.6rem .75rem;font-size:1rem;border-radius:8px;border:1px solid var(--border);background-color:var(--input-bg);color:var(--input-text)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}button{padding:.6rem 1rem;font-size:1rem;cursor:pointer;border-radius:8px;border:1px solid var(--border);background-color:var(--card-bg);color:var(--text)}button.danger{background-color:var(--danger);color:#fff;border:none}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--border);padding:8px}th{background-color:var(--table-header);text-align:left}.slot-past{background-color:var(--slot-past);opacity:.6}.slot-full{background-color:var(--slot-full)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.6rem 2.5rem .6rem .75rem;font-size:1rem;border-radius:8px;border:1px solid var(--border);background-color:var(--card-bg);color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:14px}select:hover{border-color:var(--primary)}select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}@media(prefers-color-scheme:dark){:root{--input-bg: #1f1f1f;--input-text: #f5f5f5;--input-placeholder: #9ca3af}}.landing-actions{display:flex;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.button{padding:.75rem 1.25rem;border-radius:8px;text-decoration:none;display:inline-block}.button.primary{background:#0078d4;color:#fff}.button.secondary{background:#f0f0f0;color:#333}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg: #242424;--text: rgba(255, 255, 255, .87);--card-bg: #1e1e1e;--border: #333;--primary: #4da3ff;--primary-muted: #bbbbbb;--danger: #ff4d4d;--table-header: #301a91;--slot-past: #402020;--slot-full: #163a6b;--input-bg: #f4f4f5;--input-text: #111111;--input-placeholder: #6b7280;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:light){:root{--bg: #ffffff;--text: #213547;--card-bg: #f9f9f9;--border: #ddd;--primary: #2563eb;--primary-muted: #555;--danger: #dc2626;--table-header: #e5e7eb;--slot-past: #fde2e2;--slot-full: #dbeafe}}body{margin:0;min-height:100vh;background-color:var(--bg);color:var(--text);display:flex;place-items:center}