:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--weight-normal: 400;--weight-medium: 500;--weight-bold: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--border-width: 1px;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-muted: #f1f3f6;--color-border: #dfe3e9;--color-text: #1c2024;--color-text-muted: #61686f;--color-text-faint: #8b939b;--color-accent: #7a1f2b;--color-accent-text: #ffffff;--color-accent-soft: #f6e7e9;--color-danger: #a4262c;--color-danger-soft: #fbeaea;--color-success: #1e6b3a;--color-success-soft: #e6f3ea;--color-warning: #8a5a00;--color-warning-soft: #fdf1dc;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 8px 24px rgba(16, 24, 40, .12);--focus-ring: 0 0 0 3px rgba(122, 31, 43, .28)}:root[data-theme=dark]{--color-bg: #14161a;--color-surface: #1c1f24;--color-surface-muted: #23272e;--color-border: #333941;--color-text: #e8eaed;--color-text-muted: #a3abb4;--color-text-faint: #7c848d;--color-accent: #d4707d;--color-accent-text: #1b0c0f;--color-accent-soft: #3a2226;--color-danger: #e08b8b;--color-danger-soft: #3a2222;--color-success: #7fc79a;--color-success-soft: #1e2e24;--color-warning: #dcb066;--color-warning-soft: #33291a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--focus-ring: 0 0 0 3px rgba(212, 112, 125, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}h1,h2,h3{margin:0;font-weight:var(--weight-bold);line-height:1.25}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}a{color:var(--color-accent)}.shell{min-height:100%;display:flex;flex-direction:column}.shell-header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border)}.shell-header__title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.shell-header__spacer{flex:1 1 auto}.shell-main{flex:1 1 auto;width:100%;max-width:1100px;margin:0 auto;padding:var(--space-5)}@media (max-width: 640px){.shell-header{padding:var(--space-3) var(--space-4)}.shell-main{padding:var(--space-4) var(--space-3)}}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card+.card{margin-top:var(--space-5)}.card__header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.card__title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.card__spacer{flex:1 1 auto}@media (max-width: 640px){.card{padding:var(--space-4);border-radius:var(--radius-md)}}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.button:hover:not(:disabled){background:var(--color-surface-muted)}.button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.button--primary:hover:not(:disabled){filter:brightness(1.08);background:var(--color-accent)}.button--danger{color:var(--color-danger);border-color:var(--color-danger);background:transparent}.button--danger:hover:not(:disabled){background:var(--color-danger-soft)}.button--quiet{border-color:transparent;background:transparent}.button--small{min-height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.input,.select{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:max(var(--text-base),16px)}.input:focus-visible,.select:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3);text-align:left;border-bottom:var(--border-width) solid var(--color-border);vertical-align:middle}.table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);font-weight:var(--weight-medium);white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--color-surface-muted)}.table__cell--service{text-align:center;width:132px}.table__name{font-weight:var(--weight-medium)}.table__sub{color:var(--color-text-muted);font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.badge--host{background:var(--color-accent-soft);color:var(--color-accent)}.badge--admin{background:var(--color-warning-soft);color:var(--color-warning)}.badge--user{background:var(--color-success-soft);color:var(--color-success)}.badge--none{color:var(--color-text-faint)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-7) var(--space-4);color:var(--color-text-muted)}.state__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.state__text{max-width:42ch}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}.button{transition:none}}.request{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--color-border)}.request:last-child{border-bottom:none}.request__main{flex:1 1 240px;min-width:0}.request__note{color:var(--color-text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0f8c;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:20}.modal{width:100%;max-width:460px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);max-height:90vh;overflow-y:auto}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-5);flex-wrap:wrap}.chart-frame{display:flex;flex-direction:column;gap:var(--space-2)}.chart-frame__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.chart-frame__body{position:relative;width:100%;min-height:160px}.matrix-cards{display:none}.user-card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.user-card+.user-card{margin-top:var(--space-3)}.user-card__services{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.user-card__service{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-muted);font-size:var(--text-sm)}@media (max-width: 720px){.matrix-table{display:none}.matrix-cards{display:block}}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint);font-size:var(--text-sm)}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.search{width:100%;box-sizing:border-box;padding:12px 14px;font-size:17px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dish-line{padding:10px 0;border-bottom:1px solid var(--color-border)}.dish-line:last-child{border-bottom:none}.dish-line__name{display:block;width:100%;padding:0;border:none;background:none;text-align:left;font-size:17px;font-weight:600;color:var(--color-text);cursor:pointer}.dish-line__meta{margin-top:2px;font-size:14px}.dish-photo{width:100%;max-height:240px;object-fit:cover;border-radius:10px;margin-bottom:10px}.tech-card{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.45;background:var(--surface-muted, rgba(127, 127, 127, .08));padding:10px;border-radius:8px;overflow-x:auto}.lesson-body{white-space:pre-wrap;line-height:1.5;margin-bottom:12px}.ask{resize:vertical;margin-bottom:10px;font-family:inherit}.answer{white-space:pre-wrap;margin:10px 0 0}.failure{border-left:3px solid var(--color-danger);padding-left:10px}.doc-list,.gap-list{list-style:none;margin:12px 0 0;padding:0}.doc-list>li,.gap-list>li{padding:12px 0;border-top:1px solid var(--color-border)}