@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-canvas:#05070a;--bg-primary:#07090e;--bg-surface:#0c1018d1;--bg-surface-elevated:#121824e0;--bg-card:#0d121cb8;--bg-card-hover:#141c2cd9;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-active:#10b98180;--specular-rim:#ffffff24;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-glow:#10b98140;--emerald-glow-lg:0 0 32px #10b98133;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-glow:#06b6d440;--violet-400:#a78bfa;--violet-500:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--danger:#f43f5e;--danger-bg:#f43f5e1f;--danger-border:#f43f5e40;--warning:#f59e0b;--warning-bg:#f59e0b1f;--warning-border:#f59e0b40;--success:#10b981;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Plus Jakarta Sans", Roboto, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 20px 48px #000000a6;--shadow-glow:0 0 24px var(--emerald-glow);--spring-ease:cubic-bezier(.16, 1, .3, 1);--spring-bounce:cubic-bezier(.34, 1.56, .64, 1);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-canvas);min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11";overflow-x:hidden}button,input,select,a,[role=button]{touch-action:manipulation}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#080c1480}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff24}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -10%,#10b98129,#06b6d40d 50%,#0000 75%);width:100vw;max-width:1200px;height:600px;position:fixed;top:0;left:50%;transform:translate(-50%)}.ambient-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 40%,#0000 85%);mask-image:radial-gradient(circle at 50% 30%,#000 40%,#0000 85%)}.page-container{z-index:1;max-width:1240px;padding:1.25rem 1rem calc(4rem + var(--safe-bottom));flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative}@media (min-width:768px){.page-container{padding:2rem 2rem 5rem}}h1{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);font-weight:800;line-height:1.08}h2{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--text-primary);font-weight:700;line-height:1.2}h3{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.25}h4,h5{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--text-primary);font-weight:600;line-height:1.35}p{letter-spacing:-.005em;line-height:1.6}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-gradient-emerald{background:linear-gradient(135deg,#34d399 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-default);border-top:1px solid var(--specular-rim);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .25s var(--spring-ease);position:relative}.glass-panel:hover{border-color:#ffffff40 #ffffff29 #ffffff29}.glass-panel-elevated{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);border-top:1px solid #ffffff40}.ui-card{padding:1.25rem}@media (min-width:768px){.ui-card{padding:1.5rem}}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.card-title-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.card-title{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.card-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.825rem}.segmented-control{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-default);border-top:1px solid var(--border-strong);border-radius:var(--radius-lg);background:#0a0e17b8;align-items:center;gap:3px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 3px #00000073,0 1px #ffffff0a}.segmented-control-item{border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;transition:all .22s var(--spring-ease);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;min-height:38px;padding:.55rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.segmented-control-item:hover:not(:disabled){color:var(--text-primary);background:#ffffff0a}.segmented-control-item[aria-selected=true],.segmented-control-item.is-active{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff47 #ffffff24 #ffffff24;font-weight:600;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff26}.segmented-control-item:active:not(:disabled){transition:transform 50ms ease-out;transform:scale(.97)}.stat-pill{border-radius:var(--radius-full);border:1px solid var(--border-default);border-top:1px solid var(--specular-rim);-webkit-backdrop-filter:blur(12px);background:#0c1018b3;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.825rem;display:inline-flex}.stat-pill-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.stat-pill-val{font-family:var(--font-mono);color:var(--text-primary);font-weight:700}.info-banner{border-radius:var(--radius-md);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);background:#ffffff08;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5;display:flex}.info-banner-emerald{color:var(--emerald-300);background:#10b98117;border-color:#10b98147}.info-banner-warning{background:var(--warning-bg);border-color:var(--warning-border);color:#fcd34d}.info-banner-danger{background:var(--danger-bg);border-color:var(--danger-border);color:#fca5a5}.stack{flex-direction:column;gap:1rem;display:flex}.stack-sm{flex-direction:column;gap:.5rem;display:flex}.stack-lg{flex-direction:column;gap:1.5rem;display:flex}.cluster{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cluster-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.studio-deck{flex-direction:column;gap:1.75rem;width:100%;display:flex}.studio-config-grid{grid-template-columns:1fr;align-items:stretch;gap:1.5rem;display:grid}@media (min-width:900px){.studio-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio-inspector{flex-direction:column;gap:1.25rem;display:flex}.inset-group{-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-default);border-top:1px solid var(--specular-rim);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#0e121cbf;overflow:hidden}.inset-group-header{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;font-size:.75rem;font-weight:700;display:flex}.inset-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;font-size:.875rem;transition:background .15s;display:flex}.inset-row:last-child{border-bottom:none}.ios-switch{flex-shrink:0;width:46px;height:26px;display:inline-block;position:relative}.ios-switch input{opacity:0;width:0;height:0}.ios-switch-slider{cursor:pointer;transition:background-color .25s var(--spring-ease);background-color:#ffffff26;border:1px solid #ffffff1a;border-radius:26px;position:absolute;inset:0}.ios-switch-slider:before{content:"";width:20px;height:20px;transition:transform .25s var(--spring-ease);background-color:#fff;border-radius:50%;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 6px #0006}.ios-switch input:checked+.ios-switch-slider{background-color:var(--emerald-500)}.ios-switch input:checked+.ios-switch-slider:before{transform:translate(20px)}.floating-pill{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-default);border-top:1px solid var(--specular-rim);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);background:#0e121cd9;align-items:center;gap:.6rem;padding:.5rem .9rem;display:inline-flex}.drafting-board{-webkit-backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--border-default);border-top:1px solid var(--specular-rim);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 50% 0,#10b9810a 0%,#0000 60%),#0a0e16d9;padding:1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.drafting-board{padding:1.75rem}}.interactive{transition:transform .12s var(--spring-ease), opacity .12s ease;touch-action:manipulation}.interactive:active{transform:scale(.97)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:transform .1s var(--spring-ease), background .15s ease, box-shadow .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;will-change:transform;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transition:transform 50ms ease-out;transform:scale(.965)}.btn-sm{border-radius:var(--radius-sm);min-height:36px;padding:.4rem .85rem;font-size:.825rem}.btn-md{min-height:44px;padding:.65rem 1.25rem;font-size:.9rem}.btn-lg{min-height:48px;padding:.85rem 1.75rem;font-size:1rem}.btn-primary{color:#04160e;box-shadow:0 4px 18px var(--emerald-glow), inset 0 1px 0 #ffffff40;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #ffffff38;border-top-color:#fff6}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px);box-shadow:0 6px 24px #10b98173,inset 0 1px #ffffff59}.btn-secondary{-webkit-backdrop-filter:blur(12px)saturate(160%);color:var(--text-primary);border:1px solid var(--border-default);border-top:1px solid var(--specular-rim);background:#ffffff0f}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-subtle);background:#ffffff0f}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:#f43f5e33}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.badge{border-radius:var(--radius-full);letter-spacing:.035em;font-size:.725rem;font-weight:700;font-family:var(--font-mono);align-items:center;gap:.35rem;padding:.25rem .65rem;line-height:1.2;display:inline-flex}.badge-emerald{color:var(--emerald-400);background:#10b9811f;border:1px solid #10b98140}.badge-cyan{color:var(--cyan-400);background:#06b6d41f;border:1px solid #06b6d440}.badge-muted{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0d}.badge-danger{background:var(--danger-bg);color:#fca5a5;border:1px solid var(--danger-border)}.badge-warning{background:var(--warning-bg);color:#fcd34d;border:1px solid var(--warning-border)}.form-label{letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.725rem;font-weight:700;display:flex}.form-control{border:1px solid var(--border-default);border-top:1px solid var(--border-strong);width:100%;color:var(--text-primary);border-radius:var(--radius-md);font-size:.9rem;font-family:var(--font-sans);transition:all .18s var(--spring-ease);background:#0a0e17d9;outline:none;min-height:44px;padding:.75rem 1rem}.form-control:focus{border-color:var(--emerald-500);box-shadow:0 0 0 3px var(--emerald-glow);background:#0e1420f2}.modal-backdrop{-webkit-backdrop-filter:blur(16px)saturate(160%);z-index:1000;animation:fadeIn .2s var(--spring-ease);background:#03050acc;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(32px)saturate(190%);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-lg), var(--emerald-glow-lg);animation:modalSpring .28s var(--spring-ease);border-top:1px solid #ffffff4d;max-height:90vh;padding:1.75rem;position:relative;overflow-y:auto}@media (min-width:640px){.modal-card{padding:2.25rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSpring{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.progress-container{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:10px;margin:1.25rem 0 .75rem;overflow:hidden}.progress-bar{border-radius:var(--radius-full);height:100%;transition:width .3s var(--spring-ease);box-shadow:0 0 12px var(--emerald-glow);background:linear-gradient(90deg,#10b981 0%,#06b6d4 100%)}.status-pill{color:var(--emerald-400);letter-spacing:.035em;border-radius:var(--radius-full);font-size:.725rem;font-weight:700;font-family:var(--font-mono);background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:.5rem;padding:.3rem .65rem;display:inline-flex}.status-dot{background-color:var(--emerald-400);width:6px;height:6px;box-shadow:0 0 8px var(--emerald-400);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(.95)}}.app-header{-webkit-backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--border-default);border-top:1px solid var(--specular-rim);border-radius:var(--radius-xl);z-index:100;width:100%;transition:box-shadow .25s var(--spring-ease), border-color .25s var(--spring-ease);background:#0c1018d9;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:.75rem;box-shadow:0 10px 30px -10px #00000080,0 0 1px 1px #ffffff0d}.app-header__brand{color:var(--text-primary);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.app-header__logo{border-radius:var(--radius-md);width:36px;height:36px;box-shadow:0 0 16px var(--emerald-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.app-header__logo-img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.app-header__title-group{flex-direction:column;display:flex}.app-header__title{letter-spacing:-.035em;font-size:1.25rem;font-weight:800;line-height:1.1}.app-header__subtitle{color:var(--text-muted);font-size:.625rem;font-family:var(--font-mono);letter-spacing:.05em}.app-header__nav{align-items:center;gap:.35rem;display:none}.app-header__actions{align-items:center;gap:.75rem;display:none}.user-profile-badge{border-radius:var(--radius-full);transition:all .2s var(--spring-ease);background:#10b98114;border:1px solid #10b98138;align-items:center;gap:.5rem;padding:.3rem .65rem .3rem .35rem;display:inline-flex}.user-avatar{border:1.5px solid var(--emerald-400);object-fit:cover;background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;width:24px;height:24px}.user-avatar-lg{border:2px solid var(--emerald-400);object-fit:cover;background:var(--bg-tertiary);width:42px;height:42px;box-shadow:0 0 12px var(--emerald-glow);border-radius:50%;flex-shrink:0}.user-profile-name{font-size:.8rem;font-weight:600;font-family:var(--font-mono);color:var(--emerald-300)}.desktop-nav{display:none!important}.mobile-menu-toggle{justify-content:center;align-items:center;display:flex!important}@media (min-width:768px){.app-header__nav,.app-header__actions{display:flex}.desktop-nav{display:flex!important}.mobile-menu-toggle,.mobile-sheet,.mobile-sheet-backdrop{display:none!important}}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s var(--spring-ease);background:0 0;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.is-active{color:var(--emerald-400);background:#10b9811a;border:1px solid #10b98133;font-weight:600}.mobile-sheet-backdrop{-webkit-backdrop-filter:blur(10px);z-index:98;animation:fadeIn .2s var(--spring-ease);background:#000000a6;position:fixed;inset:0}.mobile-sheet{-webkit-backdrop-filter:blur(32px)saturate(200%);border:1px solid var(--border-strong);border-radius:var(--radius-xl);z-index:100;animation:slideDownIn .22s var(--spring-bounce);background:#101521f5;border-top:1px solid #ffffff47;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 50px #000000bf,0 0 0 1px #ffffff14}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-sheet__user{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.85rem;display:flex}.mobile-sheet__user-info{align-items:center;gap:.75rem;min-width:0;display:flex}.mobile-sheet__user-meta{flex-direction:column;min-width:0;display:flex}.mobile-sheet__username{color:var(--text-primary);font-size:.95rem;font-weight:700;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mobile-sheet__status{color:var(--emerald-400);align-items:center;gap:.35rem;font-size:.725rem;display:inline-flex}.mobile-sticky-bar{-webkit-backdrop-filter:blur(28px)saturate(190%);border-top:1px solid var(--specular-rim);padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom,0px));z-index:90;background:#0a0e17f0;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 35px #000000b3}.mobile-sticky-bar__metrics{flex-direction:column;gap:.15rem;display:flex}.mobile-sticky-bar__commits{align-items:center;gap:.4rem;display:flex}.mobile-sticky-bar__count{color:var(--emerald-400);font-size:1.2rem;font-weight:800;font-family:var(--font-mono);line-height:1.1}.mobile-sticky-bar__label{color:var(--text-muted);font-size:.8rem}.mobile-sticky-bar__subtitle{color:var(--text-disabled);font-size:.725rem;font-family:var(--font-mono)}@media (min-width:769px){.mobile-sticky-bar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.modal-backdrop{animation:none!important}.modal-card{animation:none!important;transform:none!important}.btn:active:not(:disabled){transform:none!important}}@media (prefers-reduced-transparency:reduce){.glass-panel,.glass-panel-elevated,.modal-card,.mobile-sticky-bar{-webkit-backdrop-filter:none!important;background:#0f141f!important}.modal-backdrop{-webkit-backdrop-filter:none!important;background:#000000eb!important}}@media (prefers-contrast:more){:root{--border-subtle:#ffffff40;--border-default:#fff6;--border-strong:#fff}.glass-panel,.modal-card,.btn{border-width:2px!important}}