*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0a0a0a;--white: #ffffff;--off-white: #f8f7f4;--brand-teal: #009e85;--brand-teal-hover: #00c9a7;--brand-border: #e8e5e0;--brand-mid: #374151;--brand-slate: #4b5563;--bg: #0a0a0a;--surface: #121212;--surface-raised: #1a1a1a;--divider: #1f1f1f;--ink: #f8f7f4;--charcoal: #d4d4d8;--slate: #9ca3af;--slate-light: #6b7280;--teal: #009e85;--teal-dim: #00c9a7;--teal-pale: #b2ede6;--amber: #d97706;--red: #dc2626;--rose: #e11d48;--violet: #7c3aed;--sidebar-bg: #0d0d0d;--success: #16a34a;--success-bg: rgba(22,163,74,.1);--warning: #d97706;--warning-bg: rgba(217,119,6,.1);--error: #dc2626;--error-bg: rgba(220,38,38,.1);--info: #2563eb;--info-bg: rgba(37,99,235,.1);--purple: #7c3aed;--purple-bg: rgba(124,58,237,.1);--text-on-primary: #ffffff;--red-bg: #2d1a1a;--card-shadow: 0 4px 24px rgba(0,0,0,.25), 0 1px 4px rgba(0,0,0,.15);--card-border: 1px solid rgba(255,255,255,.05);--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius: 6px;--radius-lg: 8px;--sidebar-w: 220px}[data-theme=light]{--bg: #ffffff;--surface: #ffffff;--surface-raised: #f8f7f4;--divider: #e8e5e0;--ink: #0a0a0a;--charcoal: #374151;--slate: #4b5563;--slate-light: #9ca3af;--teal: #009e85;--teal-dim: #00c9a7;--teal-pale: #ccfbf1;--amber: #d97706;--red: #dc2626;--rose: #e11d48;--violet: #7c3aed;--sidebar-bg: #0d0d0d;--success: #16a34a;--success-bg: rgba(22,163,74,.08);--warning: #d97706;--warning-bg: rgba(217,119,6,.08);--error: #dc2626;--error-bg: rgba(220,38,38,.08);--info: #2563eb;--info-bg: rgba(37,99,235,.08);--purple: #7c3aed;--purple-bg: rgba(124,58,237,.08);--text-on-primary: #ffffff;--red-bg: #fef2f2;--card-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--card-border: 1px solid #e8e5e0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);min-height:100vh;font-size:.875rem;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:600;letter-spacing:-.01em}::selection{background:#009e854d;color:var(--ink)}*:focus-visible{outline:2px solid var(--teal);outline-offset:2px}a{color:var(--teal)}.layout{display:flex;min-height:100vh}.main{margin-left:var(--sidebar-w);flex:1;min-width:0;padding:var(--space-8);min-height:100vh;background:var(--bg)}.sidebar{width:var(--sidebar-w);background:#0d0d0d;color:#9ca3af;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:100;border-right:1px solid #1a1a1a;padding:var(--space-5) 0 var(--space-3)}.sidebar-logo{padding:0 20px var(--space-5);border-bottom:1px solid #1a1a1a;margin-bottom:var(--space-3)}.sidebar-logo h1{font-family:var(--font-serif);font-size:1rem;font-weight:400;color:#fff;letter-spacing:-.01em}.sidebar-logo span{color:var(--brand-teal)}.sidebar-logo p{font-size:.6875rem;color:#6b7280;margin-top:2px}.sidebar-section{padding:var(--space-3) 0 var(--space-1)}.sidebar-section-label{font-size:.6875rem;font-weight:600;color:#9ca3af;letter-spacing:.12em;padding:var(--space-2) 20px;text-transform:uppercase}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 20px;border-radius:0;color:#d1d5db;text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .15s,background .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left;border-left:2px solid transparent}.sidebar-link:hover{background:#ffffff0a;color:#fff}.sidebar-link.active{background:#009e851a;color:#fff;border-left-color:var(--brand-teal)}.sidebar-link svg{flex-shrink:0;opacity:.85;width:15px;height:15px}.sidebar-link.active svg{opacity:1;color:var(--brand-teal)}.sidebar-link--with-sub{align-items:flex-start;padding-top:8px;padding-bottom:8px}.sidebar-link-stack{display:flex;flex-direction:column;line-height:1.25;min-width:0;flex:1}.sidebar-link-sub{font-size:.625rem;color:#6b7280;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-link.active .sidebar-link-sub{color:#00c9a7b3}.scope-bar{display:flex;flex-direction:column;gap:6px;padding:12px 16px 4px;border-bottom:1px solid rgba(255,255,255,.05)}.scope-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s}.scope-card:hover{border-color:#009e8566;background:#ffffff0d}.scope-card-label{font-size:.5625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}.scope-card-value{font-size:.8125rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scope-card-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;padding:0 14px 0 0;outline:none;cursor:pointer;width:100%;text-overflow:ellipsis;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23a8b8c8' opacity='0.7' d='M6 8L0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 0 center}.scope-card-select option{background:#1a1a1a;color:#fff}.scope-card-actions{display:flex;gap:6px;margin-top:2px}.scope-card-action{font-size:.6875rem;color:#9ca3af;text-decoration:none;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.08);transition:color .15s,border-color .15s,background .15s}.scope-card-action:hover{color:var(--brand-teal);border-color:#009e8566;background:#009e850f}.sidebar-skill-tag{font-family:var(--font-mono);font-size:.625rem;font-weight:500;margin-left:auto;color:var(--slate-light)}.sidebar-footer{margin-top:auto;padding:var(--space-3) var(--space-2);border-top:1px solid var(--divider)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0003;padding:var(--space-5);color:var(--ink);border:1px solid var(--divider)}.card-sm{padding:14px var(--space-4)}.skill-card{background:var(--surface);border-radius:var(--radius);padding:18px 20px;cursor:pointer;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s;display:block;border:1px solid var(--divider);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%}.skill-card:hover{border-color:var(--brand-teal);box-shadow:0 0 0 1px #009e8533}.skill-card-tag{font-size:.625rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.skill-card-name{font-size:.875rem;font-weight:500;margin-bottom:6px;color:var(--ink);line-height:1.4}.skill-card-desc{font-size:.8125rem;color:var(--slate);line-height:1.5;margin-top:2px;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill-card-framework{font-size:.6875rem;color:var(--slate);margin-bottom:var(--space-2)}.skill-card-time{font-size:.6875rem;font-weight:500;padding:2px var(--space-2);border-radius:3px;display:inline-block}.skill-card-cat{font-size:.625rem;font-weight:500;letter-spacing:.08em;color:var(--slate);text-transform:uppercase;margin-bottom:var(--space-2)}.skill-card,.skill-card *{overflow-wrap:break-word;word-break:break-word}.skill-card-tag{white-space:normal}.skill-card-actions{display:flex;gap:4px;padding:6px 10px;border-top:1px solid var(--divider);background:var(--surface);border-radius:0 0 8px 8px}.skill-card-actions a,.skill-card-actions button{flex:1;font-size:.75rem;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 0;border-radius:4px;min-height:36px;background:none;border:none;cursor:pointer}.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:4px;font-size:.8125rem;font-weight:500;min-height:40px;cursor:pointer;border:none;transition:background .15s,border-color .15s,color .15s;text-decoration:none;font-family:var(--font-body);letter-spacing:0}.btn-primary{background:var(--brand-teal);color:#fff}.btn-primary:hover{background:var(--brand-teal-hover)}.btn-secondary{background:transparent;color:var(--charcoal);border:1px solid var(--divider);padding:10px 18px;font-weight:400}.btn-secondary:hover{border-color:var(--brand-teal);color:var(--brand-teal)}.btn-ghost{background:transparent;color:var(--slate)}.btn-ghost:hover{background:var(--surface-raised);color:var(--ink)}.btn-danger{background:#dc262614;color:var(--red);border:1px solid rgba(220,38,38,.25)}.btn-danger:hover{background:#dc262624}.btn-sm{padding:6px 14px;font-size:.75rem;min-height:32px}.btn-lg{padding:14px 28px;font-size:.9375rem;min-height:52px}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.input,.textarea,.select{width:100%;padding:9px var(--space-3);border:1.5px solid var(--divider);border-radius:var(--radius);font-size:.8125rem;font-family:var(--font-body);background:var(--surface);color:var(--ink);transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--teal);outline:none}.textarea{resize:vertical;min-height:140px;line-height:1.6}.input-mono{font-family:var(--font-mono);font-size:.75rem}.input::placeholder,.textarea::placeholder{color:var(--slate-light)}.select option{background:var(--surface);color:var(--ink)}.label{display:block;font-size:.75rem;font-weight:600;color:var(--slate);margin-bottom:6px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:.6875rem;font-weight:600;border:1px solid var(--divider);color:var(--slate);background:transparent;cursor:default;white-space:nowrap}.pill-teal{border-color:var(--teal);color:var(--teal);background:#009e8514}.pill-amber{border-color:var(--amber);color:var(--amber);background:#f6a62314}.pill-red{border-color:var(--red);color:var(--red);background:#e53e3e14}.pill-purple{border-color:var(--purple);color:var(--purple);background:var(--purple-bg)}.pill-clickable{cursor:pointer;transition:all .15s;border:1px solid var(--divider)}.pill-clickable:hover{background:#009e8526;border-color:var(--teal);color:var(--teal)}.pill-active{background:var(--teal);color:var(--bg);border-color:var(--teal)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:.6875rem;font-weight:600}.badge-teal{background:#009e851f;color:var(--teal)}.badge-slate{background:var(--surface-raised);color:var(--slate)}.markdown-output{line-height:1.75;color:var(--ink);font-size:.875rem}.markdown-output h1{font-size:1.375rem;font-weight:700;margin:var(--space-6) 0 var(--space-3);color:var(--ink)}.markdown-output h2{font-size:1.0625rem;font-weight:700;margin:var(--space-5) 0 10px;padding-bottom:6px;border-bottom:1.5px solid var(--divider);color:var(--ink)}.markdown-output h3{font-size:.875rem;font-weight:600;margin:var(--space-4) 0 var(--space-2);color:var(--charcoal)}.markdown-output p{margin-bottom:var(--space-3)}.markdown-output ul,.markdown-output ol{padding-left:var(--space-5);margin-bottom:var(--space-3)}.markdown-output li{margin-bottom:var(--space-1)}.markdown-output strong{font-weight:700;color:var(--ink)}.markdown-output code{font-family:var(--font-mono);font-size:.75rem;background:var(--surface-raised);padding:2px 5px;border-radius:4px;color:var(--teal)}.markdown-output pre{background:var(--sidebar-bg);color:var(--teal-pale);padding:14px;border-radius:var(--radius);overflow-x:auto;margin-bottom:14px;font-size:.75rem;border:1px solid var(--divider)}.markdown-output pre code{background:none;padding:0;color:inherit}.markdown-output blockquote{border-left:3px solid var(--teal);padding-left:14px;color:var(--slate);margin-bottom:var(--space-3);font-style:italic}.markdown-output table{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:.8125rem}.markdown-output th{background:var(--sidebar-bg);color:var(--teal);padding:var(--space-2) var(--space-3);text-align:left;font-size:.6875rem;letter-spacing:.05em;border-bottom:1px solid var(--divider)}.markdown-output td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--divider);color:var(--charcoal)}.markdown-output tr:hover td{background:var(--surface-raised)}.markdown-output input[type=checkbox]{margin-right:6px;accent-color:var(--teal)}.markdown-output hr{border:none;border-top:1px solid var(--divider);margin:var(--space-5) 0}.markdown-output a{color:var(--teal)}.prompt-block{background:var(--sidebar-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--divider)}.prompt-block-header{background:var(--teal);padding:6px var(--space-3);font-family:var(--font-mono);font-size:.6875rem;font-weight:700;color:var(--bg);display:flex;align-items:center;justify-content:space-between}.prompt-block textarea{width:100%;background:transparent;border:none;color:var(--teal-pale);font-family:var(--font-mono);font-size:.75rem;padding:14px;line-height:1.7;resize:vertical;min-height:280px}.prompt-block textarea:focus{outline:none}.streaming-dot{display:inline-block;width:8px;height:8px;background:var(--teal);border-radius:50%;animation:pulse 1s ease-in-out infinite;margin-left:6px;vertical-align:middle}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--surface);color:var(--ink);padding:var(--space-3) 18px;border-radius:var(--radius);font-size:.8125rem;font-weight:500;box-shadow:0 4px 16px #0006;border:1px solid var(--divider);z-index:999;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.empty-state{text-align:center;padding:60px var(--space-5);color:var(--slate)}.empty-state h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-2);color:var(--charcoal)}.empty-state p{font-size:.8125rem;color:var(--slate);line-height:1.6}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--space-4)}.two-panel{display:flex;gap:var(--space-6)}.two-panel-left{flex:0 0 380px;min-width:0}.two-panel-left-sm{flex:0 0 280px;min-width:0}.two-panel-right{flex:1;min-width:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.table-scroll table{min-width:100%}.safe-dropdown{max-width:calc(100vw - var(--space-4))}.page-header{margin-bottom:28px}.page-header h2{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;color:var(--ink);margin-bottom:var(--space-1);letter-spacing:-.01em}.page-header p{color:var(--slate);font-size:.875rem}.app-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.app-logo .logo-dot{width:7px;height:7px;border-radius:50%;background:var(--brand-teal);flex-shrink:0}.app-logo .logo-text{font-family:var(--font-serif);font-size:1rem;font-weight:400;letter-spacing:-.01em}.app-logo--dark .logo-text{color:#fff}.app-logo--light .logo-text{color:#0a0a0a}.app-logo--lg .logo-text{font-size:1.25rem}.category-tabs{display:flex;align-items:center;gap:4px;padding:16px 0;border-bottom:1px solid var(--divider);margin-bottom:24px;flex-wrap:wrap}.category-tab{font-size:.75rem;font-weight:400;color:var(--slate);padding:6px 14px;border-radius:3px;border:1px solid transparent;cursor:pointer;transition:all .15s;background:none;font-family:var(--font-body)}.category-tab:hover{background:var(--surface-raised);border-color:var(--divider)}.category-tab.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--divider);border:1px solid var(--divider);border-radius:var(--radius);overflow:hidden;margin-bottom:28px}.stat-card{background:var(--surface);padding:20px 24px}.stat-card-num{font-family:var(--font-serif);font-size:2rem;font-weight:400;line-height:1;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}.stat-card-label{font-size:.75rem;color:var(--slate);line-height:1.4}.stat-card-sub{font-size:.6875rem;color:var(--slate-light);margin-top:2px}.app-header{background:var(--surface);border-bottom:1px solid var(--divider);height:56px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.app-header-title{font-family:var(--font-serif);font-size:1.125rem;color:var(--ink);letter-spacing:-.01em}.app-header-org{font-size:.75rem;font-weight:500;color:var(--brand-teal);background:#009e8514;padding:3px 10px;border-radius:3px;margin-left:10px}.onboarding-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 6px 6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--divider);box-shadow:0 1px 3px #0000000a}.onboarding-pill-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}.onboarding-pill-icon{color:var(--brand-teal);flex-shrink:0}.onboarding-pill-text{font-size:.8125rem;font-weight:500;white-space:nowrap}.onboarding-pill-bar{display:inline-block;width:80px;height:4px;border-radius:2px;background:var(--divider);overflow:hidden}.onboarding-pill-bar-fill{display:block;height:100%;background:var(--brand-teal);transition:width .3s}.onboarding-pill-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--slate);display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.onboarding-pill-close:hover{color:var(--ink);background:var(--surface-raised)}@media (max-width: 640px){.onboarding-pill-text{display:none}.onboarding-pill-bar{width:32px}.onboarding-pill{padding:6px 6px 6px 10px}}.onboarding-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;z-index:9000;overflow-y:auto;padding:32px 16px}.onboarding-shell-header{width:100%;max-width:600px;margin-bottom:24px;display:flex;justify-content:center}.onboarding-shell-card{width:100%;max-width:600px;background:var(--surface);border:1px solid var(--divider);border-radius:12px;padding:32px 32px 24px;display:flex;flex-direction:column}.onboarding-shell-card:has(.onboarding-shell-body--with-visual){max-width:920px}.onboarding-shell-body--with-visual{flex:1;display:grid;grid-template-columns:1fr 280px;gap:28px;margin-bottom:32px;align-items:start}.onboarding-shell-body-form{min-width:0}.onboarding-shell-body-visual{background:var(--bg);border:1px solid var(--divider);border-radius:10px;padding:18px}@media (max-width: 760px){.onboarding-shell-card:has(.onboarding-shell-body--with-visual){max-width:600px}.onboarding-shell-body--with-visual{grid-template-columns:1fr}.onboarding-shell-body-visual{display:none}}.onboarding-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:32px 16px}.onboarding-modal-frame{position:relative;width:100%;max-width:980px;background:var(--surface);border:1px solid var(--divider);border-radius:14px;box-shadow:0 24px 64px #0000008c;margin:auto;overflow:hidden}.onboarding-modal-close{position:absolute;top:14px;right:14px;z-index:2;background:#0000000a;border:1px solid var(--divider);cursor:pointer;color:var(--slate);padding:6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.onboarding-modal-close:hover{background:var(--divider);color:var(--ink);border-color:var(--ink)}.onboarding-modal-content .onboarding-shell{position:static!important;inset:auto!important;z-index:auto!important;min-height:auto!important;height:auto!important;background:transparent!important;padding:16px 16px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;overflow:visible!important}.onboarding-modal-content .onboarding-shell-header{display:none!important}.onboarding-modal-content .onboarding-shell-card{border:none!important;background:transparent!important;box-shadow:none!important;padding:16px 24px 24px!important}.onboarding-modal-footer{display:flex;align-items:center;justify-content:flex-start;padding:12px 32px;border-top:1px solid var(--divider);background:var(--bg)}.onboarding-modal-suppress{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--slate);cursor:pointer;-webkit-user-select:none;user-select:none}.onboarding-modal-suppress input{accent-color:var(--brand-teal)}@media (max-width: 760px){.onboarding-modal-backdrop{padding:0}.onboarding-modal-frame{border-radius:0;min-height:100vh;max-width:none}.onboarding-modal-content .onboarding-shell-card{padding:12px 16px 20px!important}.onboarding-modal-footer{padding:10px 16px}}.onboarding-shell-progress{display:flex;align-items:center;gap:6px;margin-bottom:24px}.onboarding-shell-dot{width:8px;height:8px;border-radius:50%;background:var(--divider);transition:background .2s}.onboarding-shell-dot.active{background:var(--brand-teal)}.onboarding-shell-step-label{margin-left:auto;font-size:.75rem;color:var(--slate);font-weight:500}.onboarding-shell-title{font-family:var(--font-serif);font-size:1.875rem;font-weight:400;color:var(--ink);letter-spacing:-.01em;margin-bottom:8px}.onboarding-shell-subtitle{font-size:.9375rem;color:var(--slate);line-height:1.6;margin-bottom:24px}.onboarding-shell-body{flex:1;margin-bottom:32px}.onboarding-shell-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.onboarding-shell-footer-spacer{flex:1}.onboarding-shell-back,.onboarding-shell-skip{background:none;border:none;color:var(--slate);cursor:pointer;padding:10px;font-size:.8125rem;font-family:var(--font-body)}.onboarding-shell-back:hover,.onboarding-shell-skip:hover{color:var(--ink)}.onboarding-shell-primary{min-width:180px}.tour-dots{display:flex;gap:6px;justify-content:center;margin-top:24px}.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--divider);transition:background .2s}.tour-dot.active{background:var(--brand-teal)}.first-run-output-card{margin-top:16px;padding:16px;background:var(--surface-raised);border-radius:8px;border:1px solid var(--divider);max-height:320px;overflow:auto;font-family:var(--font-mono);font-size:.8125rem;white-space:pre-wrap;line-height:1.6}.first-run-output-card.streaming{border-color:var(--brand-teal);box-shadow:0 0 0 1px #009e8533}.first-run-output-card pre{margin:0;font-family:inherit;white-space:pre-wrap;color:var(--ink)}.extras-list{display:flex;flex-direction:column;gap:10px}.extras-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg);border:1px solid var(--divider);border-radius:8px}.extras-item.done{border-color:var(--brand-teal);background:#009e850a}.extras-item.locked{opacity:.65}.extras-item-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface-raised);color:var(--slate);flex-shrink:0}.extras-item.done .extras-item-icon{background:var(--brand-teal);color:#fff}.extras-item-circle{width:12px;height:12px;border-radius:50%;border:2px solid var(--divider)}.extras-item-body{flex:1;min-width:0}.extras-item-label{font-size:.875rem;font-weight:600;color:var(--ink)}.extras-item-desc{font-size:.75rem;color:var(--slate);margin-top:2px}@media (max-width: 640px){.onboarding-shell{padding:16px 0 0}.onboarding-shell-header{padding:0 16px;margin-bottom:16px}.onboarding-shell-card{border-radius:0;border-left:none;border-right:none;padding:24px 20px;min-height:calc(100vh - 80px)}.onboarding-shell-title{font-size:1.5rem}.onboarding-shell-footer{position:sticky;bottom:0;background:var(--surface);margin:0 -20px -24px;padding:16px 20px;border-top:1px solid var(--divider)}.onboarding-shell-primary{width:100%;min-height:48px}.extras-item{padding:12px 14px}}.extras-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9500;padding:16px}.extras-modal{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--divider);border-radius:12px;padding:24px;position:relative;max-height:90vh;overflow-y:auto}.extras-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--slate)}.extras-modal-close:hover{color:var(--ink);background:var(--surface-raised)}.extras-modal-title{font-family:var(--font-serif);font-size:1.375rem;font-weight:400;color:var(--ink);letter-spacing:-.01em;margin-bottom:8px}.extras-modal-sub{font-size:.875rem;color:var(--slate);line-height:1.6;margin-bottom:18px}.extras-modal-body{margin-bottom:18px}.extras-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid var(--divider)}@media (max-width: 640px){.extras-modal-backdrop{align-items:flex-end;padding:0}.extras-modal{border-radius:16px 16px 0 0;max-height:92vh;max-width:100%;padding:20px}}.skill-card-tag.discovery{color:var(--brand-teal)}.skill-card-tag.strategy{color:#7c3aed}.skill-card-tag.planning{color:#2563eb}.skill-card-tag.launch{color:#d97706}.skill-card-tag.communication{color:#059669}.skill-card-tag.operations{color:#6b7280}.skill-card-tag.design{color:#db2777}.skill-card-tag.engineering{color:#1d4ed8}.tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--divider);margin-bottom:var(--space-5)}.tab{padding:var(--space-2) var(--space-4);font-size:.8125rem;font-weight:600;cursor:pointer;border:none;background:none;color:var(--slate);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;font-family:var(--font-body)}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.tab:hover:not(.active){color:var(--ink)}.file-drop{border:2px dashed var(--divider);border-radius:var(--radius);padding:var(--space-5);text-align:center;cursor:pointer;transition:all .15s;color:var(--slate);background:transparent}.file-drop:hover,.file-drop.dragging{border-color:var(--teal);color:var(--teal);background:#009e850d}.file-drop input{display:none}.api-key-banner{background:#f6a62314;border:1.5px solid var(--amber);border-radius:var(--radius);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:10px;margin-bottom:var(--space-5);font-size:.8125rem;color:var(--amber)}.export-dropdown{position:relative;display:inline-block}.export-dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius);box-shadow:0 8px 24px #0006;z-index:200;min-width:180px;overflow:hidden}.export-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:.8125rem;font-weight:500;color:var(--ink);background:none;border:none;cursor:pointer;transition:background .1s;font-family:var(--font-body);text-align:left}.export-dropdown-item:hover{background:var(--surface-raised)}.export-dropdown-item+.export-dropdown-item{border-top:1px solid var(--divider)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--divider);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate-light)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:48px;background:var(--sidebar-bg);border-bottom:1px solid var(--divider);z-index:101;align-items:center;justify-content:space-between;padding:0 var(--space-3)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){body{font-size:.9375rem}.mobile-header{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform .2s ease;width:min(280px,85vw)}.sidebar.sidebar-open{transform:translate(0)}.main{margin-left:0;padding:var(--space-4);padding-top:calc(48px + var(--space-4))}.grid-2,.grid-3,.grid-4,.grid-auto{grid-template-columns:1fr;gap:var(--space-3)}.two-panel{flex-direction:column;gap:var(--space-4)}.two-panel-left,.two-panel-left-sm{flex:1 1 auto;width:100%}.main div[style*="display: flex"][style*="gap: 24px"],.main div[style*="display: flex"][style*="gap: 20px"]{flex-direction:column}.page-header{margin-bottom:var(--space-5)}.page-header h2{font-size:1.25rem}.page-header p{font-size:.875rem}.card{padding:var(--space-4)}.card-sm{padding:var(--space-3) var(--space-4)}.skill-card{padding:var(--space-4)}.skill-card-name{font-size:1rem}.skill-card-framework,.skill-card-time{font-size:.75rem}.skill-card-desc{font-size:.9375rem;-webkit-line-clamp:3;line-clamp:3}.skill-card-actions a,.skill-card-actions button{font-size:.875rem;min-height:44px;padding:10px 0}.btn-sm{min-height:36px;padding:8px 14px;font-size:.8125rem}.input,.textarea,.select{font-size:.9375rem;padding:10px var(--space-3)}.label{font-size:.8125rem}.markdown-output{font-size:.9375rem;line-height:1.7}.markdown-output h1{font-size:1.375rem}.markdown-output h2{font-size:1.125rem}.markdown-output h3{font-size:1rem}.markdown-output table{font-size:.875rem}.markdown-output pre{font-size:.8125rem}.tabs{flex-wrap:wrap;gap:var(--space-1)}.tab{padding:var(--space-2) var(--space-3);font-size:.8125rem}.toast{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);font-size:.875rem}.sidebar-link{padding:10px var(--space-3);font-size:.875rem}.sidebar-section{padding:var(--space-3) var(--space-2) var(--space-2)}.sidebar-logo{padding:var(--space-4)}.export-dropdown-menu{min-width:min(200px,calc(100vw - var(--space-4)))}.mobile-wrap{flex-wrap:wrap}.main img,.main iframe,.main video,.main canvas,.main svg{max-width:100%}.markdown-output,.markdown-output p,.markdown-output li,.markdown-output code{word-wrap:break-word;overflow-wrap:break-word}}@media (max-width: 480px){.main{padding:var(--space-3);padding-top:calc(48px + var(--space-3))}.card{padding:var(--space-3)}.btn-lg{padding:10px 18px;font-size:.9375rem;min-height:48px}.btn{padding:10px 16px}.page-header h2{font-size:1.125rem}.skill-card{padding:var(--space-3) var(--space-4)}.tab{padding:6px var(--space-2);font-size:.75rem}}.legal-article{max-width:800px;margin:0 auto;background:var(--surface);padding:48px 56px;border-radius:12px;border:1px solid var(--divider);box-shadow:0 4px 24px #00000014}.legal-body{color:var(--ink);font-size:15px;line-height:1.75}.legal-body h2{font-size:22px;font-weight:700;color:var(--ink);margin:40px 0 16px;border-top:1px solid var(--divider);padding-top:32px}.legal-body h2:first-child{border-top:none;padding-top:0;margin-top:0}.legal-body h3{font-size:17px;font-weight:700;color:var(--ink);margin:28px 0 12px}.legal-body p{margin:0 0 16px;color:var(--slate)}.legal-body strong{color:var(--ink);font-weight:600}.legal-body ul,.legal-body ol{margin:0 0 16px;padding-left:24px;color:var(--slate)}.legal-body li{margin-bottom:8px}.legal-body a{color:var(--teal);text-decoration:none}.legal-body a:hover{text-decoration:underline}.legal-body .legal-uppercase{text-transform:uppercase;font-size:13px;letter-spacing:.02em;background:var(--bg);padding:16px 20px;border-radius:8px;border-left:3px solid var(--teal);margin:16px 0}@media (max-width: 640px){.legal-article{padding:32px 24px;border-radius:8px}.legal-body h2{font-size:20px}.legal-body{font-size:14px}}