:root{--midnight-50: #f0f6fa;--midnight-100: #b0c8d6;--midnight-200: #7699ad;--midnight-300: #3b6985;--midnight-400: #003a5c;--midnight-700: #011e2d;--midnight-800: #01151d;--stone-0: #ffffff;--stone-50: #f3f4f5;--stone-100: #d3d7da;--stone-200: #bdc4c7;--stone-300: #a7b0b5;--stone-400: #929ca1;--stone-500: #7d888e;--stone-600: #536067;--stone-900: #15232b;--ocean-50: #e8f4f6;--ocean-100: #b0d8e1;--ocean-200: #75bbcb;--ocean-300: #3d9fb6;--ocean-400: #00819f;--ocean: #349dbd;--vine-50: #e6fffe;--vine-100: #adebe9;--vine-200: #73d7d3;--vine-300: #3ac3be;--vine-400: #00afa9;--vine-light: #70d8d1;--tomato-50: #fff5f5;--tomato-100: #ffcece;--tomato-200: #ffa6a7;--tomato-300: #ff7f80;--tomato-400: #ff5859;--tomato-selected: #ff58591a;--sun: #ffc627;--cta-blue: #4285f4;--link-color: #00819f;--ui-black: #000a11;--shadow-light: #000b121a;--shadow-dark: #000b121a;--transparent: #fff0;--bg-page: var(--stone-900);--bg-sidebar: var(--midnight-700);--bg-card: var(--stone-900);--bg-card-hover: #1d2d36;--bg-input: var(--midnight-700);--bg-elevated: #1d272e;--border-default: #2a3a44;--border-subtle: #1e2e38;--border-input: var(--stone-600);--text-primary: var(--stone-0);--text-secondary: var(--stone-300);--text-muted: var(--stone-500);--text-disabled: var(--stone-600);--accent-primary: var(--ocean-400);--accent-primary-hover: var(--ocean-300);--accent-primary-muted: #00819f20;--accent-secondary: var(--vine-400);--accent-secondary-hover: var(--vine-300);--accent-secondary-muted: #00afa920;--danger: var(--tomato-400);--danger-hover: var(--tomato-300);--danger-muted: var(--tomato-selected);--success: var(--vine-400);--success-muted: var(--vine-50);--warning: var(--sun);--warning-muted: #ffc62720;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px var(--shadow-light);--shadow-md: 0 4px 6px var(--shadow-light);--shadow-lg: 0 10px 15px var(--shadow-dark);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-tooltip: 500;--z-toast: 600;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(min-width:1920px){html{font-size:112.5%}}@media(max-width:768px){html{font-size:87.5%}}body{font-family:var(--font-family);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6)}.card-hover:hover{background:var(--bg-card-hover);transition:background var(--transition-fast)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);line-height:var(--leading-tight)}.btn-primary{background:var(--accent-primary);color:var(--stone-0)}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-muted)}.btn-text{background:transparent;color:var(--text-secondary);padding:var(--space-1) var(--space-2)}.btn-text:hover{color:var(--text-primary)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger-muted)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-sm);line-height:1;text-transform:uppercase;letter-spacing:.025em}.badge-breaking{background:var(--danger-muted);color:var(--tomato-300)}.badge-warning{background:var(--warning-muted);color:var(--sun)}.badge-info{background:var(--accent-primary-muted);color:var(--ocean-200)}.badge-muted{background:#ffffff10;color:var(--text-muted)}.badge-success{background:var(--accent-secondary-muted);color:var(--vine-300)}input,select,textarea{font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-muted)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-weight:var(--weight-medium);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.table tr:hover td{background:var(--bg-card-hover)}.tab-bar{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-6)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-secondary)}.tab-active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.app-layout{display:flex;min-height:100vh}.sidebar{width:15rem;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border-default);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-header{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border-subtle)}.sidebar-nav{flex:1;padding:var(--space-3) 0;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-left:2px solid transparent}.sidebar-nav-item:hover{color:var(--text-primary);background:var(--bg-elevated)}.sidebar-nav-item-active{color:var(--accent-primary);border-left-color:var(--accent-primary);background:var(--accent-primary-muted)}.sidebar-user{flex-shrink:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);display:flex;align-items:center;gap:var(--space-3)}.main-content{flex:1;min-width:0;padding:var(--space-8) var(--space-8);max-width:80rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.summary-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.summary-card-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.summary-card-value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.badge-non-breaking{background:var(--accent-secondary-muted);color:var(--vine-300)}.badge-cosmetic{background:#ffffff10;color:var(--text-muted)}.badge-potentially-breaking{background:var(--warning-muted);color:var(--sun)}.docs-prose h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.docs-prose h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-secondary)}.docs-prose h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-top:var(--space-4)}.docs-prose p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-muted)}.docs-prose strong{color:var(--text-secondary);font-weight:var(--weight-medium)}.docs-prose em{color:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}a{color:inherit;text-decoration:none}.input{display:block;width:100%;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-muted)}.input::placeholder{color:var(--text-muted)}.select{display:block;width:100%;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.method-get{color:var(--vine-300)}.method-post{color:var(--ocean-200)}.method-put,.method-patch{color:var(--sun)}.method-delete{color:var(--tomato-300)}.ring-accent{box-shadow:0 0 0 2px var(--accent-primary-muted)}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-nav-flat{display:flex;align-items:center;gap:.625rem;border-radius:var(--radius-md);padding:.375rem .625rem;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-nav-flat:hover{background:var(--bg-card);color:var(--stone-200)}.sidebar-nav-flat-active{background:var(--bg-elevated);color:var(--stone-100)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.375rem;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:transparent;border:none}.icon-btn:hover{color:var(--stone-300);background:var(--bg-elevated)}.dropdown-menu{position:absolute;z-index:var(--z-dropdown);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-lg);padding:var(--space-1) 0}.dropdown-item{display:flex;width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:transparent;border:none;text-align:left}.dropdown-item:hover{background:var(--bg-elevated);color:var(--stone-200)}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--stone-0);background:var(--accent-primary)}.ws-initial{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-md);font-size:11px;font-weight:var(--weight-bold);color:var(--accent-primary);background:var(--accent-primary-muted)}.folder-item{display:flex;width:100%;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:.375rem .625rem;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:transparent;border:none;text-align:left}.folder-item:hover{background:var(--bg-card);color:var(--stone-200)}.folder-item-active{background:var(--bg-elevated);color:var(--stone-100)}.folder-action-btn{border-radius:var(--radius-sm);padding:.125rem;color:var(--text-disabled);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.folder-action-btn:hover{color:var(--stone-300);background:var(--bg-elevated)}.folder-action-btn-danger:hover{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:#01151d99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-panel{margin:0 var(--space-4);width:100%;max-width:24rem;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card);padding:var(--space-5);box-shadow:var(--shadow-lg)}.spinner{width:2rem;height:2rem;border-radius:var(--radius-full);border:2px solid var(--border-default);border-top-color:var(--accent-primary);animation:spin 1s linear infinite}.color-swatch{width:1rem;height:1rem;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.color-swatch:hover{border-color:var(--text-muted)}.color-swatch-active{border-color:var(--stone-0);transform:scale(1.1)}.ws-role-badge{flex-shrink:0;border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:10px;font-weight:var(--weight-medium);line-height:1}.ws-role-owner{background:#f59e0b1a;color:#fbbf24}.ws-role-member{background:#3b82f61a;color:#60a5fa}.ws-role-viewer{background:#71717a1a;color:var(--text-secondary)}.ws-dropdown-item{display:flex;width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:transparent;border:none;text-align:left}.ws-dropdown-item:hover{background:var(--bg-elevated)}.ws-dropdown-item-active{background:var(--accent-primary-muted);color:var(--accent-primary-hover)}.ws-initial-sm{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-bold);width:1.25rem;height:1.25rem}.ws-initial-sm-active{background:var(--accent-primary-muted);color:var(--accent-primary-hover)}.ws-initial-sm-inactive{background:var(--bg-elevated);color:var(--text-secondary)}.input-compact{flex:1;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-elevated);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--stone-200);outline:none;transition:border-color var(--transition-fast)}.input-compact:focus{border-color:var(--accent-primary)}.input-compact::placeholder{color:var(--text-muted)}.btn-primary-sm{border-radius:var(--radius-sm);background:var(--accent-primary);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--stone-0);border:none;cursor:pointer;transition:background var(--transition-fast)}.btn-primary-sm:hover{background:var(--accent-primary-hover)}.btn-primary-sm:disabled{opacity:.4;cursor:not-allowed}.btn-cancel-sm{border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:11px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.btn-cancel-sm:hover{color:var(--stone-300);background:var(--bg-elevated)}.ws-trigger{display:flex;width:100%;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:.125rem var(--space-1);margin-left:calc(-1 * var(--space-1));text-align:left;background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.ws-trigger:hover{background:#1e2e3899}.ws-trigger:disabled{opacity:.6;pointer-events:none}.skeleton{border-radius:var(--radius-sm);background:#1e2e3880;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.group-hover-target{display:none}.group:hover .group-hover-target{display:flex;align-items:center}:root{--sidebar-width: 240px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.landing-stagger-1{animation:landing-fade-up .5s ease-out both;animation-delay:0s}.landing-stagger-2{animation:landing-fade-up .5s ease-out both;animation-delay:.1s}.landing-stagger-3{animation:landing-fade-up .5s ease-out both;animation-delay:.2s}.landing-stagger-4{animation:landing-fade-up .5s ease-out both;animation-delay:.3s}.landing-pulse{animation:landing-badge-pulse 2s ease-in-out infinite}.landing-desktop-only{display:none}.landing-mobile-only{display:block}@media(min-width:768px){.landing-hero-wrapper{flex-direction:row!important}.landing-hero-left,.landing-hero-right{width:50%!important;padding-top:0!important;padding-bottom:0!important}.landing-hero-content{align-items:flex-start!important;text-align:left!important}.landing-desktop-only{display:flex}.landing-mobile-only{display:none!important}}