:root{--color-ink: #2f3e46;--color-ink-soft: #52656b;--color-primary: #354f52;--color-primary-dark: #2f3e46;--color-primary-tint: #dbeaec;--color-accent: #16bac5;--color-accent-dark: #087780;--color-accent-tint: #d8f7f8;--color-on-accent: #2f3e46;--color-coral: #e8aeb7;--color-success: #267548;--color-success-tint: #e1fce7;--color-warning: #80535b;--color-warning-tint: #faeaed;--color-danger: #9d3649;--color-danger-tint: #fbe8ec;--color-info: #087780;--color-info-tint: #dcf5f7;--color-bg: #f4fbfb;--color-bg-elevated: #f9fdfd;--color-surface: #ffffff;--color-surface-muted: #eaf3f4;--color-border: #7d979c;--color-border-strong: #667f85;--color-focus: #087780;--color-nav: #2f3e46;--color-nav-text: #f4fbfb;--color-nav-muted: rgba(255, 255, 255, .82);--color-overlay: rgba(47, 62, 70, .52);--color-quest-sky: #def7f8;--color-quest-meadow: #ddfbe4;--color-quest-royal: #fae8ec;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 88px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--line-height-body: 1.6;--letter-spacing-body: .01em;--touch-target-min: 44px;--touch-target-child: 72px;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .42s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--shadow-sm: 0 1px 2px rgba(27, 36, 48, .06), 0 1px 1px rgba(27, 36, 48, .04);--shadow-md: 0 4px 10px rgba(27, 36, 48, .08), 0 2px 4px rgba(27, 36, 48, .05);--shadow-lg: 0 12px 24px rgba(27, 36, 48, .12), 0 4px 8px rgba(27, 36, 48, .06);--z-header: 100;--z-overlay: 200;--z-dialog: 1000}:root[data-theme=dark]{--color-ink: #edf6f6;--color-ink-soft: #bdcbcd;--color-primary: #75dce3;--color-primary-dark: #9de8ed;--color-primary-tint: #24474b;--color-accent: #94fbab;--color-accent-dark: #bafcc8;--color-accent-tint: #274432;--color-on-accent: #202c32;--color-coral: #e8aeb7;--color-success: #94fbab;--color-success-tint: #274432;--color-warning: #e8aeb7;--color-warning-tint: #4b3339;--color-danger: #f08b9b;--color-danger-tint: #4d2931;--color-info: #76dce3;--color-info-tint: #223f44;--color-bg: #202c32;--color-bg-elevated: #27363c;--color-surface: #2f3e46;--color-surface-muted: #354f52;--color-border: #77898e;--color-border-strong: #91a2a6;--color-focus: #94fbab;--color-nav: #243139;--color-nav-text: #f4fbfb;--color-nav-muted: rgba(244, 251, 251, .78);--color-overlay: rgba(0, 0, 0, .65);--color-quest-sky: #25484b;--color-quest-meadow: #294936;--color-quest-royal: #4a363c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 18px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 36px rgba(0, 0, 0, .45)}[data-mode=child]{--text-base: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;transition:background-color var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}h1,h2,h3,h4{line-height:1.25;margin:0 0 var(--space-4);font-weight:700}p{margin:0 0 var(--space-4)}a{color:var(--color-primary)}img{max-width:100%}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:var(--space-2);background:var(--color-ink);color:var(--color-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:1000}.skip-link:focus{left:var(--space-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:2px solid transparent;font-weight:600;font-size:var(--text-base);text-decoration:none;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-primary);color:var(--color-bg)}.btn--primary:hover{background:var(--color-primary-dark)}.btn--accent{background:var(--color-accent);color:var(--color-on-accent)}.btn--accent:hover{background:var(--color-accent-dark);color:var(--color-on-accent)}.btn--outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary-tint)}.btn--danger{background:var(--color-danger);color:var(--color-bg)}.btn--small{min-height:36px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}[data-mode=child] .btn{min-height:var(--touch-target-child)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);color:var(--color-ink)}.card--elevated{box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-weight:600;font-size:var(--text-sm)}.field input,.field select,.field textarea{padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);min-height:var(--touch-target-min);background:var(--color-surface);color:var(--color-ink)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--color-focus)}.field__error{color:var(--color-danger);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-1)}.field--invalid input,.field--invalid select,.field--invalid textarea{border-color:var(--color-danger)}.container{max-width:1180px;margin:0 auto;padding:0 var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-ink-soft)}.filter-panel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6)}.filter-panel .field{min-width:160px;margin-bottom:0}.icon-token{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--color-accent-tint);color:var(--color-accent-dark)}