@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;1,400;1,500&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-canvas: #F0EEE9;--bg-surface: #FFFFFF;--bg-surface-alt: #E7E3DB;--border: #DAD6CC;--border-strong: #C6C1B5;--text-primary: #131E29;--text-secondary: #53565A;--text-muted: #868A8F;--text-inverse: #F0EEE9;--brand: #00263A;--brand-hover: #001A2A;--brand-subtle: #DFE6EA;--brand-border: #BFCCD4;--accent: #D69A2D;--accent-subtle: #F6EBD2;--success: #4E8B5F;--success-subtle: #E3EDE6;--warning: #C16A2E;--warning-subtle: #F6E4D7;--danger: #B0433F;--danger-subtle: #F3E1DF;--info: #4F7C83;--info-subtle: #DEE9EA;--font-display: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-editorial: "IBM Plex Serif", "Iowan Old Style", Georgia, serif;--text-display: 3.5rem;--text-h1: 2.5rem;--text-h2: 2rem;--text-h3: 1.5rem;--text-h4: 1.25rem;--text-body-lg: 1.125rem;--text-body: 1rem;--text-md: .9375rem;--text-sm: .875rem;--text-xs: .75rem;--lh-display: 1.1;--lh-h1: 1.15;--lh-h2: 1.2;--lh-h3: 1.3;--lh-h4: 1.4;--lh-body-lg: 1.6;--lh-body: 1.6;--lh-md: 1.55;--lh-sm: 1.5;--lh-xs: 1.4;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-sm: 6px;--radius: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(31, 23, 18, .05);--shadow: 0 4px 12px rgba(31, 23, 18, .08);--shadow-md: 0 8px 24px rgba(31, 23, 18, .12);--shadow-lg: 0 16px 48px rgba(31, 23, 18, .16);--ease: cubic-bezier(.2, 0, .2, 1);--dur-micro: .15s;--dur-ui: .25s;--dur-modal: .4s;--focus-ring: 0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--brand);--font-ui: var(--font-body);--bg-page: var(--bg-canvas);--bg-card: var(--bg-surface);--bg-input: var(--bg-surface);--bg-hover: var(--bg-surface-alt);--bg-paper: #F6F4EF;--line: var(--border);--line-2: var(--border-strong);--line-strong: var(--border-strong);--hairline: var(--border);--ink-1: var(--text-primary);--ink-2: var(--text-secondary);--ink-3: var(--text-muted);--ink-4: #8A8E94;--ink: var(--text-primary);--muted: var(--text-muted);--muted-2: #8A8E94;--brand-soft: var(--brand-subtle);--brand-soft-ink: var(--brand);--brand-ring: rgba(0, 38, 58, .22);--burgundy: var(--brand);--burgundy-2: var(--brand-hover);--burgundy-tint: var(--brand-subtle);--sage: var(--success);--sage-soft: var(--success-subtle);--sage-soft-ink: #3A5A30;--success-border: #C8DCBE;--amber: var(--warning);--amber-soft: var(--warning-subtle);--amber-soft-ink: #8A5E1F;--warning-border: #E8D29A;--red: var(--danger);--red-soft: var(--danger-subtle);--red-soft-ink: #7E2A28;--danger-border: #E2B9B2;--terracotta: var(--accent);--terracotta-soft: var(--accent-subtle);--info-border: #B6CEDE;--shadow-card: var(--shadow);--shadow-pop: var(--shadow-md);--shadow-modal: var(--shadow-lg);--cream: var(--bg-canvas);--cream-2: var(--bg-surface-alt);--surface: var(--bg-surface);--dur: var(--dur-ui);--body: var(--font-body);--mono: var(--font-mono)}.cp-dark{--bg-canvas: #131E29;--bg-surface: #1B2733;--bg-surface-alt: #243240;--border: #2E3D4B;--border-strong: #3D4E5D;--text-primary: #ECEAE3;--text-secondary: #B6BCC2;--text-muted: #899099;--text-inverse: #131E29;--brand: #5E97A0;--brand-hover: #6FA9B2;--brand-subtle: #1E3338;--brand-border: #2E4A50;--accent: #E0A93B;--accent-subtle: #2E2613;--success: #5FA072;--success-subtle: #1E2E22;--warning: #D9882F;--warning-subtle: #2E2113;--danger: #CC5F5B;--danger-subtle: #2E1B1A;--info: #5E97A0;--info-subtle: #16282C;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 12px rgba(0, 0, 0, .45);--shadow-md: 0 8px 24px rgba(0, 0, 0, .55);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--ink-4: #6E757D;--muted-2: #6E757D;--brand-ring: rgba(94, 151, 160, .3);--sage-soft-ink: #A9D2B6;--amber-soft-ink: #E7BE7B;--red-soft-ink: #E59390;--bg-paper: #16222E}.cp,.cp *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cp{font-family:var(--font-body);color:var(--text-primary);font-size:var(--text-body);line-height:var(--lh-body);background:var(--bg-canvas)}.cp ::selection{background:#4f7c8347}.cp ::-moz-selection{background:#4f7c8347}.cp button:not(.cp-btn),.cp input,.cp textarea,.cp select{font:inherit;color:inherit}.cp h1,.cp h2,.cp h3,.cp h4,.cp h5,.cp h6{font-family:var(--font-display);font-weight:600;color:var(--text-primary);letter-spacing:-.03em;margin:0}.cp p{margin:0}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius);border:1px solid transparent;font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);line-height:1;padding:0 var(--space-4);height:40px;cursor:pointer;transition:background var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.cp-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cp-btn:disabled{opacity:.5;cursor:not-allowed}.cp-btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.cp-btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-body)}.cp-btn-icon{width:40px;padding:0}.cp-btn-icon.cp-btn-sm{width:32px}.cp-btn-icon.cp-btn-lg{width:48px}.cp-btn-primary{background:var(--brand);color:#fff}.cp-btn-primary:hover:not(:disabled){background:var(--brand-hover)}.cp-btn-primary:active:not(:disabled){transform:translateY(1px)}.cp-btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.cp-btn-secondary:hover:not(:disabled){background:var(--bg-surface-alt);border-color:var(--text-secondary)}.cp-btn-ghost{background:transparent;color:var(--brand)}.cp-btn-ghost:hover:not(:disabled){background:var(--brand-subtle)}.cp-btn-destructive{background:var(--danger);color:#fff}.cp-btn-destructive:hover:not(:disabled){filter:brightness(.92)}.cp-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.cp-label{font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);line-height:1.4}.cp-helper{font-size:var(--text-xs);color:var(--text-muted)}.cp-helper-error{color:var(--danger)}.cp-input,.cp-textarea,.cp-select{width:100%;height:40px;padding:0 var(--space-3);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:var(--text-sm);transition:border-color var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}.cp-input::placeholder,.cp-textarea::placeholder{color:var(--text-muted)}.cp-input:hover,.cp-textarea:hover,.cp-select:hover{border-color:var(--text-secondary)}.cp-input:focus,.cp-textarea:focus,.cp-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-subtle)}.cp-textarea{height:auto;min-height:120px;padding:var(--space-3);line-height:1.6;resize:vertical}.cp-input-wrap{position:relative}.cp-input-wrap .cp-input{padding-left:36px}.cp-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.cp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.cp-toggle{position:relative;width:40px;height:22px;background:var(--border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--dur-ui) var(--ease);flex:0 0 auto;border:0;padding:0}.cp-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--dur-ui) var(--ease)}.cp-toggle.on{background:linear-gradient(135deg,var(--brand) 0%,var(--accent) 100%)}.cp-toggle.on:after{transform:translate(18px)}.cp-check,.cp-radio{width:18px;height:18px;border:1.5px solid var(--border-strong);background:var(--bg-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-micro) var(--ease);flex:0 0 auto}.cp-check{border-radius:4px}.cp-radio{border-radius:50%}.cp-check:hover,.cp-radio:hover{border-color:var(--brand)}.cp-check.on,.cp-radio.on{background:var(--brand);border-color:var(--brand)}.cp-radio.on:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.cp-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:500;padding:3px 10px;border-radius:var(--radius-full);line-height:1.4;white-space:nowrap;border:1px solid transparent}.cp-badge .cp-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.cp-badge-success{background:var(--success-subtle);color:#3a5a30;border-color:#5c8a4f40}.cp-badge-brand{background:var(--brand-subtle);color:var(--brand);border-color:var(--brand-border)}.cp-badge-warning{background:var(--warning-subtle);color:#8a5e1f;border-color:#c58b364d}.cp-badge-danger{background:var(--danger-subtle);color:#7e2a28;border-color:#a8403d4d}.cp-badge-info{background:var(--info-subtle);color:#2a506b;border-color:#3b6e914d}.cp-badge-neutral{background:var(--bg-surface-alt);color:var(--text-secondary);border-color:var(--border)}.cp-dark .cp-badge-success{color:#b4d2a4}.cp-dark .cp-badge-warning{color:#e7be7b}.cp-dark .cp-badge-danger{color:#e59390}.cp-dark .cp-badge-brand{color:#e5a8b0}.cp-dark .cp-badge-info{color:#97bedb}.cp-dark .cp-badge-neutral{color:var(--text-secondary)}:root{--brand-on-subtle: var(--brand)}.cp-dark{--brand-on-subtle: #9FC6CC}.cp-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface-alt);color:var(--text-secondary);font-family:var(--font-body)}.cp-tag-mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em}.cp-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-sm)}.cp-card-highlight{background:var(--brand-subtle);border-color:var(--brand-border)}.cp-issue{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--text-muted);border-radius:var(--radius);padding:var(--space-4) var(--space-5)}.cp-issue.critical{border-left-color:var(--danger)}.cp-issue.major{border-left-color:var(--warning)}.cp-issue.moderate{border-left-color:var(--info)}.cp-issue.minor{border-left-color:var(--text-muted)}.cp-divider{height:1px;background:var(--border);border:0;margin:0}.cp-focusable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cp-tabs-pill{display:inline-flex;gap:2px;padding:4px;background:var(--bg-surface-alt);border-radius:var(--radius-full);border:1px solid var(--border)}.cp-tabs-pill button{padding:6px 14px;border:0;background:transparent;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-micro) var(--ease);font-weight:500}.cp-tabs-pill button:hover{color:var(--text-primary)}.cp-tabs-pill button.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.cp-tabs-under{display:flex;gap:var(--space-6);border-bottom:1px solid var(--border)}.cp-tabs-under button{position:relative;padding:var(--space-3) 0;border:0;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--dur-micro) var(--ease)}.cp-tabs-under button.active{color:var(--text-primary)}.cp-tabs-under button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand);border-radius:1px}.cp-skel{background:linear-gradient(90deg,var(--bg-surface-alt) 0%,var(--border) 50%,var(--bg-surface-alt) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:cp-shimmer 1.5s var(--ease) infinite}@keyframes cp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cp-caret{display:inline-block;width:2px;height:1em;background:var(--brand);vertical-align:text-bottom;margin-left:2px;animation:cp-blink 1s var(--ease) infinite}@keyframes cp-blink{0%,49%{opacity:1}50%,to{opacity:0}}.cp-striped{background-image:repeating-linear-gradient(135deg,var(--bg-surface-alt) 0,var(--bg-surface-alt) 8px,transparent 8px,transparent 16px)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg-canvas)}body{font-family:var(--font-body)}.tb-spin{animation:tb-spin .8s linear infinite}@keyframes tb-spin{to{transform:rotate(360deg)}}.tb-live{animation:tb-pulse 1.6s ease-in-out infinite}@keyframes tb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.tb-toast{animation:tb-toast-in .22s cubic-bezier(.2,0,.2,1)}@keyframes tb-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg-canvas)}::-webkit-scrollbar-track{background:transparent}textarea{font-family:var(--font-body)}.tb-mod-edit{opacity:0;transition:opacity .12s,background .12s,color .12s}.tb-mod-row:hover .tb-mod-edit,.tb-mod-edit.on,.tb-mod-edit:focus-visible{opacity:1}.tb-mod-edit:hover{background:var(--bg-surface-alt)!important;color:var(--brand)!important}