@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#eab308;--color-warning-light:#fef9c3;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-info:#0891b2;--color-info-light:#cffafe;--color-comment-bg:#fef9c3;--color-comment-border:#fde047;--color-comment-hover:#facc15;--color-comment-pink-bg:#fce7f3;--color-comment-pink-border:#f9a8d4;--color-comment-pink-hover:#f472b6;--color-comment-green-bg:#dcfce7;--color-comment-green-border:#86efac;--color-comment-green-hover:#4ade80;--color-comment-blue-bg:#dbeafe;--color-comment-blue-border:#93c5fd;--color-comment-blue-hover:#60a5fa;--color-outcome-red:#dc2626;--color-outcome-red-light:#fee2e2;--color-outcome-yellow:var(--color-warning);--color-outcome-yellow-light:#fef9c3;--color-outcome-green:#16a34a;--color-outcome-green-light:#dcfce7;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#fff;--color-black:#000;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-canvas:var(--color-bg-secondary);--color-border:var(--color-gray-200);--color-border-focus:var(--color-primary);--border-color:var(--color-border);--font-heading:"Crimson Pro",serif;--font-body:"DM Sans",sans-serif;--font-mono:"Monaco","Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--z-base:0;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-primary-dark:#1e40af;--color-danger-dark:#b91c1c;--color-warning-dark:#d97706;--color-success-dark:#15803d;--color-error:var(--color-danger);--color-error-light:var(--color-danger-light)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-bg-primary);min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;color:inherit;background:0 0;border:none;padding:0}input,textarea,select{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{min-height:100vh}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:2px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn svg{flex-shrink:0}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-white);color:var(--color-gray-700);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-900)}.btn-danger{background-color:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn-danger-outline{background-color:var(--color-white);color:var(--color-danger);border-color:var(--color-border)}.btn-danger-outline:hover:not(:disabled){background-color:var(--color-danger-light);border-color:var(--color-danger)}.btn-warning{background-color:var(--color-warning);color:var(--color-gray-900);border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}.btn-sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);gap:var(--spacing-xs)}.btn-lg{padding:var(--spacing-sm)var(--spacing-lg)}.btn-icon{width:36px;height:36px;padding:0}.btn-icon-sm{width:32px;height:32px;padding:0}.btn-icon-hud{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.btn-icon-hud:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon-hud:disabled{opacity:.4;cursor:not-allowed}.btn-icon-hud svg{width:20px;height:20px}.btn-icon-hud-sm{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.btn-icon-hud-sm:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon-hud-sm:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--color-gray-500);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-gray-700)}.form-label{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-base);background-color:var(--color-bg-primary);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-gray-400)}.form-input:hover:not(:focus):not(:disabled){border-color:var(--color-gray-300)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-select{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-base);background-color:var(--color-bg-primary);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:hover:not(:focus):not(:disabled){border-color:var(--color-gray-300)}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-select:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-input[type=number]{appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.decision-node.node-selected,.outcome-node.node-selected{border-color:var(--color-primary);box-shadow:var(--shadow-lg),0 0 0 3px var(--color-primary-light);border-width:3px}.decision-node.node-dragging,.outcome-node.node-dragging{cursor:grabbing;opacity:.7;box-shadow:var(--shadow-lg)}.decision-node.node-error,.outcome-node.node-error{border-color:var(--color-danger);background:var(--color-danger-light)}.decision-node.node-error:hover,.outcome-node.node-error:hover{border-color:var(--color-danger-dark)}.dropdown{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);position:absolute}.dropdown-list{margin-top:var(--spacing-xs);padding:var(--spacing-xs)0;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;z-index:var(--z-dropdown);list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdown-option{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-option:hover,.dropdown-option.highlighted{background-color:var(--color-gray-100)}.dropdown-no-results{padding:var(--spacing-md);text-align:center;color:var(--color-gray-500);font-style:italic}.dropdown-show-more{padding:var(--spacing-sm)var(--spacing-md);text-align:center;color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-show-more:hover{background-color:var(--color-gray-100)}.dropdown-total{padding:var(--spacing-sm)var(--spacing-md);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;display:inline-block}.badge-uppercase{text-transform:uppercase;letter-spacing:.05em}.badge-outline{border:1px solid}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-outline.badge-success{border-color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge-outline.badge-warning{border-color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.badge-outline.badge-danger{border-color:var(--color-danger)}.badge-muted{background-color:var(--color-gray-100);color:var(--color-gray-600)}.badge-outline.badge-muted{border-color:var(--color-gray-300)}.inline-editable-text{cursor:pointer;transition:background-color var(--transition-base);border-radius:3px;min-width:50px;padding:2px 4px;display:inline-block}.inline-editable-text:hover:not(.disabled){background-color:var(--color-bg-secondary)}.inline-editable-text:focus:not(.disabled){outline:2px solid var(--color-primary);outline-offset:1px}.inline-editable-text.disabled{cursor:default}.inline-editable-input{font:inherit;color:inherit;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:3px;outline:none;min-width:150px;padding:2px 4px}.inline-editable-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);height:64px;box-shadow:var(--shadow-sm);z-index:var(--z-dropdown);padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-left{align-items:center;gap:var(--spacing-md);display:flex}.header-logo-link{border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:3px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.header-logo-link:hover{border-color:var(--color-border-focus)}.header-logo-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.header-logo{width:48px;height:48px;display:block}.header-branding{flex-direction:column;gap:2px;display:flex}.header-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;line-height:1.2}.header-tagline{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1}.header-breadcrumbs{align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-lg);padding-left:var(--spacing-lg);border-left:1px solid var(--color-border);display:flex}.breadcrumb-item{align-items:center;gap:var(--spacing-xs);display:flex}.breadcrumb-link{padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-body);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;text-decoration:none}.breadcrumb-link:hover{background-color:var(--color-primary-light);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.breadcrumb-text{padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-body);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.breadcrumb-editable{font-family:var(--font-body);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.breadcrumb-separator{color:var(--color-gray-400);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.header-right{align-items:center;gap:var(--spacing-md);display:flex}.account-dropdown{position:relative}.account-button{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--color-gray-700);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.account-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900)}.account-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.account-button[aria-expanded=true]{background-color:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.account-menu{top:calc(100% + var(--spacing-xs));min-width:200px;padding:var(--spacing-xs);right:0}.account-menu-header{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.account-menu-username{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.account-menu-role{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.account-menu-divider{background-color:var(--color-border);height:1px;margin:var(--spacing-xs)0}.account-menu-item{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.account-menu-item:hover{background-color:var(--color-gray-50);color:var(--color-primary)}.account-menu-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.account-menu-sha{padding:var(--spacing-sm)var(--spacing-md);font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}@media (max-width:768px){.header{padding:0 var(--spacing-md)}.header-title{font-size:var(--font-size-lg)}.header-logo{width:32px;height:32px}.header-logo svg{width:24px;height:24px}}@media (max-width:480px){.header-left,.header-right{gap:var(--spacing-sm)}}.library-view{background-color:var(--color-bg-secondary);min-height:100vh}.library-content{min-height:100vh;padding-top:64px}.library-header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--spacing-md)var(--spacing-xl)}.library-header-top{justify-content:flex-end;align-items:center;display:flex}.library-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.library-actions{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.search-container{flex:1;min-width:250px;max-width:400px;position:relative}.search-icon{left:var(--spacing-md);color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--spacing-sm)var(--spacing-md)var(--spacing-sm)44px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-white);transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--color-border-focus);outline:none}.search-input::placeholder{color:var(--color-gray-400)}.filter-select,.sort-select{padding:var(--spacing-sm)var(--spacing-lg)var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-white);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md)center;padding-right:var(--spacing-2xl)}.filter-select:hover,.sort-select:hover{border-color:var(--color-gray-400)}.filter-select:focus,.sort-select:focus{border-color:var(--color-border-focus);outline:none}.library-body{padding:var(--spacing-xl)}@media (max-width:768px){.library-header{padding:var(--spacing-lg)}.library-header-top{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.library-header-top>div{width:100%}.btn-new-tree,.btn-upload{flex:1;justify-content:center}.library-title{font-size:var(--font-size-2xl)}.library-actions{flex-direction:column;width:100%}.search-container{width:100%;max-width:none}.filter-select,.sort-select{width:100%}.library-body{padding:var(--spacing-lg)}}@media (max-width:480px){.library-header,.library-body{padding:var(--spacing-md)}.library-title{font-size:var(--font-size-xl)}}.dropdown-menu-container{display:inline-block;position:relative}.dropdown-menu{top:calc(100% + var(--spacing-xs));min-width:200px;padding:var(--spacing-xs)0}.dropdown-menu-left{left:0}.dropdown-menu-right{right:0}.dropdown-menu-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);text-align:left;font-size:var(--font-size-sm);color:var(--color-gray-900);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.dropdown-menu-item:hover{background-color:var(--color-gray-100)}.dropdown-menu-item-danger{color:var(--color-danger)}.dropdown-menu-item-danger:hover{background-color:var(--color-danger-bg)}.presence-avatars{align-items:center;display:flex}.presence-avatar{border-radius:var(--radius-full);border:2px solid var(--color-white);cursor:pointer;width:32px;height:32px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-left:-.5rem;display:flex;position:relative}.presence-avatar:first-child{margin-left:0}.presence-avatar:hover{transform:scale(1.1)}.presence-avatar-text{color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);-webkit-user-select:none;user-select:none}.presence-tooltip{top:calc(100% + var(--spacing-sm));background-color:var(--color-gray-800);color:var(--color-white);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;z-index:var(--z-tooltip);box-shadow:var(--shadow-md);pointer-events:none;animation:slideDown var(--transition-fast)ease-out;position:absolute;left:50%;transform:translate(-50%)}.presence-tooltip:after{content:"";border:4px solid #0000;border-bottom-color:var(--color-gray-800);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%)translateY(calc(-1*var(--spacing-xs)))}to{opacity:1;transform:translate(-50%)translateY(0)}}.presence-overflow{border-radius:var(--radius-full);background-color:var(--color-gray-300);width:32px;height:32px;color:var(--color-gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);-webkit-user-select:none;user-select:none;border:2px solid var(--color-white);flex-shrink:0;justify-content:center;align-items:center;margin-left:-.5rem;display:flex;position:relative}.tree-row{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.tree-row:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.tree-row-name{min-width:0;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);flex:1}.tree-row-meta{align-items:center;gap:var(--spacing-lg);flex-shrink:0;display:flex}.tree-row-meta-item{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap;display:flex}.tree-row-meta-item .meta-icon{color:var(--color-gray-400);flex-shrink:0}.tree-row-actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}@media (max-width:768px){.tree-row{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.tree-row-meta{gap:var(--spacing-md);flex-wrap:wrap}.tree-row-actions{justify-content:flex-end;width:100%}}@media (max-width:480px){.tree-row-meta{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.tree-row-actions{flex-direction:column;width:100%}.tree-row-actions button{width:100%}}.tree-grid-container{width:100%}.tree-category-section{margin-bottom:var(--spacing-3xl)}.category-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-xl)0}.category-subsection{margin-bottom:var(--spacing-xl)}.subsection-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0 0 var(--spacing-md)0}.subsection-actions{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.tree-list{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.tree-grid-empty{min-height:400px;padding:var(--spacing-3xl);justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;max-width:400px;display:flex}.empty-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-xl)}.empty-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-sm)0}.empty-description{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}@media (max-width:768px){.category-title{font-size:var(--font-size-2xl)}.subsection-title{font-size:var(--font-size-lg)}.subsection-actions{flex-direction:column;align-items:stretch}.subsection-actions button{width:100%}.tree-grid-empty{min-height:300px;padding:var(--spacing-xl)}.empty-title{font-size:var(--font-size-xl)}.empty-description{font-size:var(--font-size-sm)}}@media (max-width:640px){.category-title{font-size:var(--font-size-xl)}.tree-grid-empty{padding:var(--spacing-lg)}.empty-icon{width:48px;height:48px}}.modal-backdrop{z-index:var(--z-modal);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.25s ease-out slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);flex:1;margin:0}.modal-close{flex-shrink:0}.modal-body{padding:var(--spacing-xl);color:var(--color-gray-700);line-height:var(--line-height-relaxed);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--color-border);display:flex}.modal-footer .btn{min-width:100px}.modal-danger .modal-title{color:var(--color-danger)}.modal-warning .modal-title{color:var(--color-warning)}@media (max-width:640px){.modal-backdrop{padding:var(--spacing-md)}.modal{max-width:100%}.modal-header,.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);flex-direction:column-reverse}.modal-footer .btn{width:100%}.modal-title{font-size:var(--font-size-lg)}}.edit-decision-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.reorderable-list{margin:0;padding:0;list-style:none}.reorderable-item{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);cursor:default;border-radius:var(--radius-md);transition:background-color .15s,opacity .15s,box-shadow .15s;display:flex}.reorderable-item:focus{outline:2px solid var(--color-primary);outline-offset:1px}.reorderable-item.dragging{opacity:.5;background-color:var(--color-surface-alt)}.reorderable-item.drag-over{box-shadow:0 -2px 0 0 var(--color-primary)}.drag-handle{cursor:grab;width:20px;height:20px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:background-color .15s,color .15s;display:flex}.drag-handle:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.drag-handle:active{cursor:grabbing}.reorderable-item-content{flex:1;min-width:0;overflow:hidden}.multi-searchable-select-chips .reorderable-item{background-color:#0000}.multi-searchable-select-chips .reorderable-item .multi-searchable-select-chip{flex:1;margin-bottom:0}.inline-editable-content{cursor:default;flex:1;min-width:0}.inline-editable-content:not(.disabled):not(.editing){cursor:pointer}.inline-editable-content:not(.disabled):not(.editing):hover{background-color:var(--color-surface-alt);border-radius:var(--radius-sm)}.inline-editable-content.editing{gap:var(--spacing-xs);flex-direction:column;display:flex}.inline-editable-content-textarea{width:100%;padding:var(--spacing-xs)var(--spacing-sm);font:inherit;font-size:var(--font-size-sm);border:2px solid var(--color-primary);border-radius:var(--radius-md);background-color:var(--color-bg-primary);resize:vertical;min-height:60px}.inline-editable-content-textarea:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);outline:none}.inline-editable-content-usage{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.inline-editable-content.disabled{cursor:default}.multi-searchable-select{width:100%;position:relative}.multi-searchable-select-chips{margin-bottom:var(--spacing-sm);display:block}.multi-searchable-select-chip{justify-content:space-between;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-xs);display:flex}.chip-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chip-remove{cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;margin:0;padding:0;font-size:1rem;line-height:1}.chip-remove:hover{color:var(--color-danger)}.multi-searchable-select-input-wrapper{width:100%;position:relative}.multi-searchable-select-input,.multi-searchable-select-dropdown{background-color:var(--color-bg-secondary)}.multi-searchable-select-option{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.multi-searchable-select-option:hover,.multi-searchable-select-option.highlighted{background-color:var(--color-primary-light)}.multi-searchable-select-option-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.multi-searchable-select-option-id{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.multi-searchable-select-show-more:hover{background-color:var(--color-primary-light)}.add-content-inline-form{margin-top:var(--spacing-sm)}.add-content-button{text-align:left;width:100%;color:var(--color-primary);border:1px dashed var(--color-border);background-color:#0000}.add-content-button:hover{background-color:var(--color-surface-alt);border-color:var(--color-primary)}.add-content-inline-form.expanded{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-alt)}.add-content-inline-form.expanded .form-group{margin-bottom:var(--spacing-sm)}.add-content-inline-form.expanded .form-group:last-of-type{margin-bottom:0}.add-content-error{margin-top:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);color:var(--color-error);background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.add-content-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end;display:flex}.outcome-overlay-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.outcome-overlay-content{background-color:var(--color-gray-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;width:95%;max-width:900px;max-height:85vh;display:flex;overflow-y:auto}.outcome-overlay-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.outcome-overlay-tabs{gap:var(--spacing-sm);display:flex}.outcome-overlay-tab{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500;transition:all .2s}.outcome-overlay-tab:hover{color:var(--color-text)}.outcome-overlay-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.outcome-overlay-close{color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:color .2s;display:flex}.outcome-overlay-close:hover{color:var(--color-text)}.outcome-overlay-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.outcome-overlay-preview-body{gap:var(--spacing-lg);grid-template-columns:minmax(280px,1fr) minmax(350px,2fr);display:grid}.outcome-overlay-preview-left-column{gap:var(--spacing-lg);border-right:1px solid var(--color-border);padding-right:var(--spacing-lg);flex-direction:column;display:flex}.outcome-overlay-preview-right-column{gap:var(--spacing-lg);flex-direction:column;display:flex}.outcome-preview-section{margin-bottom:0}.outcome-preview-section h4{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.outcome-preview-verdict{align-items:center;gap:var(--spacing-sm);display:flex}.outcome-preview-swatch{border-radius:var(--radius-sm);flex-shrink:0;width:20px;height:20px}.outcome-preview-swatch-red{background-color:var(--color-danger)}.outcome-preview-swatch-yellow{background-color:var(--color-warning)}.outcome-preview-swatch-green{background-color:var(--color-success)}.outcome-preview-list{margin:0;padding-left:1em}.outcome-preview-list li{padding:var(--spacing-sm)0;border-bottom:1px solid var(--color-border);line-height:1.5}.outcome-preview-list li ul{margin:0 0 var(--spacing-md)var(--spacing-md)}.outcome-preview-list li ul li{border:none;padding:0}.outcome-preview-list li:last-child{border-bottom:none}.outcome-preview-item-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.outcome-preview-detail-toggle{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)0;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;display:inline-flex}.outcome-preview-detail-toggle:hover{color:var(--color-primary-dark)}.outcome-preview-chevron{transition:transform var(--transition-fast)}.outcome-preview-chevron.expanded{transform:rotate(180deg)}.outcome-preview-detail-text{color:var(--color-gray-600);padding-left:var(--spacing-md);margin-top:var(--spacing-xs);line-height:1.5;display:block}.outcome-preview-referral{margin-left:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-warning-light);color:var(--color-warning-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;display:inline-block}.outcome-preview-empty{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-md);font-style:italic}.outcome-preview-comment-section{margin-top:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.outcome-preview-comment{background-color:var(--color-warning-light);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-warning)}.outcome-preview-comment-text{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;white-space:pre-wrap;min-height:24px;line-height:1.5}.outcome-preview-comment-text:hover{opacity:.8}.outcome-preview-comment-textarea{width:100%;min-height:80px;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-sm);resize:vertical}.outcome-preview-comment-textarea:focus{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}.outcome-preview-comment-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.outcome-preview-comment-add-button{width:100%;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.outcome-preview-comment-add-button:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.path-tabs{gap:var(--spacing-xs);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-md);display:flex}.path-tab{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-gray-600);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px}.path-tab:hover{color:var(--color-primary)}.path-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.path-steps{margin:0;padding:0;list-style:none}.path-step{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)0;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4;display:flex}.path-step:before{content:"•";color:var(--color-primary);flex-shrink:0;font-weight:700}.path-empty{color:var(--color-text-secondary);font-style:italic;font-size:var(--font-size-sm);padding:var(--spacing-sm)0}.outcome-preview-top-row{gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.outcome-preview-top-item{flex-direction:column;display:flex}.edit-outcome-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group>label:first-child{font-weight:var(--font-weight-medium);color:var(--color-text)}.field-hint{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:400;display:block}.form-group select,.form-group textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg)}.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}.color-tag-radio-group{gap:var(--spacing-md);padding:var(--spacing-sm)0;flex-direction:row;align-items:center;display:flex}.color-tag-radio-option{align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex}.color-tag-radio-option:hover{background-color:var(--color-gray-100)}.color-tag-radio-option input[type=radio]{cursor:pointer;margin:0}.color-swatch{border-radius:var(--radius-sm);flex-shrink:0;width:16px;height:16px}.color-swatch-red{background-color:var(--color-danger)}.color-swatch-yellow{background-color:var(--color-warning)}.color-swatch-green{background-color:var(--color-success)}.color-label{font-size:var(--font-size-base);color:var(--color-text)}.follow-up-interval-container{gap:var(--spacing-sm);align-items:center;display:flex}.follow-up-interval-container select{flex:0 auto;min-width:100px}.form-textarea{resize:vertical;min-height:100px}.outcome-overlay-footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.internal-id{font-family:var(--font-mono,monospace);color:var(--color-text-muted,var(--color-gray-500));margin-right:.5em;font-size:.75em}@media (max-width:768px){.outcome-overlay-content{max-width:95vw;max-height:90vh}.outcome-overlay-header{padding:var(--spacing-sm)var(--spacing-md)}.outcome-overlay-body{padding:var(--spacing-md)}.outcome-overlay-preview-body{grid-template-columns:1fr}.outcome-overlay-preview-left-column{border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:var(--spacing-lg)}.outcome-preview-top-row{grid-template-columns:1fr}}.content-browser-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.content-browser-modal{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);flex-direction:column;width:90%;max-width:800px;max-height:85vh;display:flex;overflow:hidden}.content-browser-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.content-browser-title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0;font-weight:600}.content-browser-close{padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.content-browser-close:hover{color:var(--color-text-primary);background-color:var(--color-hover)}.content-browser-tabs{gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-bg);display:flex}.content-browser-tab{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;font-weight:500}.content-browser-tab:hover{color:var(--color-text-primary);background-color:var(--color-hover)}.content-browser-tab.active{color:var(--color-primary);background-color:var(--color-white);border:1px solid var(--color-border)}.content-browser-search{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border)}.content-browser-search-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color var(--transition-base)}.content-browser-search-input:focus{border-color:var(--color-primary);outline:none}.content-browser-search-input::placeholder{color:var(--color-text-secondary)}.content-browser-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.content-browser-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--font-size-base)}.content-browser-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.content-browser-item{padding:var(--spacing-xs);border-bottom:1px solid var(--color-border);transition:all var(--transition-base)}.content-browser-item:hover{box-shadow:var(--shadow-sm)}.content-browser-item-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.content-browser-item-id{font-family:var(--font-mono,monospace);font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.content-browser-item-header .content-browser-item-id{margin-bottom:0}.content-browser-item-text{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.5}.content-browser-referral{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-warning-light);color:var(--color-warning-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;display:inline-block}.content-browser-item-detail{padding-top:var(--spacing-sm)}.content-browser-detail-toggle{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)0;cursor:pointer;color:var(--color-primary);font-family:var(--font-body);font-size:var(--font-size-sm);transition:color var(--transition-base);background:0 0;border:none;font-weight:500;display:flex}.content-browser-detail-toggle:hover{color:var(--color-primary-dark)}.content-browser-detail-label{color:var(--color-text-secondary)}.content-browser-chevron{transition:transform var(--transition-base)}.content-browser-chevron.expanded{transform:rotate(180deg)}.content-browser-detail-content{margin-top:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5}.content-browser-content::-webkit-scrollbar{width:8px}.content-browser-content::-webkit-scrollbar-track{background:var(--color-bg)}.content-browser-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.content-browser-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.help-modal-content{gap:var(--spacing-xl);flex-direction:column;display:flex}.help-section{gap:var(--spacing-md);flex-direction:column;display:flex}.help-section-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.help-shortcuts-table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:var(--font-size-sm)}.help-shortcuts-table thead{background:var(--color-bg-secondary)}.help-shortcuts-table th{text-align:left;padding:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);border-bottom:2px solid var(--color-border)}.help-shortcuts-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-gray-700)}.help-shortcuts-table tbody tr:last-child td{border-bottom:none}.help-shortcuts-table tbody tr:hover{background:var(--color-gray-50)}.help-shortcuts-table kbd{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:0 2px;padding:2px 8px;display:inline-block;box-shadow:0 1px 2px #0000000d}.help-edge-legend{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);flex-direction:column;display:flex}.help-edge-item{align-items:center;gap:var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-gray-700);display:flex}.help-edge-line{border-radius:2px;width:48px;height:3px;position:relative}.help-edge-line:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.help-edge-true{background:var(--color-success)}.help-edge-true:after{border-left-color:var(--color-success)}.help-edge-false{background:var(--color-danger)}.help-edge-false:after{border-left-color:var(--color-danger)}.decision-node{background:var(--color-bg-secondary);border:2px solid var(--color-primary);cursor:pointer;width:140px;height:140px;transition:all var(--transition-base);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;transform:rotate(45deg)}.decision-node:hover{border-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.decision-node-content{text-align:center;padding:var(--spacing-xs);max-width:90px;transform:rotate(-45deg)}.decision-field{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);word-break:break-word}.decision-operator{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:var(--spacing-xs)0}.decision-value{font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--color-text);font-weight:var(--font-weight-semibold);word-break:break-word}.connection-handle{background:var(--color-gray-200);border:3px solid var(--color-primary);cursor:crosshair;width:24px;height:24px;transition:all var(--transition-base);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 2px 8px #0000004d}.connection-handle .handle-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-primary);-webkit-user-select:none;user-select:none;transform:rotate(-45deg)}.connection-handle-true{top:50%;right:-10px;transform:translateY(-50%)}.connection-handle-true:hover{background:var(--color-gray-200);border-color:var(--color-primary);transform:translateY(-50%)scale(1.2);box-shadow:0 4px 12px #0006}.connection-handle-false{bottom:-10px;left:50%;transform:translate(-50%)}.connection-handle-false:hover{background:var(--color-gray-200);border-color:var(--color-primary);transform:translate(-50%)scale(1.2);box-shadow:0 4px 12px #0006}.connection-handle{opacity:0;pointer-events:none}.decision-node:hover .connection-handle,.decision-node.node-selected .connection-handle{opacity:1;pointer-events:auto}.decision-node-comment-icon{color:var(--color-text-secondary);opacity:.7;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px;transform:rotate(-45deg)}.outcome-node{background:var(--color-bg-secondary);border:2px solid var(--color-gray-400);border-radius:var(--radius-md);cursor:pointer;width:200px;min-height:120px;transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden}.outcome-node:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.outcome-color-tag{width:100%;height:6px}.outcome-color-tag-red{background-color:var(--color-danger)}.outcome-color-tag-yellow{background-color:var(--color-warning)}.outcome-color-tag-green{background-color:var(--color-success)}.outcome-content{padding:var(--spacing-md)}.outcome-header{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.outcome-checkmark{background-color:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.outcome-referral-indicator{width:24px;height:24px;color:var(--color-danger);justify-content:center;align-items:center;display:flex}.outcome-description{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center;margin-bottom:var(--spacing-md);line-height:1.4}.outcome-counts{gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.outcome-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.outcome-preview-button{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:block}.outcome-preview-button:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.outcome-comment-icon{width:24px;height:24px;color:var(--color-text-secondary);opacity:.7;justify-content:center;align-items:center;display:flex}.label-element{cursor:move;-webkit-user-select:none;user-select:none;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);outline-offset:2px;background-color:var(--color-bg-canvas);outline:2px solid #0000;transition:outline .15s}.label-element:hover{outline-color:var(--color-gray-300)}.label-element.element-selected{outline-color:var(--color-primary)}.label-element.element-dragging{opacity:.8;cursor:grabbing}.label-element-text{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);white-space:nowrap}.label-weight-h1{font-size:var(--font-size-3xl)}.label-weight-h2{font-size:var(--font-size-2xl)}.label-weight-h3{font-size:var(--font-size-xl)}.label-element-input{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);border:none;border-bottom:2px solid var(--color-primary);background:0 0;outline:none;min-width:100px;padding:0}.label-element-input:focus{border-bottom-color:var(--color-primary)}.label-edit-container{gap:var(--spacing-xs);flex-direction:column;display:flex}.label-weight-selector{background:var(--color-gray-100);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.label-weight-selector button{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;flex:1;transition:all .15s}.label-weight-selector button:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.label-weight-selector button.active{background:var(--color-primary);color:#fff}.label-weight-selector button.active:hover{background:var(--color-primary-dark)}.comment-element{cursor:move;-webkit-user-select:none;user-select:none;background:var(--color-comment-bg);border:1px solid var(--color-comment-border);border-radius:var(--radius-sm);padding:var(--spacing-sm)var(--spacing-md);min-width:120px;max-width:200px;box-shadow:var(--shadow-sm);outline-offset:2px;outline:2px solid #0000;transition:outline .15s,box-shadow .15s}.comment-element:hover{outline-color:var(--color-comment-hover);box-shadow:var(--shadow-md)}.comment-element.element-selected{outline-color:var(--color-primary);box-shadow:var(--shadow-md)}.comment-element.element-dragging{opacity:.8;cursor:grabbing;box-shadow:var(--shadow-lg)}.comment-element-text{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-gray-800);line-height:var(--line-height-relaxed);word-wrap:break-word;white-space:pre-wrap;display:block}.comment-element-textarea{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-gray-800);line-height:var(--line-height-relaxed);resize:none;background:0 0;border:none;outline:none;width:100%;min-width:100px;padding:0}.comment-element-textarea:focus{outline:none}.comment-element.comment-color-yellow{background:var(--color-comment-bg);border-color:var(--color-comment-border)}.comment-element.comment-color-yellow:hover{outline-color:var(--color-comment-hover)}.comment-element.comment-color-pink{background:var(--color-comment-pink-bg);border-color:var(--color-comment-pink-border)}.comment-element.comment-color-pink:hover{outline-color:var(--color-comment-pink-hover)}.comment-element.comment-color-green{background:var(--color-comment-green-bg);border-color:var(--color-comment-green-border)}.comment-element.comment-color-green:hover{outline-color:var(--color-comment-green-hover)}.comment-element.comment-color-blue{background:var(--color-comment-blue-bg);border-color:var(--color-comment-blue-border)}.comment-element.comment-color-blue:hover{outline-color:var(--color-comment-blue-hover)}.comment-edit-container{gap:var(--spacing-xs);flex-direction:column;display:flex}.comment-color-selector{background:var(--color-gray-100);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.comment-color-selector button{border-radius:var(--radius-xs);cursor:pointer;border:2px solid #0000;flex:1;width:24px;height:24px;padding:0;transition:all .15s}.comment-color-selector button:hover{transform:scale(1.1)}.comment-color-selector button.active{border-color:var(--color-gray-800);box-shadow:0 0 0 2px var(--color-white)}.comment-color-selector .color-yellow{background:var(--color-comment-bg)}.comment-color-selector .color-pink{background:var(--color-comment-pink-bg)}.comment-color-selector .color-green{background:var(--color-comment-green-bg)}.comment-color-selector .color-blue{background:var(--color-comment-blue-bg)}.edge{z-index:0;transition:all var(--transition-base)}.edge path{transition:stroke var(--transition-base),stroke-width var(--transition-base)}.edge:hover path:not([stroke=transparent]){stroke-width:3px;filter:brightness(1.1)}.edge-selected{z-index:1}.edge-selected path:not([stroke=transparent]){stroke-width:3px}.connection-status{white-space:nowrap;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.connection-status--badge{top:var(--header-height,56px);z-index:100;position:fixed;right:16px;box-shadow:0 2px 4px #0000001a}.connection-status--inline{display:inline-flex}.connection-status--connecting,.connection-status--syncing{background:var(--color-warning-bg,#fff3cd);color:var(--color-warning-text,#856404)}.connection-status--synced{background:var(--color-success-bg,#d4edda);color:var(--color-success-text,#155724)}.connection-status--disconnected,.connection-status--error{background:var(--color-error-bg,#f8d7da);color:var(--color-error-text,#721c24)}.connection-status__dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.connection-status__reconnect{background:var(--color-primary,#007bff);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;height:20px;margin-left:4px;padding:2px 8px;font-size:11px;display:flex}.connection-status__reconnect:hover{opacity:.9}.editor-hud{bottom:var(--spacing-lg);right:var(--spacing-lg);gap:var(--spacing-sm);z-index:10;flex-direction:column;display:flex;position:absolute}.hud-pill{gap:var(--spacing-xs);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.hud-overlay-off{opacity:.35}.hud-divider{background:var(--color-border);border:none;height:1px;margin:0}.editor-view{flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-title-container{margin-right:var(--spacing-md);flex:1;align-items:center;display:flex}.editor-title-button{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);cursor:pointer;transition:all var(--transition-base);text-align:left;background:0 0;border:2px solid #0000}.editor-title-button:hover{background:var(--color-gray-50);border-color:var(--color-border)}.editor-title-input{max-width:500px;padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);background:var(--color-white);outline:none;flex:1}.editor-title-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.editor-title-text{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);padding:var(--spacing-sm)var(--spacing-md);margin:0}.read-only-indicator{padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-warning-dark);background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-right:var(--spacing-md);align-items:center;display:inline-flex}.editor-error{justify-content:center;align-items:center;gap:var(--spacing-md);height:100vh;color:var(--color-gray-600);flex-direction:column;display:flex}.editor-container{flex:1;margin-top:64px;display:flex;overflow:hidden}.editor-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);width:280px;padding:var(--spacing-lg);gap:var(--spacing-xl);flex-direction:column;transition:width .3s,padding .3s;display:flex;position:relative;overflow-y:auto}.editor-sidebar-collapsed{width:48px;padding:var(--spacing-sm);overflow:hidden}.sidebar-toggle{top:var(--spacing-md);right:var(--spacing-md);z-index:10;position:absolute}.editor-sidebar-collapsed .sidebar-toggle{right:var(--spacing-sm)}.sidebar-help{padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);margin-top:auto}.sidebar-help .btn{justify-content:center;align-items:center;display:flex}.sidebar-section{gap:var(--spacing-md);flex-direction:column;display:flex}.editor-sidebar-collapsed .sidebar-section,.editor-sidebar-collapsed .sidebar-heading,.editor-sidebar-collapsed .toolbox,.editor-sidebar-collapsed .validation-panel,.editor-sidebar-collapsed .btn{visibility:hidden;opacity:0}.sidebar-heading{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.toolbox{gap:var(--spacing-sm);flex-direction:column;display:flex}.toolbox-button{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-base);display:flex}.toolbox-button:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.toolbox-button-decision:hover .toolbox-icon{color:var(--color-primary)}.toolbox-button-outcome:hover .toolbox-icon{color:var(--color-success)}.toolbox-button-label:hover .toolbox-icon{color:var(--color-gray-700)}.toolbox-button-comment:hover .toolbox-icon{color:var(--color-warning)}.toolbox-icon{color:var(--color-gray-500);transition:color var(--transition-base);flex-shrink:0}.history-controls{gap:var(--spacing-sm);display:flex}.history-button{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-base);flex:1;display:flex}.history-button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.history-button:disabled{opacity:.4;cursor:not-allowed;background:var(--color-gray-50)}.history-icon{color:currentColor;transition:color var(--transition-base);flex-shrink:0}.validation-panel{gap:var(--spacing-md);flex-direction:column;display:flex}.validation-status{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);border:2px solid;display:flex}.validation-status-success{border-color:var(--color-success);color:var(--color-success)}.validation-status-warning{border-color:var(--color-warning);color:var(--color-warning)}.validation-status-error{border-color:var(--color-danger);color:var(--color-danger)}.validation-icon{flex-shrink:0}.validation-text{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.validation-description{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}.validation-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.validation-item{font-family:var(--font-body);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-white);text-align:left;cursor:pointer;width:100%;transition:all var(--transition-base);border:none;border-left:3px solid}.validation-item-error{border-color:var(--color-danger);color:var(--color-danger-dark)}.validation-item-error:hover{background:var(--color-danger-light);transform:translate(2px)}.validation-item-warning{border-color:var(--color-warning);color:var(--color-warning-dark)}.validation-item-warning:hover{background:var(--color-warning-light);transform:translate(2px)}.editor-canvas{background:var(--color-bg-canvas);flex:1;position:relative;overflow:auto}.canvas-content{-webkit-user-select:none;user-select:none;width:4000px;min-width:100%;height:4000px;min-height:100%;transition:transform .3s ease-out;position:relative}.canvas-grid-overlay{pointer-events:none;z-index:0;position:absolute;inset:0}.canvas-placeholder{color:#ffffffb3;font-size:var(--font-size-lg);text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edge-legend{gap:var(--spacing-sm);flex-direction:column;display:flex}.edge-legend-item{align-items:center;gap:var(--spacing-sm);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.edge-legend-line{border-radius:2px;width:32px;height:3px;position:relative}.edge-legend-line:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.edge-legend-true{background:var(--color-success)}.edge-legend-true:after{border-left-color:var(--color-success)}.edge-legend-false{background:var(--color-danger)}.edge-legend-false:after{border-left-color:var(--color-danger)}.zoom-controls{bottom:var(--spacing-lg);right:var(--spacing-lg);gap:var(--spacing-sm);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);box-shadow:var(--shadow-md);z-index:10;flex-direction:column;display:flex;position:absolute}.zoom-divider{background:var(--color-border);height:1px;margin:0}.print-title{display:none}@media print{.header,.editor-sidebar,.editor-hud,.selection-rectangle,.connection-handle,.outcome-preview-button,.connection-status{display:none!important}.editor-container{margin-top:0}.editor-canvas{background:#fff!important;overflow:visible!important}.print-title{font-family:var(--font-heading);font-size:24px;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);z-index:100;display:block;position:absolute;top:20px;left:20px}.decision-node,.outcome-node{box-shadow:none!important;background:#fff!important}}.content-search{gap:var(--spacing-sm);flex-direction:column;display:flex}.search-input-container{align-items:center;display:flex;position:relative}.search-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);padding-right:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);transition:border-color var(--transition-base);outline:none}.search-input:focus{border-color:var(--color-primary)}.search-clear-btn{right:var(--spacing-sm);padding:var(--spacing-xs);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.search-clear-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.search-results-list{gap:var(--spacing-sm);flex-direction:column;max-height:200px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-result-item{font-family:var(--font-body);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-white);text-align:left;cursor:pointer;width:100%;transition:all var(--transition-base);border:none;border-left:3px solid}.search-result-item-green{border-color:var(--color-success);color:var(--color-success-dark)}.search-result-item-green:hover{background:var(--color-success-light);transform:translate(2px)}.search-result-item-yellow{border-color:var(--color-warning);color:var(--color-warning-dark)}.search-result-item-yellow:hover{background:var(--color-warning-light);transform:translate(2px)}.search-result-item-red{border-color:var(--color-danger);color:var(--color-danger-dark)}.search-result-item-red:hover{background:var(--color-danger-light);transform:translate(2px)}.search-no-results{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-gray-500);text-align:center;padding:var(--spacing-sm)}.user-management-container{background-color:var(--bg-base);min-height:100vh}.user-management{padding:calc(64px + var(--spacing-lg))var(--spacing-lg)var(--spacing-lg);max-width:1200px;margin:0 auto}.user-management-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.user-management-header h1{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.loading,.error-message,.no-users{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-base)}.error-message{color:var(--color-error);background-color:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md)}.users-list{background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background-color:var(--bg-subtle)}.users-table th{text-align:left;padding:var(--spacing-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.users-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.users-table tbody tr:hover{background-color:var(--bg-subtle)}.actions-cell{gap:var(--spacing-sm);display:flex}.user-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.form-group input,.form-group select{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-body)}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.readonly-field{padding:var(--spacing-sm);background-color:var(--bg-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary)}.form-error{padding:var(--spacing-sm);background-color:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.delete-confirmation{gap:var(--spacing-sm);flex-direction:column;display:flex}.delete-confirmation p{color:var(--text-primary);margin:0}.warning-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.login-view{background-color:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.login-container{padding:var(--spacing-xl);flex:1;justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);width:100%;max-width:400px}.login-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-xl)0;text-align:center}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.error-message{background-color:var(--color-error-light);color:var(--color-error);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);border:1px solid var(--color-error)}.btn-sign-in{margin-top:var(--spacing-md);width:100%}.btn-sign-in:hover:not(:disabled){transform:translateY(-1px)}.btn-sign-in:active:not(:disabled){transform:translateY(0)}.changelog-view{background-color:var(--background-color,#f8fafc);flex-direction:column;height:100vh;display:flex}.changelog-content{flex:1;padding:2rem;overflow-y:auto}.changelog-container{background-color:#fff;border-radius:8px;max-width:800px;margin:0 auto;padding:3rem;box-shadow:0 1px 3px #0000001a}.changelog-title{color:#1e293b;margin-bottom:.5rem;font-family:Crimson Pro,serif;font-size:2.5rem;font-weight:600}.changelog-timeline{flex-direction:column;gap:2rem;display:flex;position:relative}.changelog-entry{border-bottom:1px solid #e2e8f0;grid-template-columns:180px 1fr;gap:2rem;padding-bottom:2rem;display:grid}.changelog-entry:last-child{border-bottom:none;padding-bottom:0}.changelog-date{color:#475569;text-align:right;padding-top:.25rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600}.changelog-items-container{color:#334155;font-family:DM Sans,sans-serif}.changelog-list{margin:0;padding-left:1.25rem}.changelog-item{margin-bottom:.75rem;line-height:1.6}.changelog-item:last-child{margin-bottom:0}@media (max-width:768px){.changelog-container{padding:1.5rem}.changelog-entry{grid-template-columns:1fr;gap:.5rem}.changelog-date{text-align:left;color:#64748b;font-size:.875rem}}.searchable-select{width:100%;position:relative}.searchable-select-input-wrapper{align-items:center;display:flex;position:relative}.searchable-select-input{padding-right:var(--spacing-xl)}.searchable-select-clear{right:var(--spacing-sm);background:var(--color-gray-200);width:20px;height:20px;color:var(--color-gray-600);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.searchable-select-clear:hover{background:var(--color-gray-300);color:var(--color-gray-800)}.searchable-select-option{flex-direction:column;gap:2px;display:flex}.searchable-select-option-text{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-gray-900)}.searchable-select-option-id{font-family:var(--font-mono,monospace);font-size:var(--font-size-xs);color:var(--color-gray-500)}.toast{top:calc(64px + var(--spacing-lg));padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-success);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1001;animation:toastFadeIn var(--transition-base);position:fixed;left:50%;transform:translate(-50%)}.toast--exiting{animation:.2s ease-in forwards toastFadeOut}.toast__message{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-success);align-items:center;gap:var(--spacing-xs);font-weight:500;display:flex}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.library-sync-status{border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.library-sync-status.synced{color:#2e7d32;background-color:#e8f5e9}.library-sync-status.connecting{color:#e65100;background-color:#fff3e0}.library-sync-status.disconnected{color:#c62828;background-color:#ffebee}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.library-sync-status.synced .status-dot{background-color:#4caf50}.library-sync-status.connecting .status-dot{background-color:#ff9800}.library-sync-status.connecting .status-dot.loading{animation:1.5s ease-in-out infinite pulse}.library-sync-status.disconnected .status-dot{background-color:#f44336}.status-text{flex:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.content-library-editor{background:var(--color-gray-50);flex-direction:column;height:100vh;display:flex}.content-library-content{padding:var(--spacing-xl);padding-top:calc(var(--header-height,64px) + var(--spacing-xl));flex-direction:column;flex:1;display:flex;overflow:hidden}.content-library-header{margin-bottom:var(--spacing-lg)}.header-top{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.content-library-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);flex:1;margin:0}.error-message{padding:var(--spacing-md);background:var(--color-red-100);border:2px solid var(--color-red);border-radius:var(--radius-md);color:var(--color-red);font-size:var(--font-size-sm)}.content-library-tabs{gap:var(--spacing-xs);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg);display:flex}.tab-button{padding:var(--spacing-md)var(--spacing-lg);color:var(--color-gray-600);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px}.tab-button:hover{color:var(--color-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.content-library-body{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;overflow:auto}.tab-panel{padding:var(--spacing-lg)}.panel-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.panel-header h3{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.items-list{gap:var(--spacing-md);flex-direction:column;display:flex}.library-item{padding:var(--spacing-md);background:var(--color-gray-50);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:default;z-index:1;position:relative}.library-item:hover{background:var(--color-white);border-color:var(--color-gray-400);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.library-item:focus-within{z-index:100;border-color:var(--color-gray-400)}.item-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.item-id{font-family:var(--font-mono,monospace);font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.btn-delete{top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-outcome-red);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-white);font-family:var(--font-body);cursor:pointer;visibility:hidden;opacity:0;transition:opacity var(--transition-base),transform var(--transition-base),visibility 0s linear .2s;z-index:10;border:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute}.library-item:hover .btn-delete{transition-delay:0s;visibility:visible!important;opacity:1!important;background:var(--color-outcome-red)!important}.btn-delete:hover{transition:background var(--transition-base),transform var(--transition-base);transform:scale(1.1);background:var(--color-danger-dark)!important}.item-input,.item-textarea,.item-input-small{width:100%;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.item-input:focus,.item-textarea:focus,.item-input-small:focus{border-color:var(--color-border-focus);outline:none}.item-textarea{resize:vertical;min-height:60px}.item-field{align-items:flex-start;gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}.item-field-label{width:140px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);padding-top:var(--spacing-sm);text-align:right;flex-shrink:0}.item-field-label:after{content:":"}.item-field .item-input,.item-field .item-textarea,.item-field .searchable-select{flex:1}.item-field-checkbox{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;margin-left:calc(140px + var(--spacing-md));display:flex}.item-field input[type=checkbox]{cursor:pointer;width:auto}.loading-state,.error-state{height:300px;font-size:var(--font-size-lg);color:var(--color-gray-600);justify-content:center;align-items:center;display:flex}.error-state{color:var(--color-red)}.details-help-text{margin:0 0 var(--spacing-md)0;font-size:var(--font-size-sm);color:var(--color-gray-600)}.link-button{font-family:inherit;font-size:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--color-primary-dark)}.markdown-help p{margin:0 0 var(--spacing-md)0;color:var(--color-gray-700)}.markdown-help-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.markdown-help-table th,.markdown-help-table td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border:1px solid var(--color-border)}.markdown-help-table th{background:var(--color-gray-100);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.markdown-help-table td{vertical-align:middle}.markdown-help-table code{background:var(--color-gray-100);border-radius:var(--radius-sm);font-family:var(--font-mono,monospace);font-size:var(--font-size-xs);padding:2px 6px}.markdown-help a{color:var(--color-primary)}.markdown-help a:hover{color:var(--color-primary-dark)}.design-showcase{background-color:var(--color-bg-secondary);min-height:100vh;padding:var(--spacing-3xl)var(--spacing-xl)}.showcase-container{background-color:var(--color-white);max-width:1200px;padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto}.showcase-title{font-family:var(--font-heading);font-size:var(--font-size-4xl);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.showcase-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--spacing-3xl)}.showcase-section{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:2px solid var(--color-gray-200)}.showcase-section:last-child{border-bottom:none}.showcase-section>h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-gray-900);margin-bottom:var(--spacing-xl)}.color-group{margin-bottom:var(--spacing-xl)}.color-group h3{font-size:var(--font-size-xl);color:var(--color-gray-700);margin-bottom:var(--spacing-md)}.color-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.color-card{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.color-swatch{border-radius:5px;width:1em;height:1em}.color-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-gray-700);margin:0}.color-var{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.typo-group{margin-bottom:var(--spacing-xl)}.typo-group h3{font-size:var(--font-size-xl);color:var(--color-gray-700);margin-bottom:var(--spacing-md)}.typo-examples{gap:var(--spacing-md);flex-direction:column;display:flex}.typo-examples h1,.typo-examples h2,.typo-examples h3,.typo-examples h4,.typo-examples h5,.typo-examples h6,.typo-examples p{margin:0}.spacing-examples{gap:var(--spacing-md);flex-direction:column;display:flex}.spacing-item{align-items:center;gap:var(--spacing-md);display:flex}.spacing-visual{background-color:var(--color-primary);border-radius:var(--radius-sm);height:40px}.spacing-item span{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-gray-700)}.radius-examples{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.radius-card{background-color:var(--color-primary-light);border:2px solid var(--color-primary);justify-content:center;align-items:center;height:100px;display:flex}.radius-card p{font-weight:var(--font-weight-medium);color:var(--color-primary);margin:0}.shadow-examples{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.shadow-card{padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-lg);text-align:center}.shadow-card p{margin:0 0 var(--spacing-sm)0;font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.shadow-card code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-gray-600);background-color:var(--color-gray-100);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm)}.button-examples{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-outline{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all var(--transition-fast);cursor:pointer;border:2px solid #0000}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-gray-600);color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-gray-700)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-success:hover{opacity:.9}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover{opacity:.9}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-light)}.form-examples{gap:var(--spacing-lg);flex-direction:column;max-width:500px;display:flex}.form-group label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-gray-700)}.input-field,.select-field,.textarea-field{padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--color-border-focus);outline:none}.input-field::placeholder,.textarea-field::placeholder{color:var(--color-gray-400)}.textarea-field{resize:vertical;font-family:var(--font-body)}.select-field{cursor:pointer}.collab-test{min-height:100vh;padding:var(--spacing-xl);background:var(--color-background);font-family:var(--font-body)}.collab-test-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.collab-test-header h1{font-family:var(--font-heading);font-size:var(--font-size-xxl);color:var(--color-text-primary);margin:0}.collab-test-status{gap:var(--spacing-sm);align-items:center;display:flex}.status-badge{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--border-radius);color:#fff;font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.sync-badge{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-success);color:#fff;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600}.collab-test-error{background:var(--color-error-light);border:2px solid var(--color-error);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.collab-test-error strong{color:var(--color-error);margin-right:var(--spacing-sm)}.collab-test-content{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.counter-section,.activity-section{border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);background:#fff}.counter-section h2,.activity-section h2{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-lg)0}.counter-display{text-align:center;color:var(--color-primary);margin:var(--spacing-xl)0;font-size:120px;font-weight:700;font-family:var(--font-heading);line-height:1}.counter-controls{gap:var(--spacing-md);justify-content:center;display:flex}.counter-controls button{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-family:var(--font-body);border:none;transition:all .2s}.counter-controls button:not(.reset-button){background:var(--color-primary);color:#fff}.counter-controls button:not(.reset-button):hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.counter-controls button.reset-button{background:var(--color-border);color:var(--color-text-secondary)}.counter-controls button.reset-button:hover:not(:disabled){background:var(--color-text-secondary);color:#fff}.counter-controls button:disabled{opacity:.5;cursor:not-allowed}.activity-log{border:1px solid var(--color-border);border-radius:var(--border-radius);max-height:400px;padding:var(--spacing-md);overflow-y:auto}.activity-empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);font-style:italic}.activity-entry{gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);grid-template-columns:2fr 2fr 1fr;display:grid}.activity-entry:last-child{border-bottom:none}.activity-user{color:var(--color-primary);font-weight:600}.activity-action{color:var(--color-text-secondary)}.activity-time{text-align:right;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.collab-test-instructions{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.collab-test-instructions h2{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-md)0}.collab-test-instructions ol{padding-left:var(--spacing-xl);margin:0}.collab-test-instructions li{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);line-height:1.6}.collab-test-instructions strong{color:var(--color-text-primary)}.instructions-note{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:#fff}.instructions-note code{background:var(--color-background);color:var(--color-primary);border-radius:3px;padding:2px 6px;font-family:monospace}.collab-test-footer{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:2px solid var(--color-border);justify-content:center;display:flex}.reconnect-button{padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-primary);color:#fff;border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-family:var(--font-body);border:none;transition:all .2s}.reconnect-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.back-link{padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-border);color:var(--color-text-primary);border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:all .2s}.back-link:hover{background:var(--color-text-secondary);color:#fff;transform:translateY(-1px)}@media (max-width:768px){.collab-test-content{grid-template-columns:1fr}.collab-test-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}}.save-indicator{top:calc(64px + var(--spacing-md));right:var(--spacing-lg);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;animation:fadeIn var(--transition-base);position:fixed}.save-indicator__text{font-family:var(--font-body);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-xs);font-weight:500;display:flex}.save-indicator__text--saving{color:var(--color-text-secondary)}.save-indicator__text--saved{color:var(--color-success)}.error-fallback-container{background-color:var(--color-bg-primary);z-index:var(--z-modal);padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.error-fallback-card{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;padding:var(--spacing-2xl);text-align:center;animation:.25s ease-out slideUp}.error-fallback-icon{margin-bottom:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.error-fallback-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-md)0}.error-fallback-message{font-size:var(--font-size-base);color:var(--color-gray-700);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg)0}.error-fallback-details{background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.error-fallback-details code{font-family:monospace;font-size:var(--font-size-sm);color:var(--color-danger);word-break:break-word;display:block}.error-fallback-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.error-fallback-btn{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;width:100%}.error-fallback-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.error-fallback-btn:active{transform:scale(.98)}.error-fallback-btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.error-fallback-btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.error-fallback-btn-secondary{background-color:var(--color-white);color:var(--color-gray-700);border-color:var(--color-border)}.error-fallback-btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-900)}.error-fallback-btn-tertiary{background-color:var(--color-white);color:var(--color-gray-600);border-color:#0000}.error-fallback-btn-tertiary:hover{background-color:var(--color-gray-50);color:var(--color-gray-700)}@media (max-width:640px){.error-fallback-container{padding:var(--spacing-md)}.error-fallback-card{padding:var(--spacing-xl)}.error-fallback-title{font-size:var(--font-size-xl)}}.app{flex-direction:column;min-height:100vh;display:flex}