:root{--clnkr-bg: #0a0a0f;--clnkr-surface: rgba(15, 15, 25, .9);--clnkr-glass: rgba(25, 25, 40, .7);--clnkr-border: rgba(100, 255, 218, .2);--clnkr-accent: #64ffda;--clnkr-accent-dim: rgba(100, 255, 218, .3);--clnkr-text: #e0e0e0;--clnkr-text-dim: #888;--clnkr-danger: #ff6b6b;--clnkr-warning: #ffd93d;--clnkr-success: #6bff8c;--clnkr-info: #6bb5ff;--clnkr-glow: 0 0 20px rgba(100, 255, 218, .3);--clnkr-shadow: 0 8px 32px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,Fira Code,SF Mono,monospace;background:var(--clnkr-bg);color:var(--clnkr-text);min-height:100vh}.clnkr-shell{display:flex;flex-direction:column;height:100vh;background-image:radial-gradient(circle at 1px 1px,rgba(100,255,218,.1) 1px,transparent 0);background-size:24px 24px;position:relative}.clnkr-shell:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:1000;opacity:.3}.clnkr-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--clnkr-surface);border-bottom:1px solid var(--clnkr-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10}.clnkr-logo{font-size:1.5rem;font-weight:700;letter-spacing:4px;color:var(--clnkr-accent);text-shadow:var(--clnkr-glow)}.clnkr-status{display:flex;align-items:center;gap:16px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--clnkr-text-dim)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-dot.online{background:var(--clnkr-success);box-shadow:0 0 8px var(--clnkr-success)}.status-dot.warning{background:var(--clnkr-warning);box-shadow:0 0 8px var(--clnkr-warning)}.status-dot.offline{background:var(--clnkr-danger);box-shadow:0 0 8px var(--clnkr-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cognitive-mode-selector{display:flex;align-items:center;gap:8px}.cognitive-select{background:var(--clnkr-glass);border:1px solid var(--clnkr-border);border-radius:4px;padding:4px 8px;color:var(--clnkr-text);font-family:inherit;font-size:.7rem;cursor:pointer;outline:none;transition:all .2s}.cognitive-select:hover,.cognitive-select:focus{border-color:var(--clnkr-accent)}.cognitive-select option{background:var(--clnkr-bg);color:var(--clnkr-text)}.cognitive-mode-indicator{padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:1px}.cognitive-mode-indicator.mode-standard{background:#64ffda33;color:var(--clnkr-accent)}.cognitive-mode-indicator.mode-focused{background:#6bb5ff33;color:var(--clnkr-info)}.cognitive-mode-indicator.mode-creative{background:#ffd93d33;color:var(--clnkr-warning)}.cognitive-mode-indicator.mode-analytical{background:#aa64ff33;color:#aa64ff}.cognitive-mode-indicator.mode-debug{background:#ff6b6b33;color:var(--clnkr-danger)}.clnkr-nav{display:flex;gap:2px;padding:8px 24px;background:var(--clnkr-surface);border-bottom:1px solid var(--clnkr-border);overflow-x:auto;position:relative;z-index:10}.clnkr-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--clnkr-text-dim);cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.85rem;font-weight:500;letter-spacing:1px;white-space:nowrap}.clnkr-tab:hover{color:var(--clnkr-text);background:var(--clnkr-glass);border-color:var(--clnkr-border)}.clnkr-tab.active{color:var(--clnkr-accent);background:var(--clnkr-glass);border-color:var(--clnkr-accent);box-shadow:var(--clnkr-glow)}.clnkr-tab-icon{font-size:1.1rem}.clnkr-content{flex:1;position:relative;overflow:hidden;z-index:5}.clnkr-content iframe{width:100%;height:100%;border:none;background:transparent}.clnkr-panel{position:absolute;inset:0;padding:24px;overflow-y:auto;display:none}.clnkr-panel.active{display:block}.clnkr-footer{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--clnkr-surface);border-top:1px solid var(--clnkr-border);position:relative;z-index:10}.clnkr-quick-actions{display:flex;gap:8px}.quick-action-btn{padding:8px 16px;background:var(--clnkr-glass);border:1px solid var(--clnkr-border);border-radius:4px;color:var(--clnkr-text);cursor:pointer;font-family:inherit;font-size:.75rem;transition:all .2s ease}.quick-action-btn:hover{background:var(--clnkr-accent-dim);border-color:var(--clnkr-accent)}.clnkr-command-input{flex:1;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0000004d;border:1px solid var(--clnkr-border);border-radius:4px}.clnkr-command-input input{flex:1;background:transparent;border:none;color:var(--clnkr-text);font-family:inherit;font-size:.85rem;outline:none}.clnkr-command-input input::placeholder{color:var(--clnkr-text-dim)}.clnkr-command-prefix{color:var(--clnkr-accent);font-weight:700}.clnkr-system-status{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--clnkr-text-dim)}.glass-panel{background:var(--clnkr-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--clnkr-border);border-radius:8px;padding:20px;margin-bottom:16px}.glass-panel h3{color:var(--clnkr-accent);font-size:.9rem;letter-spacing:2px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--clnkr-border)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.clnkr-nav{padding:8px 12px}.clnkr-tab{padding:10px 12px;font-size:.75rem}.clnkr-tab span:not(.clnkr-tab-icon){display:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--clnkr-bg)}::-webkit-scrollbar-thumb{background:var(--clnkr-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--clnkr-accent-dim)}.text-accent{color:var(--clnkr-accent)}.text-success{color:var(--clnkr-success)}.text-warning{color:var(--clnkr-warning)}.text-danger{color:var(--clnkr-danger)}.text-info{color:var(--clnkr-info)}.text-dim{color:var(--clnkr-text-dim)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}