:root{--bg: #f5f7fb;--bg-elev: #ffffff;--bg-soft: #f9fbff;--bg-code: #0f172a;--text: #0f172a;--text-soft: #475569;--muted: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #2563eb;--primary-soft: #eff6ff;--primary-dark: #1d4ed8;--accent: #10b981;--accent-soft: #ecfdf5;--warning: #f59e0b;--warning-soft: #fffbeb;--danger: #ef4444;--danger-soft: #fef2f2;--indigo: #6366f1;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 4px 12px rgba(15, 23, 42, .06);--shadow: 0 10px 30px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .14);--sidebar-w: 264px;--topbar-h: 64px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-theme=dark]{--bg: #0b1220;--bg-elev: #121a2c;--bg-soft: #16203a;--bg-code: #060b18;--text: #e2e8f0;--text-soft: #cbd5e1;--muted: #94a3b8;--border: #1e2a44;--border-strong: #334155;--primary: #60a5fa;--primary-soft: rgba(96, 165, 250, .12);--primary-dark: #93c5fd;--accent: #34d399;--accent-soft: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:radial-gradient(1100px 600px at -10% -20%,rgba(37,99,235,.12),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(16,185,129,.1),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}input:focus-visible{outline:none}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:color-mix(in srgb,var(--bg-elev) 88%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);overflow-y:auto;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:6px 4px 22px;margin-bottom:8px;border-bottom:1px solid var(--border)}.brand-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:800;font-size:15px;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 8px 18px #2563eb4d;letter-spacing:-.02em}.brand-logo-svg{display:block;border-radius:12px;box-shadow:0 8px 18px #2563eb4d;flex:0 0 40px}.brand-title{font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.brand-subtitle{font-size:11.5px;color:var(--muted);margin-top:2px}.nav-title{margin:18px 6px 8px;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 11px;margin:2px 0;border-radius:10px;color:var(--text-soft);font-size:13.5px;font-weight:500;transition:background .15s,color .15s,transform .15s}.nav-link svg{width:16px;height:16px;flex:0 0 16px;opacity:.85}.nav-link:hover{background:var(--primary-soft);color:var(--primary-dark);transform:translate(2px)}.nav-link.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:700}.sidebar-footer{margin-top:26px;padding-top:14px;border-top:1px solid var(--border);font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.main{min-width:0;padding:0;max-width:1320px;width:100%}.topbar{position:sticky;top:0;display:flex;align-items:center;gap:14px;height:var(--topbar-h);padding:0 28px;background:color-mix(in srgb,var(--bg-elev) 84%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:20}.topbar-title{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.01em}.topbar-crumb{color:var(--muted);font-size:13px}.topbar-crumb a{color:var(--text-soft)}.topbar-crumb a:hover{color:var(--primary-dark)}.topbar-crumb b{color:var(--text);font-weight:700}.topbar-spacer{flex:1}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-soft);cursor:pointer;transition:background .15s,color .15s,transform .15s,border-color .15s}.icon-btn:hover{background:var(--primary-soft);color:var(--primary-dark);border-color:var(--primary-soft)}.icon-btn svg{width:18px;height:18px}.icon-btn[data-mobile-only]{display:none}.search-input{height:36px;min-width:220px;padding:0 12px 0 36px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 12px center;color:var(--text);font-family:var(--font-sans);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.content{padding:28px}.hero{position:relative;overflow:hidden;padding:38px;border-radius:var(--radius-xl);background:radial-gradient(600px 240px at 110% -10%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#0f172a,#1e3a8a 55%,#047857);color:#fff;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:320px;height:320px;right:-90px;top:-100px;border-radius:50%;background:#ffffff1a;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:860px}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);font-size:11.5px;font-weight:700;letter-spacing:.02em}.hero h1{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:-.035em;font-weight:800}.hero p{margin:16px 0 0;color:#ffffffdb;font-size:16px;max-width:700px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 0}.stat-card{padding:18px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-xs);display:flex;align-items:center;gap:14px;transition:transform .15s,box-shadow .15s,border-color .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 42px}.stat-icon svg{width:20px;height:20px}.stat-icon.primary{background:var(--primary-soft);color:var(--primary)}.stat-icon.accent{background:var(--accent-soft);color:var(--accent)}.stat-icon.warning{background:var(--warning-soft);color:var(--warning)}.stat-icon.indigo{background:#6366f11f;color:var(--indigo)}.stat-body{min-width:0}.stat-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat-value{margin-top:4px;font-size:22px;font-weight:800;letter-spacing:-.025em;color:var(--text);line-height:1.1;display:flex;align-items:baseline;gap:6px}.stat-unit{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:0;text-transform:none}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.meta-card{padding:14px;border-radius:var(--radius);background:#ffffff1a;border:1px solid rgba(255,255,255,.16)}.meta-label{color:#ffffffb3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.meta-value{margin-top:4px;font-size:14.5px;font-weight:700;word-break:break-word}section{margin-top:28px}.section-card{padding:26px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;flex-wrap:wrap}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--primary);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}h2{margin:0;font-size:clamp(20px,2.4vw,26px);line-height:1.2;letter-spacing:-.025em;font-weight:800;color:var(--text)}h3{margin:22px 0 10px;font-size:17px;letter-spacing:-.015em;font-weight:800;color:var(--text)}h4{margin:16px 0 6px;font-size:14px;font-weight:800;color:var(--text)}.section-description{max-width:680px;color:var(--text-soft);margin:6px 0 0;font-size:14.5px}.callout{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);color:var(--text);margin:16px 0;font-size:14px}.callout.warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.callout.success{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.callout.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.callout .icon{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#2563eb29;color:var(--primary-dark);font-weight:900}.callout.warning .icon{background:#f59e0b29;color:#92400e}.callout.success .icon{background:#10b9812e;color:#065f46}.callout.danger .icon{background:#ef444429;color:#991b1b}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.mini-card h4{margin-top:0;font-size:14.5px}.mini-card p{margin-bottom:0;color:var(--text-soft);font-size:13.5px}.mini-card ul,.mini-card ol{color:var(--text-soft);font-size:13.5px}.pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;letter-spacing:.01em}.pill.runtime{background:#dcfce7;color:#166534}.pill.manifest{background:#dbeafe;color:#1d4ed8}.pill.special{background:#fef3c7;color:#92400e}.pill.optional{background:#f1f5f9;color:#475569}.pill.danger{background:#fee2e2;color:#991b1b}[data-theme=dark] .pill.runtime{background:#22c55e2e;color:#4ade80}[data-theme=dark] .pill.manifest{background:#3b82f62e;color:#93c5fd}[data-theme=dark] .pill.special{background:#f59e0b2e;color:#fcd34d}[data-theme=dark] .pill.optional{background:#94a3b82e;color:#cbd5e1}[data-theme=dark] .pill.danger{background:#f871712e;color:#fca5a5}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);margin-top:12px}table{width:100%;border-collapse:collapse;min-width:880px}th,td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:13.5px;color:var(--text)}th{background:var(--bg-soft);color:var(--text-soft);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;position:sticky;top:0}tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--primary-soft)}code{padding:2px 6px;border-radius:6px;background:var(--primary-soft);color:var(--primary-dark);font-size:12.5px;font-family:var(--font-mono)}ul,ol{padding-left:20px;margin:8px 0}li{margin:5px 0;color:var(--text-soft)}.timeline{position:relative;display:grid;gap:14px;margin-top:18px}.timeline:before{content:"";position:absolute;left:18px;top:8px;bottom:8px;width:2px;background:color-mix(in srgb,var(--primary) 35%,transparent)}.timeline-item{position:relative;display:grid;grid-template-columns:38px 1fr;gap:12px}.timeline-number{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:900;box-shadow:0 6px 16px #2563eb4d;z-index:1}.timeline-content{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.timeline-content h4{margin-top:0}.timeline-content p{color:var(--text-soft);font-size:13.5px;margin:6px 0 0}.logic-box{padding:16px 18px;border-radius:var(--radius);background:var(--bg-code);color:#e2e8f0;overflow-x:auto;margin-top:14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.75;white-space:pre;border:1px solid rgba(255,255,255,.06)}.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin-top:16px}.flow-step{position:relative;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev)}.flow-step:after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--primary);font-weight:900}.flow-step:last-child:after{display:none}.flow-label{color:var(--muted);font-size:10.5px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.flow-title{margin-top:4px;font-weight:800;font-size:13.5px}.feature-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elev);transition:transform .15s,box-shadow .15s,border-color .15s}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.feature-head{display:flex;justify-content:space-between;gap:14px;padding:18px;background:linear-gradient(135deg,var(--bg-soft),var(--primary-soft));border-bottom:1px solid var(--border)}.feature-head h3{margin:0;font-size:15.5px}.feature-head .section-description{font-size:13px;margin-top:4px}.feature-body{padding:18px}.feature-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail{padding:13px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--border)}.detail-title{margin-bottom:4px;color:var(--text);font-weight:800;font-size:12.5px}.detail p{margin:0;color:var(--text-soft);font-size:13px}.status-list{display:grid;gap:10px;margin-top:12px}.status-row{display:grid;grid-template-columns:220px 1fr;gap:14px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev)}.status-row>div:last-child{color:var(--text-soft);font-size:13.5px}.status-name{font-weight:800;color:var(--text);font-size:13.5px}.footer{margin:28px 0 14px;color:var(--muted);font-size:12.5px;text-align:center}.print-button{display:inline-flex;align-items:center;gap:8px;border:0;padding:10px 14px;border-radius:10px;color:#fff;background:var(--primary);font-weight:700;font-size:13px;font-family:var(--font-sans);cursor:pointer;box-shadow:0 8px 20px #2563eb47;transition:background .15s,transform .15s}.print-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.project-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{appearance:none;border:1px solid var(--border);padding:6px 12px;border-radius:999px;background:var(--bg-elev);color:var(--text-soft);font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--font-sans);transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--primary-dark);border-color:var(--primary-soft)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:6px}.project-card{display:flex;flex-direction:column;padding:22px;border-radius:var(--radius-lg);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.project-card.is-hidden{display:none}.project-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.project-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;color:#fff;font-weight:900;font-size:17px;background:linear-gradient(135deg,var(--primary),var(--accent));flex:0 0 50px}.project-name{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.project-pkg{font-size:11.5px;color:var(--muted);font-family:var(--font-mono);word-break:break-all}.project-desc{color:var(--text-soft);font-size:13.5px;flex:1}.project-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.project-meta .tag{padding:3px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:11.5px;font-weight:700}.project-meta .tag.status-active{background:var(--accent-soft);color:#065f46}.project-meta .tag.status-wip{background:var(--warning-soft);color:#92400e}.project-meta .tag.status-archived{background:#f1f5f9;color:#475569}[data-theme=dark] .project-meta .tag.status-active{color:#34d399}[data-theme=dark] .project-meta .tag.status-wip{color:#fbbf24}[data-theme=dark] .project-meta .tag.status-archived{color:#cbd5e1;background:#94a3b82e}.cta{margin-top:14px;display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:800;font-size:13px}.cta:after{content:"→";transition:transform .2s}.project-card:hover .cta:after{transform:translate(3px)}.empty-state{display:none;padding:36px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-soft)}.empty-state.show{display:block}.scrim{display:none;position:fixed;inset:0;background:#0f172a80;z-index:25;backdrop-filter:blur(2px)}.scrim.show{display:block}.skip-link{position:absolute;left:-9999px;background:var(--primary);color:#fff;padding:10px 14px;border-radius:10px;font-weight:800;font-size:13px;z-index:100}.skip-link:focus{left:12px;top:12px}@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.icon-btn[data-mobile-only]{display:inline-grid}.content{padding:20px}.topbar{padding:0 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.meta-grid,.grid.two,.grid.three,.feature-detail-grid,.flow-grid{grid-template-columns:1fr}.flow-step:after{display:none}.section-header{flex-direction:column}.status-row{grid-template-columns:1fr}.hero{padding:26px;border-radius:var(--radius-lg)}.search-input{min-width:0;flex:1}}@media(max-width:560px){.stats-grid{grid-template-columns:1fr}}@media print{body{background:#fff;color:#000}.layout{display:block}.sidebar,.topbar,.print-button,.icon-btn,.scrim,.project-toolbar{display:none!important}.main{padding:0;max-width:none}.content{padding:0}.section-card,.hero,.feature-card{box-shadow:none;break-inside:avoid;border-color:#d1d5db}.hero{color:#000;background:#f9fafb;border:1px solid #d1d5db}.hero .meta-card{background:#fff;border-color:#d1d5db;color:#000}.hero .meta-label,.hero p,.badge{color:#1f2937}.logic-box{background:#f3f4f6;color:#111;border:1px solid #d1d5db}}.workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.workspace-eyebrow{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.workspace-title{margin:4px 0 0;font-size:clamp(22px,2.8vw,30px);font-weight:800;letter-spacing:-.025em;line-height:1.15;color:var(--text)}.workspace-sub{margin:6px 0 0;color:var(--text-soft);font-size:14px;max-width:640px}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-family:var(--font-sans);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.btn:hover{background:var(--primary-soft);color:var(--primary-dark);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 20px #2563eb47}.btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateY(-1px)}.btn svg{width:15px;height:15px}.rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px}.rail-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:transform .15s,box-shadow .15s,border-color .15s}.rail-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.rail-head{display:flex;align-items:center;gap:10px}.rail-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:13px;flex:0 0 34px}.rail-name{font-weight:800;font-size:14px;color:var(--text)}.rail-when{font-size:11.5px;color:var(--muted);font-family:var(--font-mono)}.rail-line{color:var(--text-soft);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-list{display:flex;flex-direction:column;gap:0;margin-top:12px}.activity-item{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);align-items:baseline}.activity-item:last-child{border-bottom:0}.activity-date{color:var(--muted);font-family:var(--font-mono);font-size:12px}.activity-body{color:var(--text-soft);font-size:14px}.activity-body a{color:var(--text);font-weight:700}.activity-body a:hover{color:var(--primary-dark)}.view-toggle{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:0;background:transparent;color:var(--text-soft);font-family:var(--font-sans);font-size:12.5px;font-weight:700;border-radius:7px;cursor:pointer;transition:background .15s,color .15s}.view-btn:hover{color:var(--primary-dark)}.view-btn.active{background:var(--primary);color:#fff}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.sort-select{appearance:none;height:36px;padding:0 32px 0 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,box-shadow .15s}.sort-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.group-section{margin-top:22px}.group-section:first-of-type{margin-top:0}.group-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft)}.group-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:11px;font-weight:800;letter-spacing:0;text-transform:none}.project-list{display:none;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden}.list-mode .project-list{display:flex}.list-mode .project-grid{display:none}.project-row{display:grid;grid-template-columns:44px 220px 1fr auto auto 28px;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);transition:background .15s}.project-row:last-child{border-bottom:0}.project-row.is-hidden{display:none}.project-row:hover{background:var(--primary-soft)}.row-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:12.5px;flex:0 0 36px}.row-main{min-width:0}.row-title{font-size:14px;font-weight:800;color:var(--text);letter-spacing:-.01em}.row-pkg{font-family:var(--font-mono);font-size:11px;color:var(--muted);word-break:break-all}.row-desc{color:var(--text-soft);font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.row-meta{display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--muted)}.row-version,.row-sdk{font-family:var(--font-mono)}.row-updated{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);white-space:nowrap}.row-cta{color:var(--primary);font-weight:800;font-size:16px}.add-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.schema-table th:first-child,.schema-table td:first-child{width:200px}.schema-table .field{font-family:var(--font-mono);color:var(--primary-dark);font-weight:700}.schema-table .type{font-family:var(--font-mono);color:var(--muted);font-size:12px}.copy-block{position:relative}.copy-block .copy-btn{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#e2e8f0;font-family:var(--font-sans);font-size:11.5px;font-weight:700;cursor:pointer;transition:background .15s}.copy-block .copy-btn:hover{background:#ffffff29}.copy-block .copy-btn.copied{background:var(--accent);color:#052e21;border-color:transparent}@media(max-width:980px){.activity-item{grid-template-columns:1fr;gap:4px}.project-row{grid-template-columns:36px 1fr auto}.row-desc,.row-meta{display:none}.add-project-grid{grid-template-columns:1fr}}.dropzone{position:relative;display:grid;place-items:center;text-align:center;padding:36px 24px;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-soft);color:var(--text-soft);transition:background .15s,border-color .15s,transform .15s;cursor:pointer}.dropzone:hover,.dropzone.is-hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.dropzone.is-active{background:var(--primary-soft);border-color:var(--primary);transform:scale(1.01)}.dropzone-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--bg-elev);border:1px solid var(--border);color:var(--primary);margin-bottom:14px}.dropzone-icon svg{width:24px;height:24px}.dropzone-title{font-weight:800;font-size:15px;color:var(--text)}.dropzone-sub{font-size:13px;margin-top:4px}.dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone-result{display:none;margin-top:18px;padding:18px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border)}.dropzone-result.show{display:block}.validation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:12px}.validation-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--border);font-size:13px}.validation-row .field{font-family:var(--font-mono);font-size:12px;color:var(--text);font-weight:700}.validation-row .v-state{margin-left:auto;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:900}.validation-row.ok .v-state{background:var(--accent);color:#052e21}.validation-row.warn .v-state{background:var(--warning);color:#4a2c00}.validation-row.fail .v-state{background:var(--danger);color:#4a0000}.validation-row.ok{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.validation-row.warn{border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.validation-row.fail{border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.dropzone-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.dropzone-summary{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;margin-bottom:6px;font-size:13.5px;color:var(--text-soft)}.dropzone-summary b{color:var(--text);font-weight:800}.dropzone-summary .pill{margin-left:4px}.prompt-block{position:relative}.prompt-block .logic-box{white-space:pre-wrap;word-break:normal;max-height:480px;overflow-y:auto}.project-form{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.form-stack{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12.5px;font-weight:600;color:var(--text-soft);display:flex;align-items:center;gap:6px}.field-hint{font-size:11.5px;font-weight:500;color:var(--muted)}.field .req{color:var(--danger);font-weight:800}.field input,.field select,.field textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.field input[type=color]{padding:4px;height:38px;cursor:pointer}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.field textarea{resize:vertical;font-family:var(--font-mono, ui-monospace, monospace)}.form-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:4px}.form-status{font-size:13px;font-weight:600;color:var(--text-soft)}.form-status[data-kind=ok]{color:var(--accent)}.form-status[data-kind=err]{color:var(--danger)}.sections-stack{display:flex;flex-direction:column;gap:12px;margin-top:6px}.section-row{border:1px solid var(--border);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);display:flex;flex-direction:column;gap:10px}.section-row-head{display:grid;grid-template-columns:28px 1.4fr 1fr auto;gap:8px;align-items:center}.section-row-num{width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:13px}.section-row-title,.section-row-id{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:13px}.section-row-id{font-family:var(--font-mono, ui-monospace, monospace);color:var(--text-soft)}.section-row-body{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-family:var(--font-mono, ui-monospace, monospace);font-size:12.5px;line-height:1.55;resize:vertical;min-height:120px}.section-row-actions{display:flex;gap:4px}.icon-btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.icon-btn.danger:hover{background:color-mix(in srgb,var(--danger) 14%,transparent)}@media(max-width:640px){.section-row-head{grid-template-columns:28px 1fr auto}.section-row-id{grid-column:2 / -2}}.nav-hint{margin-left:6px;font-weight:500;font-size:10.5px;color:var(--muted);text-transform:none;letter-spacing:0}.sidebar-project.is-hidden{display:none}.sidebar-toggle-more{display:flex;align-items:center;justify-content:center;width:100%;background:transparent;border:1px dashed var(--border);color:var(--text-soft);font-size:12.5px;font-weight:600;padding:7px 10px;margin-top:4px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sidebar-toggle-more:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.db-sidebar .brand{gap:12px}.db-brand-text{min-width:0;flex:1}.db-brand-text .brand-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-brand-text .brand-subtitle{font-size:11.5px;color:var(--muted);letter-spacing:.02em}.db-sidebar .nav-title:not(:first-of-type){margin-top:18px}.db-sidebar-link{display:flex;align-items:center;gap:10px;min-width:0;padding-block:7px}.db-sidebar-link svg{flex:0 0 16px;opacity:.85}.db-sidebar-link .db-sidebar-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-sidebar-link.active svg{opacity:1}.db-sidebar .sidebar-footer{gap:2px}.db-sidebar .sidebar-footer span{font-size:11.5px}.topbar{gap:10px}.topbar-crumb{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:720px)and (max-width:980px){.meta-grid,.grid.two,.grid.three,.feature-detail-grid,.flow-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.content{padding:14px}.topbar{padding:0 12px;height:56px}.hero{padding:22px}.hero h1{font-size:clamp(20px,5.4vw,26px)}.hero p{font-size:13.5px}.workspace-head{flex-direction:column;align-items:stretch}.workspace-actions{width:100%}.workspace-actions .btn{flex:1 1 auto;justify-content:center}.section-card{padding:18px;border-radius:var(--radius)}.section-header{gap:12px;margin-bottom:14px}.stat-card{padding:14px;gap:10px}.stat-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:18px}.stat-label{font-size:10px}.project-card{padding:16px}.project-grid{gap:12px;grid-template-columns:1fr}.rail{gap:10px;grid-template-columns:1fr}.meta-grid{grid-template-columns:repeat(2,1fr)}.project-toolbar{gap:8px}.project-toolbar .btn,.project-toolbar .search-input,.project-toolbar .select-wrap{width:100%}.footer{font-size:12px;padding:16px 0}}@media(max-width:420px){.content{padding:10px}.hero{padding:18px;border-radius:var(--radius)}.section-card{padding:14px}.meta-grid{grid-template-columns:1fr}.stats-grid{gap:10px}.topbar{padding:0 10px}.brand-title{font-size:13px}}@media(min-width:1600px){.main{max-width:1440px;margin-inline:auto}.content{padding:36px}}@media(min-width:981px)and (max-width:1180px){:root{--sidebar-w: 232px}.content{padding:22px}}html,body{overflow-x:clip}.layout{min-width:0}.main{min-width:0;max-width:100%}.content,.section-card,.stat-card,.project-card,.rail-card,.feature-card{min-width:0}img,svg,video,table{max-width:100%}.meta-grid,.meta-card{min-width:0}.section-header:has(>.eyebrow),.section-header:has(>h2),.section-header:has(>.section-description){flex-direction:column;align-items:flex-start}.sidebar-toggle-more[hidden],.is-collapsed{display:none!important}.show-more-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:9px 18px;background:var(--bg-elev);color:var(--text);font:600 13px/1 var(--font-sans);letter-spacing:.01em;border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-xs);cursor:pointer;transition:background .14s ease,border-color .14s ease,transform 80ms ease}.show-more-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.show-more-btn:active{transform:translateY(1px)}.show-more-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(160%) blur(6px);-webkit-backdrop-filter:saturate(160%) blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.app-loader.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .14s ease,visibility 0s linear 0s}.app-loader-card{display:flex;align-items:center;gap:14px;padding:16px 22px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);color:var(--text);font-weight:600;font-size:14px}.app-loader-spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--primary) 25%,transparent);border-top-color:var(--primary);animation:app-loader-spin .85s linear infinite}.app-loader-text{color:var(--text-soft);letter-spacing:.01em}@keyframes app-loader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.app-loader-spinner{animation:app-loader-spin 1.6s linear infinite!important}}