@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{color-scheme:light;--font-headings: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: #fef6e4;--bg-secondary: #ffffff;--text-main: #2d2325;--text-muted: #6b5c60;--brand-primary: #ff8ba7;--brand-secondary: #8bd3dd;--brand-tertiary: #faae7b;--brand-accent: #ffc6ff;--border-thick: 2px;--border-color: #2d2325;--shadow-retro: 3px 3px 0px 0px #2d2325;--shadow-retro-hover: 6px 6px 0px 0px #2d2325;--radius-standard: 8px;--radius-round: 99px;--nav-height: 72px;--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh;color:var(--text-main);background-color:var(--bg-primary);font-family:var(--font-body);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:800;line-height:1.1;letter-spacing:-.02em}button,input,textarea,select{font:inherit}button{border:0;background:none;cursor:pointer;outline:none;transition:var(--transition-bounce)}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}::selection{color:#fff;background:var(--brand-primary)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.flex-row{display:flex!important;flex-direction:row!important;align-items:center}.flex-column{display:flex!important;flex-direction:column!important}.flex-between{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between}.hero-grid-complex{display:grid!important;grid-template-columns:1fr 380px!important;gap:32px!important;align-items:stretch!important}@media(max-width:992px){.hero-grid-complex{grid-template-columns:1fr!important}}@media(max-width:768px){.hero-mascot-wrapper{display:none!important}}.app-main{flex:1;display:flex;position:relative;overflow-x:hidden}.app-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:40px;position:relative;z-index:1;min-width:0}.workspace-mode .app-content{max-width:none;padding:0;margin:0}.navbar{background:var(--bg-secondary);border-bottom:var(--border-thick) solid var(--border-color);height:var(--nav-height);position:sticky;top:0;z-index:2000;display:flex;align-items:center}.navbar-container-new{display:flex;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 40px;gap:32px}.navbar-brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-headings);font-weight:900;font-size:1.25rem;text-transform:uppercase}.navbar-nav{display:flex;align-items:center;gap:4px}.nav-link{font-weight:700;font-size:.875rem;padding:8px 16px;border-radius:var(--radius-standard);transition:var(--transition-bounce)}.nav-link:hover{background:var(--bg-primary);transform:translateY(-2px)}.nav-link.active{background:var(--brand-primary);box-shadow:var(--shadow-retro)}.navbar-search-complex{flex:1;position:relative;max-width:360px}.navbar-search-complex input{width:100%;height:44px;padding:0 16px 0 44px;background:var(--bg-primary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);font-weight:600;outline:none;transition:var(--transition-bounce)}.navbar-search-complex input:focus{background:var(--bg-secondary);box-shadow:var(--shadow-retro);transform:translate(-2px,-2px)}.navbar-search-complex .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-popover-complex{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:2100;max-height:400px;overflow-y:auto}.search-item{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition-smooth);text-align:left;width:100%;background:var(--bg-secondary)}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--bg-primary)}.search-item strong{font-size:.875rem;color:var(--text-main);display:block}.search-item span{font-size:.75rem;color:var(--text-muted);margin-top:4px}.bridge-status-mini{display:flex;gap:4px;background:var(--bg-primary);padding:4px 8px;border:var(--border-thick) solid var(--border-color);border-radius:100px}.status-dot{width:8px;height:8px;background:var(--border-color);border-radius:50%;opacity:.3}.status-dot.active{background:var(--brand-secondary);opacity:1;box-shadow:0 0 8px var(--brand-secondary)}.navbar-actions-complex{display:flex;align-items:center;gap:16px;margin-left:auto}.page-sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:var(--border-thick) solid var(--border-color);display:flex;flex-direction:column;padding:24px 12px;gap:8px;height:calc(100vh - var(--nav-height));position:sticky;top:var(--nav-height);z-index:1000;flex-shrink:0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-standard);font-weight:700;color:var(--text-muted);transition:var(--transition-bounce)}.sidebar-item:hover{background:var(--bg-primary);color:var(--text-main);transform:translate(4px)}.sidebar-item.active{background:var(--brand-secondary);color:var(--text-main);box-shadow:var(--shadow-retro)}@media(max-width:1200px){--sidebar-width: 80px;.sidebar-item span{display:none}.sidebar-item{justify-content:center;padding:12px}}@media(max-width:1024px){.page-sidebar{position:fixed;bottom:24px;top:auto;left:50%;transform:translate(-50%);width:auto;height:auto;flex-direction:row;padding:8px;border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-round);box-shadow:0 12px 24px #0000001a,var(--shadow-retro);border-right:var(--border-thick) solid var(--border-color)}.app-content{padding:24px 16px 40px}}.card-complex{background:var(--bg-secondary);border:var(--border-thick) solid var(--border-color);padding:32px;border-radius:var(--radius-standard);box-shadow:var(--shadow-retro);transition:var(--transition-bounce);position:relative;z-index:2}.card-complex:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-retro-hover)}.btn-unique{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;background:var(--brand-primary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);font-weight:800;text-transform:uppercase;font-family:var(--font-headings);box-shadow:var(--shadow-retro);transition:var(--transition-bounce);cursor:pointer}.btn-unique:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-retro-hover)}.btn-unique:active{transform:translate(2px,2px);box-shadow:0 0}.btn-unique.secondary{background:var(--brand-secondary)}.btn-unique.tertiary{background:var(--brand-tertiary)}.btn-unique.small{padding:8px 16px;font-size:.75rem}.hero-complex{padding:80px 0;text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:10}.mascot-floating{position:absolute;width:120px;height:120px;z-index:-1;pointer-events:none;animation:float 8s ease-in-out infinite}.mascot-floating.left{left:-150px;top:20px;animation-delay:-2s}.mascot-floating.right{right:-150px;bottom:20px;animation-delay:-4s}.mascot-floating img{width:100%;height:100%;object-fit:contain}@media(max-width:1200px){.mascot-floating{display:none}}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);margin-bottom:24px;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-description{font-size:1.25rem;color:var(--text-muted);margin-bottom:40px;font-weight:500}.slanted-section{position:relative;padding:120px 0;margin:60px 0;width:100%}.slanted-section:before{content:"";position:absolute;top:0;left:-10%;width:120%;height:100%;background:var(--bg-secondary);transform:rotate(-1.5deg);z-index:0;border-top:var(--border-thick) solid var(--border-color);border-bottom:var(--border-thick) solid var(--border-color)}.slanted-section.pink:before{background:var(--brand-primary)}.slanted-section.teal:before{background:var(--brand-secondary)}.slanted-section.orange:before{background:var(--brand-tertiary)}.slanted-section>*{position:relative;z-index:1}.badge-unique{display:inline-flex;padding:4px 12px;background:var(--bg-primary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-round);font-weight:800;font-size:.75rem;text-transform:uppercase}.badge-unique.teal,.badge-unique.basic{background:var(--brand-secondary)}.badge-unique.orange,.badge-unique.intermediate{background:var(--brand-tertiary)}.badge-unique.pink,.badge-unique.advanced{background:var(--brand-primary)}.text-highlight{background:var(--brand-accent);padding:0 4px;border-radius:4px;box-shadow:2px 2px 0 var(--border-color)}.streak-indicator-new{gap:8px;background:var(--brand-tertiary);color:var(--text-main);padding:6px 16px}.avatar-new{width:44px;height:44px;border-radius:12px;border:var(--border-thick) solid var(--border-color);overflow:hidden;background:var(--bg-secondary);box-shadow:3px 3px 0 var(--border-color);transition:var(--transition-bounce)}.avatar-new:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-color)}.avatar-new img{width:100%;height:100%;object-fit:cover}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mb-20{margin-bottom:20px!important}.mobile-nav-toggle{display:none}.workspace-complex{height:100vh;display:flex;flex-direction:column;overflow:hidden}.workspace-layout-complex{flex:1;display:flex;overflow:hidden;background:var(--border-color);gap:var(--border-thick)}.problem-pane{width:450px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.editor-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);min-width:0}.editor-window{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.terminal-window{height:30%;min-height:150px;max-height:60%;border-top:var(--border-thick) solid var(--border-color);background:#0d0d0d;display:flex;flex-direction:column;transition:height .2s cubic-bezier(.4,0,.2,1),min-height .2s cubic-bezier(.4,0,.2,1),max-height .2s cubic-bezier(.4,0,.2,1)}.terminal-window.collapsed{height:40px!important;min-height:40px!important;max-height:40px!important;overflow:hidden}@media(max-width:1200px){.workspace-layout-complex{flex-direction:column;overflow-y:auto}.problem-pane{width:100%;height:auto;max-height:50vh;flex-shrink:0}.terminal-window{height:300px}}.pane-content{flex:1;padding:32px;overflow-y:auto}.workspace-navbar{height:50px;background:var(--bg-secondary);border-bottom:var(--border-thick) solid var(--border-color);padding:0 16px;display:flex;align-items:center;justify-content:space-between;z-index:1000}.workspace-navbar-left{display:flex;align-items:center;gap:16px}.workspace-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:var(--border-thick) solid var(--border-color);background:var(--bg-secondary);color:var(--text-main);box-shadow:2px 2px 0 var(--border-color);transition:var(--transition-bounce)}.workspace-back-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color)}.workspace-nav-divider{width:2px;height:20px;background:var(--border-color);opacity:.15}.workspace-nav-arrows{display:flex;gap:4px}.workspace-nav-arrows .nav-arrow-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:var(--border-thick) solid var(--border-color);background:var(--bg-secondary);color:var(--text-main);box-shadow:2px 2px 0 var(--border-color);transition:var(--transition-bounce)}.workspace-nav-arrows .nav-arrow-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color)}.workspace-nav-arrows .nav-arrow-btn.disabled{opacity:.4;box-shadow:none;cursor:default;pointer-events:none;transform:none}.workspace-navbar-middle{display:flex;align-items:center;justify-content:center}.bridge-status-compact{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:var(--border-thick) solid var(--border-color);padding:0 12px;border-radius:100px;height:32px;box-shadow:2px 2px 0 var(--border-color)}.status-node-compact{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:800;color:var(--brand-primary);transition:var(--transition-smooth)}.status-node-compact.connected{color:var(--brand-secondary)}.status-node-compact-divider{width:1px;height:12px;background:var(--border-color);opacity:.2}.workspace-navbar-right{display:flex;align-items:center;gap:12px}.run-phase-badge-compact{display:flex;align-items:center;gap:6px;background:var(--brand-secondary);color:var(--bg-primary);padding:0 10px;border:var(--border-thick) solid var(--border-color);border-radius:6px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;height:32px}.streak-indicator-compact{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800}.workspace-avatar{width:32px;height:32px;border-radius:8px;border:var(--border-thick) solid var(--border-color);overflow:hidden;background:var(--bg-secondary);box-shadow:2px 2px 0 var(--border-color);transition:var(--transition-bounce)}.workspace-avatar:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color)}.workspace-avatar img{width:100%;height:100%;object-fit:cover}.step-item-complex{display:flex;gap:16px;background:var(--bg-primary);padding:16px;border:2px solid var(--border-color);border-radius:var(--radius-standard);position:relative;box-shadow:4px 4px 0 var(--border-color)}.step-number{width:24px;height:24px;background:var(--text-main);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;flex-shrink:0}.step-content{flex:1}.step-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--brand-primary);margin-bottom:4px}.step-code{font-family:var(--font-mono);font-size:.8125rem;font-weight:700;color:var(--text-main);word-break:break-all}.step-delete{color:var(--text-muted);transition:color .2s}.step-delete:hover{color:var(--brand-primary)}.editor-window-retro{display:flex;flex-direction:column;background:#0d0d0d!important;border:3px solid var(--border-color)!important;box-shadow:12px 12px 0 var(--border-color)!important}.editor-header-retro{background:#1a1a1a;padding:12px 20px;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between}.editor-header-retro .dot{width:12px;height:12px;border-radius:50%}.editor-header-retro .dot.red{background:#ff5f56}.editor-header-retro .dot.yellow{background:#ffbd2e}.editor-header-retro .dot.green{background:#27c93f}.editor-header-retro .filename{color:#888;font-size:.75rem;font-weight:800;font-family:var(--font-mono)}.editor-header-retro .lang-badge{background:#333;color:#27c93f;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:900}.editor-body-retro{flex:1;padding:24px;overflow-y:auto}.editor-body-retro .code-block{margin:0;color:#27c93f;line-height:1.6;font-family:var(--font-mono);font-size:.875rem}.editor-toast{position:absolute;bottom:24px;right:24px;background:var(--brand-secondary);color:var(--bg-primary);padding:12px 20px;border:2px solid var(--border-color);border-radius:var(--radius-standard);font-weight:800;font-size:.8125rem;display:flex;align-items:center;gap:8px;box-shadow:4px 4px 0 var(--border-color)}.locator-suggestion-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-standard);padding:20px;box-shadow:6px 6px 0 var(--border-color);display:flex;flex-direction:column;gap:16px}.suggestion-header{display:flex;justify-content:space-between;align-items:center}.strategy-badge{background:var(--bg-secondary);color:var(--text-main);padding:4px 10px;border:2px solid var(--border-color);border-radius:6px;font-size:.7rem;font-weight:900;text-transform:uppercase}.stability-meter{display:flex;align-items:center;gap:12px;flex-shrink:0}.meter-fill{width:60px;height:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;position:relative;overflow:hidden}.score-text{font-size:.75rem;font-weight:900;color:var(--text-main);min-width:24px}.suggestion-body{display:flex;gap:12px;align-items:center}.playwright-snippet{flex:1;background:#1a1a1a;color:#27c93f;padding:12px 16px;border-radius:8px;font-family:var(--font-mono);font-size:.8125rem;font-weight:700;border:1px solid #333}.copy-snippet-btn{background:var(--bg-primary);border:2px solid var(--border-color);padding:10px;border-radius:8px;color:var(--text-main)}.suggestion-footer{display:flex;justify-content:space-between;align-items:center}.uniqueness-check{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;color:var(--brand-secondary)}.fallback-trigger{font-size:.75rem;font-weight:800;color:var(--text-muted);text-decoration:underline}.divider-retro{height:3px;background:var(--border-color);width:100%}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.locked-badge{display:flex;align-items:center;gap:6px;background:var(--bg-primary);border:2px solid var(--border-color);padding:4px 12px;border-radius:100px;font-size:.7rem;font-weight:800;color:var(--text-muted);margin-left:12px}.stage-section.locked .title-large,.stage-section.locked .text-muted{opacity:.5}.badge-grid-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.badge-item-mini{width:44px;height:44px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--brand-secondary);box-shadow:3px 3px 0 var(--border-color);transition:transform .2s;cursor:help}.badge-item-mini:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-color)}.badge-item-mini.locked{background:var(--bg-secondary);color:var(--text-muted);opacity:.5;box-shadow:none;cursor:not-allowed}.badge-item-mini.locked:hover{transform:none}.workspace-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;color:var(--text-muted)}.workspace-breadcrumbs .crumb{transition:var(--transition-smooth)}.workspace-breadcrumbs .crumb:hover{color:var(--brand-primary)}.workspace-breadcrumbs .current{color:var(--text-main)}.workspace-actions{display:flex;align-items:center;gap:12px}.workspace-actions .btn-unique{height:36px;padding:0 16px;font-size:.75rem;box-shadow:2px 2px 0 var(--border-color)}.workspace-actions .btn-unique:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color)}.pane-tabs{display:flex;background:var(--bg-primary);border-bottom:var(--border-thick) solid var(--border-color)}.pane-tab{flex:1;padding:12px;font-weight:800;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);transition:var(--transition-smooth);border-right:var(--border-thick) solid var(--border-color)}.pane-tab:last-child{border-right:none}.pane-tab.active{background:var(--bg-secondary);color:var(--brand-primary)}.hint-card{display:flex;gap:16px;padding:20px;background:var(--bg-primary);box-shadow:none;border-radius:var(--radius-standard);align-items:flex-start}.hint-card svg{color:var(--brand-tertiary);flex-shrink:0;margin-top:2px}.hint-card p{font-weight:700;font-size:.875rem;line-height:1.5;margin:0}.editor-window{display:flex;flex-direction:column;height:100%}.editor-header-retro{height:40px;background:var(--bg-primary);border-bottom:var(--border-thick) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.file-tab{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800}.lang-selector{display:flex;gap:6px}.lang-selector button{padding:2px 8px;font-size:.625rem;font-weight:800;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:1px 1px 0 var(--border-color);transition:var(--transition-bounce)}.lang-selector button.active{background:var(--brand-primary);box-shadow:none;transform:translate(1px,1px)}.editor-container{flex:1;min-height:0;background:#1e1e1e}.terminal-window{display:flex;flex-direction:column;background:#0d0d0d;border-top:var(--border-thick) solid var(--border-color)}.terminal-header{height:36px;background:#1a1a1a;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#999;font-size:.6875rem;font-weight:800;text-transform:uppercase}.terminal-header button{color:#666;transition:color .2s}.terminal-header button:hover{color:#fff}.terminal-body{flex:1;padding:16px;overflow-y:auto;font-family:var(--font-mono);font-size:.8125rem}.empty-logs{opacity:.3;font-style:italic}.log-line{margin-bottom:6px;line-height:1.4}.log-line.error{color:var(--brand-primary)}.log-line.success{color:var(--brand-secondary)}.log-line.info{color:#eee}.log-line .timestamp{opacity:.4;margin-right:8px}.hover-link{transition:var(--transition-smooth)}.hover-link:hover{color:var(--brand-primary);text-decoration:underline}.data-table-container{width:100%;overflow-x:auto;border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);background:var(--bg-secondary);box-shadow:var(--shadow-retro)}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--bg-creamy);padding:16px 24px;text-align:left;font-weight:900;text-transform:uppercase;font-size:.75rem;border-bottom:var(--border-thick) solid var(--border-color);color:var(--text-main)}.data-table td{padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.05);font-weight:600}.data-table tr:hover td{background:#00000005}.dashboard-main-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;margin-top:40px}@media(max-width:1100px){.dashboard-main-grid{grid-template-columns:1fr}}.stats-grid-complex{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px!important}.stat-icon-wrapper{width:48px;height:48px;background:var(--bg-primary);border:var(--border-thick) solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-retro)}.stat-value{font-weight:900;margin-bottom:4px;color:var(--text-main);text-shadow:2px 2px 0px rgba(0,0,0,.05)}.stat-item:nth-child(1) .stat-icon-wrapper{background:var(--brand-primary)}.stat-item:nth-child(2) .stat-icon-wrapper{background:var(--brand-tertiary)}.stat-item:nth-child(3) .stat-icon-wrapper{background:var(--brand-secondary)}.stat-item:nth-child(4) .stat-icon-wrapper{background:var(--brand-accent)}.card-complex{animation:slideUp .6s cubic-bezier(.16,1,.3,1) backwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-complex:nth-child(1){animation-delay:.1s}.card-complex:nth-child(2){animation-delay:.2s}.card-complex:nth-child(3){animation-delay:.3s}.card-complex:nth-child(4){animation-delay:.4s}.status-node.connected:before{content:"";width:8px;height:8px;background:currentColor;border-radius:50%;margin-right:4px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}to{transform:scale(1);opacity:1}}.stat-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.progress-bar-new{width:100%;height:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-round);overflow:hidden}.progress-fill{height:100%;background:var(--brand-primary);border-radius:var(--radius-round);transition:width .6s ease-out}.problem-item-row{display:flex;align-items:center;gap:20px;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition-bounce);text-decoration:none;color:inherit}.problem-item-row:hover{background:var(--bg-primary);transform:translate(4px)}.problem-item-row:last-child{border-bottom:none}@media(max-width:1200px){:root{--sidebar-width: 200px}.tool-grid.two-col{grid-template-columns:1fr}}@media(max-width:992px){.page-sidebar{display:none}.app-main{padding-left:0}.dashboard-main-grid,.track-detail-new .dashboard-main-grid{grid-template-columns:1fr}.workspace-layout-complex{flex-direction:column}.problem-pane{width:100%;height:400px;border-right:none;border-bottom:3px solid var(--border-color)}}@media(max-width:1024px){.navbar-container-new{padding:0 16px}.navbar-nav,.navbar-search-complex{display:none}.hero-title{font-size:2.5rem!important}.tool-grid{grid-template-columns:1fr!important}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-primary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);box-shadow:2px 2px 0 var(--border-color);cursor:pointer;transition:var(--transition-bounce)}.mobile-nav-toggle:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color)}.mobile-nav-toggle:active{transform:translate(1px,1px);box-shadow:0 0}.mobile-nav-menu{position:absolute;top:var(--nav-height);left:0;right:0;background:var(--bg-secondary);border-bottom:var(--border-thick) solid var(--border-color);padding:24px;box-shadow:var(--shadow-retro);z-index:2999;display:flex;flex-direction:column;max-height:calc(100vh - var(--nav-height));overflow-y:auto}.mobile-search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:20px}.mobile-search-wrapper input{width:100%;height:44px;padding:0 16px 0 44px;background:var(--bg-primary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);font-weight:600;outline:none;transition:var(--transition-bounce)}.mobile-search-wrapper input:focus{background:var(--bg-secondary);box-shadow:var(--shadow-retro);transform:translate(-2px,-2px)}.mobile-search-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.mobile-nav-links{display:flex;flex-direction:column;gap:8px}.mobile-nav-link{display:block;font-weight:700;font-size:1rem;padding:12px 16px;border-radius:var(--radius-standard);color:var(--text-main);transition:var(--transition-bounce);border:var(--border-thick) solid transparent}.mobile-nav-link:hover{background:var(--bg-primary);transform:translateY(-2px)}.mobile-nav-link.active{background:var(--brand-primary);border-color:var(--border-color);box-shadow:var(--shadow-retro)}.mobile-divider{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);margin-top:16px;margin-bottom:8px;border-bottom:2px dashed rgba(0,0,0,.1);padding-bottom:4px}.mobile-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;font-weight:700;font-size:.875rem;color:var(--text-muted);border-radius:var(--radius-standard);transition:var(--transition-bounce);border:var(--border-thick) solid transparent}.mobile-dropdown-item:hover{background:var(--bg-primary);color:var(--text-main);transform:translate(4px)}.mobile-dropdown-item.active{background:var(--brand-secondary);color:var(--text-main);border-color:var(--border-color);box-shadow:var(--shadow-retro)}.workspace-layout-complex{flex-direction:column!important;overflow:hidden!important;flex:1!important}.problem-pane{width:100%!important;height:auto!important;flex:35 1 0%!important;max-height:none!important;border-right:none!important;border-bottom:var(--border-thick) solid var(--border-color)!important;overflow-y:auto!important}.editor-pane{width:100%!important;height:auto!important;flex:65 1 0%!important;overflow:hidden!important}}.btn-unique{white-space:nowrap}.nav-dropdown-container{position:relative;display:inline-block}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--bg-secondary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);box-shadow:var(--shadow-retro);z-index:3000;padding:8px 0;margin-top:8px;animation:slideUp .2s cubic-bezier(.16,1,.3,1) forwards}.nav-dropdown-container:hover .nav-dropdown-menu{display:block}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;font-weight:700;font-size:.8125rem;color:var(--text-muted);transition:var(--transition-smooth)}.dropdown-item:hover{background:var(--bg-primary);color:var(--text-main);transform:translate(4px)}.dropdown-item.active{background:var(--brand-secondary);color:var(--text-main)}.dropdown-item svg{color:var(--text-muted);transition:var(--transition-smooth)}.dropdown-item:hover svg,.dropdown-item.active svg{color:var(--text-main)}.data-table th{background:var(--bg-primary);padding:16px 24px;text-align:left;font-weight:900;text-transform:uppercase;font-size:.75rem;border-bottom:var(--border-thick) solid var(--border-color);color:var(--text-main)}@media(max-width:768px){.workspace-navbar-middle,.workspace-navbar-right .streak-indicator-compact,.workspace-navbar-right .workspace-avatar,.workspace-navbar-right .workspace-nav-divider{display:none}.workspace-breadcrumbs .crumb:not(:last-child){display:none}.workspace-breadcrumbs svg{display:none}.workspace-navbar{padding:0 8px}.workspace-navbar-left{gap:8px}.workspace-navbar-right button span{display:none}.workspace-navbar-right button{padding:0 10px!important}}.dashboard-hero-card{background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-secondary) 100%);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);padding:32px;box-shadow:var(--shadow-retro);margin-bottom:32px;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow:hidden}.dashboard-hero-card:after{content:"";position:absolute;top:-50px;right:-50px;width:250px;height:250px;background:radial-gradient(circle,#fff3,#fff0 70%);pointer-events:none}.hero-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:32px}.hero-welcome{flex:1 1 400px}.welcome-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1.5px solid var(--border-color);padding:4px 10px;border-radius:var(--radius-round);font-weight:800;font-size:.7rem;text-transform:uppercase;margin-bottom:12px}.sparkle-icon{color:var(--brand-tertiary)}.hero-title-text{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;margin-bottom:8px;color:var(--text-main)}.hero-subtitle{font-size:.95rem;color:var(--text-muted);font-weight:600;line-height:1.5;max-width:520px}.hero-progress-panel{background:var(--bg-secondary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);padding:24px;width:100%;max-width:380px;box-shadow:2px 2px 0 var(--border-color);display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.hero-progress-panel{max-width:100%}}.progress-track-info .track-label{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.progress-track-info .track-title{font-size:1rem;font-weight:800;color:var(--text-main);margin-top:2px}.progress-metrics{display:flex;flex-direction:column;gap:6px}.progress-metrics .progress-bar-container{height:8px;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-round);overflow:hidden}.progress-metrics .progress-bar-fill{height:100%;background:var(--brand-primary);border-radius:var(--radius-round);transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-metrics .progress-text{font-size:.75rem;font-weight:800;color:var(--text-muted);text-align:right}.btn-resume-track{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--brand-tertiary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);font-weight:800;font-size:.8rem;text-transform:uppercase;box-shadow:2.5px 2.5px 0 var(--border-color);transition:var(--transition-bounce)}.btn-resume-track:hover{transform:translate(-1.5px,-1.5px);box-shadow:4px 4px 0 var(--border-color)}.btn-resume-track:active{transform:translate(1px,1px);box-shadow:0 0}.stat-item{position:relative;overflow:hidden;display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;text-align:left!important;padding:16px 20px!important}.stat-item.stat-success .stat-icon-wrapper{background:#8bd3dd26!important;color:#1e7078}.stat-item.stat-warning .stat-icon-wrapper{background:#faae7b26!important;color:#c45718}.stat-item.stat-info .stat-icon-wrapper{background:#ff8ba726!important;color:#c43c5b}.stat-item.stat-neutral .stat-icon-wrapper{background:#ffc6ff33!important;color:#8a358a}.stat-item .stat-icon-wrapper{border:1.5px solid var(--border-color);box-shadow:none;width:42px;height:42px;border-radius:var(--radius-standard);margin-bottom:0!important}.dashboard-search-bar{position:relative;width:100%}.dashboard-search-bar input{width:100%;height:48px;padding:0 16px 0 48px;background:var(--bg-secondary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);font-weight:600;outline:none;transition:var(--transition-bounce);box-shadow:2px 2px 0 var(--border-color)}.dashboard-search-bar input:focus{box-shadow:var(--shadow-retro);transform:translate(-1px,-1px)}.dashboard-search-bar .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.dashboard-filter-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;width:100%}.filter-pills-list{display:flex;gap:4px}@media(max-width:768px){.dashboard-filter-row{flex-direction:column;align-items:stretch}.filter-pills-container{justify-content:space-between;width:100%}.filter-pills-list{flex:1;justify-content:flex-end}}.filter-pills-container{display:flex;align-items:center;gap:12px;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-standard);padding:6px 12px}.filter-label{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.filter-pill{font-size:.75rem;font-weight:800;padding:6px 12px;border-radius:6px;border:1.5px solid transparent;color:var(--text-muted);transition:var(--transition-bounce);background:transparent}.filter-pill:hover{color:var(--text-main);background:#00000008}.filter-pill.active{border-color:var(--border-color);color:var(--text-main);background:var(--bg-secondary);box-shadow:2px 2px 0 var(--border-color);transform:translate(-1px,-1px)}.filter-pill.active.diff-all{background:var(--bg-secondary)}.filter-pill.active.diff-basic{background:var(--brand-secondary)}.filter-pill.active.diff-intermediate{background:var(--brand-tertiary)}.filter-pill.active.diff-advanced{background:var(--brand-primary)}.filter-pill.active.status-all{background:var(--bg-secondary)}.filter-pill.active.status-solved{background:var(--brand-secondary)}.filter-pill.active.status-unsolved{background:var(--brand-tertiary)}.data-table-container{border:var(--border-thick) solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);border-radius:var(--radius-standard)}.data-table tr{transition:background-color .2s ease,transform .2s ease}.data-table tr:hover td{background-color:#ff8ba705!important}.data-table td{border-bottom:1.5px solid rgba(45,35,37,.08);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.concept-tag{display:inline-block;font-size:.65rem;font-weight:700;padding:2px 8px;background:#2d23250d;color:var(--text-muted);border-radius:4px;transition:var(--transition-smooth)}.concept-tag:hover{background:#ff8ba71a;color:var(--brand-primary)}.diff-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;border:1.5px solid var(--border-color)}.diff-badge.basic{background-color:#e2f9fb;color:#1e7078}.diff-badge.intermediate{background-color:#fff0e4;color:#c45718}.diff-badge.advanced{background-color:#ffe6eb;color:#c43c5b}.pagination-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px;padding:12px 16px;background:var(--bg-secondary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);box-shadow:2px 2px 0 var(--border-color)}.pagination-info{font-size:.8rem;font-weight:700;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:6px}.page-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:32px;padding:0 8px;font-size:.8rem;font-weight:800;border:1.5px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);transition:var(--transition-bounce)}.page-btn:hover:not(:disabled){background:var(--bg-primary);transform:translateY(-1px)}.page-btn:active:not(:disabled){transform:translateY(1px)}.page-btn.active{background:var(--brand-primary);color:var(--text-main);box-shadow:1.5px 1.5px 0 var(--border-color);transform:translate(-1px,-1px)}.page-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.pagination-container{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}}.daily-challenge-card{background:var(--bg-secondary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);padding:24px;box-shadow:var(--shadow-retro);transition:var(--transition-bounce);border-top:8px solid var(--brand-secondary)}.daily-challenge-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-retro-hover)}.toolbox-list{display:flex;flex-direction:column;gap:12px}.toolbox-item{display:flex;align-items:center;gap:14px;padding:12px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-standard);transition:var(--transition-bounce);box-shadow:2px 2px 0 var(--border-color)}.toolbox-item:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-color)}.toolbox-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-muted);transition:var(--transition-smooth)}.toolbox-item:hover .toolbox-item-icon{background:var(--brand-primary);color:var(--text-main)}.toolbox-item-info{flex:1;display:flex;flex-direction:column}.toolbox-item-title{font-size:.85rem;font-weight:800;color:var(--text-main)}.toolbox-item-desc{font-size:.7rem;color:var(--text-muted);font-weight:500;margin-top:1px}.toolbox-item-arrow{color:var(--text-muted);transition:transform .2s}.toolbox-item:hover .toolbox-item-arrow{transform:translate(3px);color:var(--text-main)}.badge-item-mini{margin:0 auto}.stat-item .stat-value{font-size:1.5rem;font-weight:900;line-height:1.2;margin-bottom:2px}.stat-item .stat-label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.data-table th.col-status,.data-table td.col-status{width:60px;min-width:60px;text-align:center}.data-table th.col-title,.data-table td.col-title{min-width:240px}.data-table th.col-track,.data-table td.col-track{min-width:140px}.data-table th.col-difficulty,.data-table td.col-difficulty{width:120px;min-width:120px;text-align:center}.data-table th.col-points,.data-table td.col-points{width:80px;min-width:80px;text-align:right}.data-table th.col-action,.data-table td.col-action{width:100px;min-width:100px;text-align:center}@media(max-width:768px){.data-table th,.data-table td{padding:12px 14px!important}}@media(max-width:480px){.pagination-controls{flex-wrap:wrap;justify-content:center;gap:8px}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--nav-height) - 100px);padding:40px 20px;background:var(--bg-primary)}.auth-card{width:100%;max-width:480px;background:var(--bg-secondary)!important;border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);padding:48px 40px!important;box-shadow:var(--shadow-retro)!important;text-align:center}.auth-header{margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.auth-mascot-wrapper{width:80px;height:80px;background:var(--brand-primary);border:var(--border-thick) solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:4px 4px 0 var(--border-color);overflow:hidden}.auth-mascot-wrapper img{width:70%;height:auto}.welcome-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--brand-secondary);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-standard);font-size:.7rem;font-weight:800;text-transform:uppercase}.auth-error-banner{background:var(--brand-primary);color:#fff;border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);padding:12px 16px;margin-bottom:24px;font-weight:700;font-size:.85rem;text-align:left;box-shadow:2px 2px 0 var(--border-color)}.auth-form{text-align:left}.auth-footer{text-align:center}.field-label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;font-weight:800;text-transform:uppercase;color:var(--text-main);margin-bottom:20px}.input-with-icon{position:relative;width:100%}.input-with-icon .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:2}.input-with-icon input,.input-with-icon select{width:100%;height:48px;padding:0 16px 0 48px;background:var(--bg-primary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);font-weight:600;outline:none;transition:var(--transition-bounce);box-shadow:2px 2px 0 var(--border-color);box-sizing:border-box}.input-with-icon input:focus,.input-with-icon select:focus{box-shadow:var(--shadow-retro);transform:translate(-1px,-1px)}.landing-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:0 auto}.landing-mascot-grid{max-width:1000px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:center}.landing-signed-grid{max-width:900px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center}.landing-footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;text-align:left}@media(max-width:1024px){.landing-hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.landing-hero-grid div{text-align:center!important}.landing-hero-grid .flex-row{justify-content:center}.landing-mascot-grid{grid-template-columns:1fr;gap:40px;text-align:center}.landing-mascot-grid div{text-align:center!important}.landing-signed-grid{grid-template-columns:1fr;gap:40px;text-align:center}.landing-signed-grid div{text-align:center!important}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:640px){.landing-footer-grid{grid-template-columns:1fr}}@media(max-width:768px){.col-difficulty,.col-points{display:none!important}}@media(max-width:640px){.col-solved,.col-streak{display:none!important}}@media(max-width:1024px){.workspace-navbar-middle{display:none!important}.workspace-breadcrumbs .crumb:not(:last-child){display:none!important}.workspace-breadcrumbs svg{display:none!important}}@media(max-width:1200px){.workspace-layout-complex{flex-direction:column!important}.problem-pane{width:100%!important;height:45vh!important;border-right:none!important;border-bottom:var(--border-thick) solid var(--border-color)!important}.editor-pane{width:100%!important;height:55vh!important}}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}@media(max-width:640px){.profile-stats-grid{grid-template-columns:1fr;gap:12px}}.markdown-link{color:var(--brand-primary)!important;font-weight:800;text-decoration:underline!important;word-break:break-all;transition:var(--transition-smooth)}.markdown-link:hover{color:var(--brand-tertiary)!important;text-decoration:underline!important}.setup-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2d2325a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease-out forwards}.setup-modal-card{width:90%;max-width:640px;background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:var(--radius-standard);box-shadow:8px 8px 0 0 var(--border-color);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.setup-modal-header{padding:20px 24px;border-bottom:3px solid var(--border-color);background:var(--brand-primary);display:flex;align-items:center;justify-content:space-between}.setup-modal-header h2{font-family:var(--font-headings);font-weight:900;font-size:1.5rem;color:var(--text-main);text-transform:uppercase}.setup-modal-close{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--text-main);box-shadow:2px 2px 0 var(--border-color);cursor:pointer;line-height:1}.setup-modal-close:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color)}.setup-modal-close:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--border-color)}.setup-modal-body{padding:24px;overflow-y:auto;flex:1}.setup-step{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}.setup-step-num{width:36px;height:36px;background:var(--brand-secondary);border:2px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-headings);font-weight:900;font-size:1.25rem;color:var(--text-main);box-shadow:2px 2px 0 var(--border-color);flex-shrink:0}.setup-step-text{flex:1;font-size:.95rem;color:var(--text-main);line-height:1.6}.setup-modal-input{width:100%;padding:12px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;font-weight:700;color:var(--text-main);box-shadow:2px 2px 0 var(--border-color);outline:none;font-family:var(--font-mono);font-size:.85rem}.setup-modal-input:focus{background:var(--bg-secondary);box-shadow:4px 4px 0 var(--border-color);transform:translate(-2px,-2px)}.setup-cmd-container{margin-top:12px;background:#131313;border:2px solid var(--border-color);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:12px}.setup-cmd-container pre{margin:0;color:#0f6;font-family:var(--font-mono);font-size:.785rem;white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;line-height:1.5}.setup-modal-footer{padding:16px 24px;border-top:3px solid var(--border-color);background:var(--bg-primary);display:flex;justify-content:flex-end}.callout-block{border:2px solid var(--border-color);border-radius:8px;padding:16px;margin:20px 0;box-shadow:3px 3px 0 var(--border-color)}.callout-title{font-family:var(--font-headings);font-weight:800;font-size:.95rem;margin-bottom:8px;text-transform:uppercase}.callout-content{font-size:.9rem;line-height:1.5;color:var(--text-main)}.callout-block.note{background:var(--bg-secondary);border-left:6px solid var(--brand-secondary)}.callout-block.note .callout-title{color:#2b7d8c}.callout-block.tip{background:var(--bg-secondary);border-left:6px solid var(--brand-tertiary)}.callout-block.tip .callout-title{color:#d25d14}.callout-block.important{background:var(--bg-secondary);border-left:6px solid var(--brand-accent)}.callout-block.important .callout-title{color:#aa45aa}.callout-block.warning{background:#fff8f8;border-left:6px solid var(--brand-primary)}.callout-block.warning .callout-title{color:#d14a68}.callout-block.caution{background:#fff5f2;border-left:6px solid #e74c3c}.callout-block.caution .callout-title{color:#e74c3c}.markdown-area h1{font-size:1.75rem;margin-bottom:16px;border-bottom:2px solid var(--border-color);padding-bottom:8px}.markdown-area h2{font-size:1.35rem;margin-top:24px;margin-bottom:12px;text-transform:uppercase;letter-spacing:-.01em}.markdown-area h3{font-size:1.1rem;margin-top:16px;margin-bottom:8px}.markdown-area p{font-size:.95rem;line-height:1.6;margin-bottom:16px;color:var(--text-main)}.markdown-area ul,.markdown-area ol{margin-bottom:18px;padding-left:24px}.markdown-area li{margin-bottom:8px;font-size:.925rem;line-height:1.5}.markdown-area strong{font-weight:800}.inline-code-badge{font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;font-size:.85rem;color:var(--text-main);font-weight:600;box-shadow:1px 1px 0 var(--border-color)}.dotted-grid-bg{background-color:var(--bg-primary);background-image:radial-gradient(var(--border-color) 1.5px,transparent 1.5px);background-size:24px 24px}.retro-title-bar{background:var(--text-main);color:var(--bg-secondary);padding:8px 16px;font-family:var(--font-headings);font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border-thick) solid var(--border-color)}input.neobrutalist-input,textarea.neobrutalist-textarea,select.neobrutalist-select{width:100%;padding:12px 16px;background:var(--bg-secondary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);font-weight:700;color:var(--text-main);outline:none;box-shadow:3px 3px 0 var(--border-color);transition:var(--transition-bounce);box-sizing:border-box}input.neobrutalist-input:focus,textarea.neobrutalist-textarea:focus,select.neobrutalist-select:focus{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-color)}select option{background-color:var(--bg-secondary)!important;color:var(--text-main)!important;font-family:var(--font-body);font-weight:700;padding:8px 12px}.retro-switch-label{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-headings);font-weight:800;text-transform:uppercase;font-size:.85rem}.retro-switch{position:relative;width:52px;height:28px;background-color:var(--bg-primary);border:var(--border-thick) solid var(--border-color);border-radius:6px;margin-right:12px;transition:background-color .2s;box-shadow:2px 2px 0 var(--border-color)}.retro-switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--bg-secondary);border:var(--border-thick) solid var(--border-color);border-radius:4px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}input[type=checkbox].retro-switch-checkbox{display:none}input[type=checkbox].retro-switch-checkbox:checked+.retro-switch{background-color:var(--brand-secondary)}input[type=checkbox].retro-switch-checkbox:checked+.retro-switch .retro-switch-knob{transform:translate(24px);background-color:var(--bg-secondary)}.retro-checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700}.retro-checkbox-box{width:20px;height:20px;background:var(--bg-secondary);border:var(--border-thick) solid var(--border-color);border-radius:4px;position:relative;transition:var(--transition-bounce);box-shadow:1.5px 1.5px 0 var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}input[type=checkbox].retro-checkbox-input{display:none}input[type=checkbox].retro-checkbox-input:checked+.retro-checkbox-box{background:var(--brand-primary);transform:translate(-1px,-1px);box-shadow:2.5px 2.5px 0 var(--border-color)}.accordion-faq-item{border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard);background:var(--bg-secondary);box-shadow:4px 4px 0 var(--border-color);overflow:hidden;transition:var(--transition-bounce)}.accordion-faq-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color)}.accordion-faq-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:var(--font-headings);font-weight:900;background:var(--bg-secondary);transition:background .2s}.accordion-faq-header:hover{background:#00000005}.accordion-faq-body{padding:20px 24px;font-size:.9rem;line-height:1.6;border-top:2px dashed rgba(45,35,37,.1);background:var(--bg-primary);color:var(--text-main);text-align:left}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:var(--border-thick) solid var(--border-color);border-top:var(--border-thick) solid var(--border-color)}::-webkit-scrollbar-track:horizontal{border-left:none;border-top:var(--border-thick) solid var(--border-color)}::-webkit-scrollbar-thumb{background-color:var(--brand-primary);border:var(--border-thick) solid var(--border-color);border-radius:var(--radius-standard)}::-webkit-scrollbar-thumb:hover{background-color:var(--brand-tertiary)}::-webkit-scrollbar-corner{background:var(--bg-primary);border-left:var(--border-thick) solid var(--border-color);border-top:var(--border-thick) solid var(--border-color)}.card-complex ::-webkit-scrollbar-track,.pane-content ::-webkit-scrollbar-track,.problem-pane ::-webkit-scrollbar-track,.page-sidebar ::-webkit-scrollbar-track,.search-popover-complex ::-webkit-scrollbar-track{background:var(--bg-secondary)}.card-complex ::-webkit-scrollbar-corner,.pane-content ::-webkit-scrollbar-corner,.problem-pane ::-webkit-scrollbar-corner,.page-sidebar ::-webkit-scrollbar-corner,.search-popover-complex ::-webkit-scrollbar-corner{background:var(--bg-secondary)}.terminal-window ::-webkit-scrollbar-track{background:#1e1e1e;border-color:#2d2325}.terminal-window ::-webkit-scrollbar-thumb{background-color:#3e3e3e;border-color:#2d2325}.terminal-window ::-webkit-scrollbar-thumb:hover{background-color:#555}.terminal-window ::-webkit-scrollbar-corner{background:#1e1e1e;border-color:#2d2325}*{scrollbar-width:thin;scrollbar-color:var(--brand-primary) var(--bg-primary)}.terminal-window{scrollbar-color:#3e3e3e #1e1e1e}.social-auth-group{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border-radius:var(--radius-standard);border:var(--border-thick) solid var(--border-color);font-size:.875rem;font-weight:700;cursor:pointer;transition:var(--transition-bounce);box-shadow:3px 3px 0 var(--border-color);position:relative;overflow:hidden}.btn-social:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-color)}.btn-social:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--border-color)}.btn-social:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-social.google{background:#fff;color:#3c3c3c}.btn-social.google:hover:not(:disabled){background:#f5f5f5}.btn-social.apple{background:#000;color:#fff}.btn-social.apple:hover:not(:disabled){background:#1a1a1a}.social-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.btn-social.google .social-spinner{border-color:#00000026;border-top-color:#3c3c3c}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1.5px;background:var(--border-color);opacity:.5}