.toast-viewport{position:fixed;right:1rem;bottom:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:min(380px,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .85rem;border-radius:var(--radius, 8px);border:1px solid var(--border-strong, #d7dcea);background:var(--surface, #fff);box-shadow:0 4px 16px #0f172a1a;animation:toast-in .18s ease-out}.toast-leaving{animation:toast-out .2s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.toast-icon{flex-shrink:0;margin-top:1px}.toast-success .toast-icon{color:var(--success, #16a34a)}.toast-error .toast-icon{color:var(--danger, #e5484d)}.toast-info .toast-icon{color:var(--accent, #3b82f6)}.toast-success{border-left:3px solid var(--success, #16a34a)}.toast-error{border-left:3px solid var(--danger, #e5484d)}.toast-info{border-left:3px solid var(--accent, #3b82f6)}.toast-body{flex:1;min-width:0}.toast-message{font-size:.88rem;font-weight:560;color:var(--text, #1f2440);line-height:1.4}.toast-description{margin-top:.2rem;font-size:.8rem;color:var(--muted, #8a90a8);line-height:1.45;word-break:break-word}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-2px -4px 0 0;padding:0;border:none;background:transparent;border-radius:4px;color:var(--muted, #8a90a8);cursor:pointer}.toast-close:hover{background:var(--surface-2, #f8f9fc);color:var(--text, #1f2440)}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast-leaving{animation:none;opacity:0}}.lang-switcher{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem}.lang-switcher-icon{color:var(--muted, #9a9cc0);flex-shrink:0}.lang-switcher-options{display:inline-flex;align-items:center;background:var(--surface-2, var(--gray-100));border:1px solid var(--border, var(--gray-200));border-radius:999px;padding:2px;gap:2px}.lang-option{border:none;background:transparent;color:var(--text-2, #4a5070);cursor:pointer;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.4;transition:background .15s,color .15s}.lang-option:hover{color:var(--text, var(--gray-900))}.lang-option.active{background:var(--accent);color:var(--on-accent)}.lang-switcher--inline .lang-switcher-icon{color:var(--gray-500)}.lang-switcher--inline .lang-switcher-options{background:var(--gray-100);border-color:var(--gray-200)}.lang-switcher--inline .lang-option{color:var(--gray-500)}.lang-switcher--inline .lang-option:hover{color:var(--gray-900)}.lang-switcher--inline .lang-option.active{background:var(--accent);color:var(--on-accent)}.lang-switcher--ghost .lang-switcher-options{background:transparent;border:none;padding:0}.lang-switcher--ghost .lang-option{padding:.25rem .5rem}.lang-switcher--ghost .lang-option.active{background:transparent;color:var(--accent);text-decoration:underline}.sandbox-tour{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:60;width:320px;max-width:calc(100vw - var(--space-6));background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--text);overflow:hidden}.sandbox-tour-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2)}.sandbox-tour-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--info-bg);color:var(--info);flex:none}.sandbox-tour-headtext{display:flex;flex-direction:column;min-width:0;flex:1}.sandbox-tour-headtext strong{font-size:var(--text-sm);font-weight:600}.sandbox-tour-headtext span{color:var(--muted);font-size:var(--text-xs)}.sandbox-tour-count{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:var(--text-xs);flex:none}.sandbox-tour-toggle{border:none;background:transparent;color:var(--muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:inline-flex;flex:none;transition:var(--transition)}.sandbox-tour-toggle:hover{background:var(--surface-2);color:var(--text)}.sandbox-tour-progress{height:3px;background:var(--gray-200);overflow:hidden}.sandbox-tour-progress>span{display:block;height:100%;background:var(--accent);transition:width var(--transition)}.sandbox-tour-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);max-height:min(60vh,420px);overflow-y:auto}.sandbox-tour-explain{margin:0;line-height:1.55;color:var(--text-2)}.sandbox-tour-ref{margin:0;color:var(--muted);font-size:var(--text-xs)}.sandbox-tour-ref code{font-family:var(--font);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px}.sandbox-tour-check{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;line-height:1.5;transition:var(--transition)}.sandbox-tour-check.on{border-style:solid;border-color:var(--success);background:var(--success-bg)}.sandbox-tour-check input{margin-top:2px;flex:none}.sandbox-tour-done{border:1px solid var(--success);background:var(--success-bg);border-radius:var(--radius);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.sandbox-tour-done-head{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text)}.sandbox-tour-done p{margin:0;color:var(--text-2);line-height:1.5}.sandbox-tour-hint{color:var(--muted);font-size:var(--text-xs)}.sandbox-tour-cta,.sandbox-tour-nav button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--text-xs);cursor:pointer;transition:var(--transition)}.sandbox-tour-cta{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sandbox-tour-cta.ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.sandbox-tour-nav button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sandbox-tour-nav button:disabled{opacity:.5;cursor:not-allowed}.sandbox-tour-nav button:not(:disabled):hover,.sandbox-tour-cta:hover{filter:brightness(.97)}.sandbox-tour-nav{display:flex;gap:var(--space-2);justify-content:flex-end}.sandbox-tour-foot{display:flex;justify-content:flex-end;border-top:1px solid var(--border);padding-top:var(--space-2)}.sandbox-tour-exit{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:var(--text-xs);padding:2px 0;transition:var(--transition)}.sandbox-tour-exit:hover{color:var(--text);text-decoration:underline}@media(max-width:720px){.sandbox-tour{right:var(--space-3);left:var(--space-3);bottom:var(--space-3);width:auto;max-width:none}}.feedback-loading{display:flex;align-items:center;gap:.5rem;padding:1.5rem;color:var(--muted);justify-content:center}.feedback-spinner{color:var(--accent)}.feedback-loading-label{font-size:.88rem}.feedback-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:2.5rem 1.5rem;text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius)}.feedback-empty-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);background:var(--surface-2);color:var(--muted)}.feedback-empty-title{font-size:.95rem;font-weight:600;color:var(--text)}.feedback-empty-desc{font-size:.85rem;color:var(--muted);max-width:420px}.feedback-empty-action{margin-top:.4rem}.feedback-compact{padding:1rem;background:transparent;border:none}.feedback-compact .feedback-empty-icon{width:40px;height:40px}.feedback-error{display:flex;align-items:center;gap:.5rem;background:var(--danger-bg);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(229,72,77,.2);font-size:.9rem}.feedback-error-icon{flex-shrink:0}.feedback-error-message{flex:1}.feedback-error-retry{flex-shrink:0;background:var(--danger);color:var(--on-accent);border:none;border-radius:var(--radius-sm);padding:.35rem .8rem;font-size:.85rem;cursor:pointer}.feedback-error-retry:hover{filter:brightness(1.05)}.skeleton{display:flex;flex-direction:column;gap:.65rem;padding:.5rem 0}.skeleton-shimmer,.skeleton-line,.skeleton-block{position:relative;overflow:hidden;background:var(--surface-2, #f8f9fc);border-radius:var(--radius-sm, 6px)}.skeleton-shimmer:after,.skeleton-line:after,.skeleton-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:skeleton-wave 1.4s ease-in-out infinite}@keyframes skeleton-wave{to{transform:translate(100%)}}.skeleton-line{height:.85rem}.skeleton-title{height:1.35rem;width:38%;margin-bottom:.35rem}.skeleton-line.w-90{width:90%}.skeleton-line.w-75{width:75%}.skeleton-line.w-60{width:60%}.skeleton-line.w-45{width:45%}.skeleton-line.w-30{width:30%}.skeleton-block{height:5.5rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem}.skeleton-card{display:flex;flex-direction:column;gap:.55rem;padding:.9rem;border:1px solid var(--border, #e6e9f2);border-radius:var(--radius, 8px);background:var(--surface, #fff)}.skeleton-card .skeleton-line{margin:0}.skeleton-stat{display:flex;flex-direction:column;gap:.5rem}.skeleton-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.65rem}@media(prefers-reduced-motion:reduce){.skeleton-shimmer:after,.skeleton-line:after,.skeleton-block:after{animation:none}}.net-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.45rem 1rem;background:var(--warning-bg);color:#92400e;border-bottom:1px solid rgba(240,169,59,.35);font-size:.86rem;font-weight:500;animation:fadeInUp .2s ease-out}.net-banner-icon{flex-shrink:0}.net-banner-restore{flex-shrink:0;opacity:.55}.sysfault-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;line-height:1.45;position:sticky;top:0;z-index:60}.sysfault-banner--blocking{background:var(--danger-bg);color:var(--danger-fg);box-shadow:inset 0 -1px 0 var(--danger)}.sysfault-banner--degraded{background:var(--warning-bg);color:var(--warning-fg);box-shadow:inset 0 -1px 0 var(--warning)}.sysfault-banner-icon{flex:0 0 auto}.sysfault-banner-body{flex:1 1 auto;min-width:0}.sysfault-banner-title{font-weight:600}.sysfault-banner-list{margin:2px 0 0;padding-left:18px}.sysfault-banner-list li{margin:0}.sysfault-banner-action,.sysfault-banner-close{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;line-height:1.4;color:inherit;background:transparent;border:1px solid currentColor;border-radius:var(--radius-sm, 4px);cursor:pointer}.sysfault-banner-close{padding:4px;border-color:transparent}.sysfault-banner-action:disabled{opacity:.6;cursor:progress}.sysfault-spin{animation:sysfault-spin .9s linear infinite}@keyframes sysfault-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.sysfault-banner{flex-wrap:wrap}}.theme-toggle{display:inline-flex;align-items:center;gap:1px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.theme-toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-3);font-family:inherit;font-size:var(--text-sm);line-height:1;cursor:pointer;transition:background var(--transition),color var(--transition)}.theme-toggle-btn:hover{color:var(--text);background:var(--surface-3)}.theme-toggle-btn.active{background:var(--surface);color:var(--accent-700);font-weight:600;box-shadow:var(--shadow-xs)}.theme-toggle-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-toggle-label{display:none;white-space:nowrap}.theme-toggle:hover .theme-toggle-label,.theme-toggle:focus-within .theme-toggle-label{display:inline}@media(max-width:768px){.theme-toggle-label{display:inline}.theme-toggle-btn{padding:7px 9px;min-width:36px;justify-content:center}}.layout{display:flex;min-height:100vh;background:var(--bg)}.layout-sidebar{width:244px;background:var(--sidebar-bg);border-right:1px solid var(--border);color:var(--text);display:flex;flex-direction:column;padding:1.4rem 0 1rem;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:.7rem;padding:0 1.25rem 1.25rem;border-bottom:1px solid var(--border)}.sidebar-brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);display:flex;align-items:center;justify-content:center;color:var(--on-accent);box-shadow:0 6px 16px #3b82f659;flex-shrink:0}.sidebar-brand-logo{width:100%;height:100%;object-fit:contain;border-radius:8px}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.2}.sidebar-brand-name{font-size:1.05rem;font-weight:700;color:var(--text)}.sidebar-brand-sub{font-size:.68rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.2rem;padding:1rem .75rem;overflow-y:auto}.nav-group{margin-bottom:.2rem}.nav-group-head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0 .85rem;border-radius:var(--radius-sm)}.nav-group-title{padding:.5rem 0 .3rem;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.nav-group-caret{transition:transform var(--transition);color:var(--muted)}.nav-group-caret.open{transform:rotate(180deg)}.nav-group-body{display:flex;flex-direction:column;gap:.15rem}.nav-link{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:var(--radius-sm);color:var(--text-2);text-decoration:none;font-size:.92rem;font-weight:500;position:relative;transition:background var(--transition),color var(--transition)}.nav-link-icon{flex-shrink:0;opacity:.85}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent-600);font-weight:600}.nav-link.active .nav-link-icon{opacity:1;color:var(--accent-600)}.sidebar-footer{padding:.85rem 1rem .25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.sidebar-user{display:flex;align-items:center;gap:.65rem;padding:.4rem .25rem;min-width:0}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-3) 100%);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.sidebar-user-meta{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:.82rem;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.sidebar-user-email{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;font-size:.88rem;font-weight:500;transition:background var(--transition),color var(--transition),border-color var(--transition)}.logout-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:#e5484d66}.layout-main{flex:1;display:flex;flex-direction:column;min-width:0}.layout-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar-title{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.topbar-controls{display:flex;align-items:center;gap:.5rem;flex:none}.topbar-demo-badge{flex-shrink:0;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap;background:var(--warning-bg);color:var(--tag-warning-fg);border:1px solid var(--warning)}.impersonate-banner{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;color:#fff;background:var(--primary, #2563eb);border-bottom:1px solid rgba(0,0,0,.08)}.topbar-project{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .6rem}.topbar-project-icon{color:var(--muted);flex-shrink:0}.topbar-project-search{border:none;background:transparent;outline:none;font-size:.82rem;color:var(--text);width:120px;min-width:40px}.topbar-project-search::placeholder{color:var(--muted)}.topbar-project-select{border:none;background:transparent;outline:none;font-size:.88rem;color:var(--text);cursor:pointer;min-width:140px;max-width:320px;text-overflow:ellipsis;white-space:nowrap}.layout-content{flex:1;padding:2rem;overflow-y:auto;animation:fadeInUp .3s ease}.layout-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;flex-shrink:0}.layout-hamburger:hover{background:var(--bg-alt)}.layout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f214073;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:19}.drawer-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);margin-left:auto;flex-shrink:0}.drawer-close:hover{background:var(--surface-2);color:var(--text)}@media(max-width:900px){.layout-hamburger,.drawer-close{display:inline-flex}.layout-sidebar{position:fixed;top:0;left:0;bottom:0;width:268px;transform:translate(-100%);transition:transform var(--transition);z-index:30;box-shadow:var(--shadow-lg)}.layout-sidebar.drawer-open{transform:translate(0)}.layout-overlay.open{opacity:1;pointer-events:auto}}@media(max-width:768px){.layout-content{padding:1.25rem}.layout-topbar{padding:.75rem 1.25rem;gap:.5rem}.topbar-title{font-size:.78rem}.topbar-project{flex:1 1 0;min-width:0}.topbar-controls{gap:.35rem}}@media(max-width:560px){.topbar-title{display:none}}.view-toggle{display:flex;gap:4px;margin:0 16px 8px;padding:3px;background:var(--bg-tertiary, rgba(0, 0, 0, .04));border:1px solid var(--border-tertiary, rgba(0, 0, 0, .1));border-radius:999px}.view-toggle-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;font-size:.75rem;color:var(--text-secondary, #666);background:transparent;border:none;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.view-toggle-btn:hover{color:var(--text-primary, #222)}.view-toggle-btn.active{background:var(--brand, #2563eb);color:var(--on-accent)}.sandbox-entry{display:flex;align-items:center;gap:var(--space-2);width:100%;margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:var(--transition)}.sandbox-entry:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.sandbox-entry.active{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent-700)}.sandbox-entry-main{display:flex;flex-direction:column;min-width:0;flex:1}.sandbox-entry-main small{color:var(--muted);font-size:var(--text-xs)}.nav-search{display:flex;align-items:center;gap:.4rem;margin:.6rem .75rem .4rem;padding:.34rem .5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);transition:border-color var(--transition, .18s ease),background var(--transition, .18s ease)}.nav-search:focus-within{border-color:var(--accent-600);background:var(--surface)}.nav-search-icon{color:var(--muted);flex-shrink:0}.nav-search-input{flex:1;min-width:0;border:none;background:none;outline:none;font:inherit;font-size:.82rem;color:var(--text)}.nav-search-input::placeholder{color:var(--muted)}.nav-search-kbd{flex-shrink:0;padding:.05rem .3rem;font-size:.62rem;font-family:inherit;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:4px}.nav-search-clear{flex-shrink:0;display:inline-flex;padding:.1rem;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:4px}.nav-search-clear:hover{color:var(--text);background:var(--accent-soft, rgba(59, 130, 246, .08))}.nav-search-hits{padding:0 .9rem .3rem;font-size:.7rem;color:var(--muted)}.nav-domain{margin-bottom:.35rem}.nav-domain-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .35rem .35rem;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm, 6px)}.nav-domain-head:hover{background:var(--accent-soft, rgba(59, 130, 246, .08))}.nav-domain-title{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--text)}.nav-domain-caret,.nav-group-caret{color:var(--muted);transition:transform var(--transition, .18s ease)}.nav-domain-caret.open,.nav-group-caret.open{transform:rotate(180deg)}.nav-domain-body{padding-left:.15rem;border-left:1px solid var(--border);margin-left:.35rem;padding-left:.55rem}.nav-domain-body .nav-group-title{padding:.4rem 0 .25rem;font-size:.6rem;font-weight:600;letter-spacing:.08em}.nav-group-footer{margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:inherit;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),filter var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--xs{font-size:var(--text-xs);padding:.3rem var(--space-3);height:26px}.ui-btn--sm{font-size:var(--text-sm);padding:.4rem var(--space-4);height:32px}.ui-btn--md{font-size:var(--text-body);padding:.55rem var(--space-5);height:38px}.ui-btn--primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:var(--on-accent);box-shadow:0 1px 2px #1f214029}.ui-btn--primary:hover:not(:disabled){filter:brightness(1.05)}.ui-btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text-2)}.ui-btn--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted-2);color:var(--text)}.ui-btn--danger{background:var(--danger);color:var(--on-accent)}.ui-btn--danger:hover:not(:disabled){filter:brightness(1.05)}.ui-btn--ghost{background:transparent;color:var(--text-2)}.ui-btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-btn-icon{display:inline-flex;align-items:center}.ui-btn-spinner{width:14px;height:14px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}.ui-btn--primary.ui-btn--loading,.ui-btn--danger.ui-btn--loading{opacity:.85}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);display:flex;flex-direction:column}.ui-card--pad-none{padding:0}.ui-card:not(.ui-card--pad-none){padding:var(--space-5)}.ui-card--pad-lg{padding:var(--space-6)}.ui-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.ui-card-title-group{min-width:0}.ui-card-title{font-size:var(--text-md);font-weight:700;color:var(--text);line-height:1.3}.ui-card-subtitle{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-1);line-height:1.5}.ui-card-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:auto}.ui-card-body{flex:1;min-width:0}.ui-card-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ui-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5)}.ui-panel-title{font-size:var(--text-sm);font-weight:700;color:var(--text-2);margin-bottom:var(--space-3);letter-spacing:.01em}.ui-panel-body{min-width:0}.ui-tag{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;font-weight:600;line-height:1;white-space:nowrap;padding:.3rem .6rem;font-size:var(--text-xs)}.ui-tag--sm{font-size:.66rem;padding:.22rem .5rem}.ui-tag-icon{display:inline-flex;align-items:center}.ui-tag--success{color:var(--tag-success-fg);background:var(--tag-success-bg)}.ui-tag--warning{color:var(--tag-warning-fg);background:var(--tag-warning-bg)}.ui-tag--danger{color:var(--tag-danger-fg);background:var(--tag-danger-bg)}.ui-tag--info{color:var(--tag-info-fg);background:var(--tag-info-bg)}.ui-tag--neutral{color:var(--tag-neutral-fg);background:var(--tag-neutral-bg)}.ui-tag--solid.ui-tag--success{color:var(--on-accent);background:var(--success)}.ui-tag--solid.ui-tag--warning{color:var(--on-accent);background:var(--warning)}.ui-tag--solid.ui-tag--danger{color:var(--on-accent);background:var(--danger)}.ui-tag--solid.ui-tag--info{color:var(--on-accent);background:var(--info)}.ui-tag--solid.ui-tag--neutral{color:var(--text-2);background:var(--border-strong)}.ui-tabs{display:flex;flex-direction:column;min-width:0}.ui-tabs-list{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ui-tabs-list::-webkit-scrollbar{display:none}.ui-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;flex:none;padding:10px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-3);font-size:var(--text-body);font-weight:500;font-family:inherit;white-space:nowrap;cursor:pointer;margin-bottom:-1px;transition:color var(--transition),border-color var(--transition),background var(--transition)}.ui-tab:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.ui-tab--active{color:var(--accent-700);border-bottom-color:var(--accent-600);font-weight:600}.ui-tab:disabled{opacity:.5;cursor:not-allowed}.ui-tab:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.ui-tab-icon{display:inline-flex;align-items:center;flex:none}.ui-tab-label{overflow-wrap:anywhere}.ui-tab-badge{flex:none;min-width:18px;padding:0 5px;border-radius:999px;background:var(--surface-3);color:var(--text-3);font-size:var(--text-xs);font-weight:600;line-height:18px;text-align:center}.ui-tab--active .ui-tab-badge{background:var(--accent-soft);color:var(--accent-700)}.ui-tabpanel{padding-top:var(--space-4);min-width:0}.ui-tabpanel:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius)}.ui-tabs--vertical{flex-direction:row;gap:var(--space-4)}.ui-tabs--vertical .ui-tabs-list{flex-direction:column;border-bottom:none;border-right:1px solid var(--border);overflow-y:auto}.ui-tabs--vertical .ui-tab{border-bottom:none;border-right:2px solid transparent;margin-bottom:0;margin-right:-1px;justify-content:flex-start}.ui-tabs--vertical .ui-tab--active{border-right-color:var(--accent-600);border-bottom-color:transparent}@media(max-width:768px){.ui-tab{padding:9px 11px;font-size:var(--text-sm)}.ui-tabs--vertical{flex-direction:column}.ui-tabs--vertical .ui-tabs-list{flex-direction:row;border-right:none;border-bottom:1px solid var(--border)}}.ui-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.ui-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ui-modal-fade .16s ease}.ui-modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 2 * var(--space-4));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--overlay-shadow);animation:ui-modal-pop .18s var(--transition)}.ui-modal--sm{max-width:420px}.ui-modal--md{max-width:640px}.ui-modal--lg{max-width:900px}.ui-modal--xl{max-width:1200px}.ui-modal:focus-visible{outline:none}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex:none}.ui-modal-title{font-size:var(--text-lg);font-weight:600;color:var(--text);min-width:0}.ui-modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-3);font-size:22px;line-height:1;cursor:pointer;transition:background var(--transition),color var(--transition)}.ui-modal-close:hover{background:var(--surface-3);color:var(--text)}.ui-modal-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-modal-body{padding:var(--space-5);overflow-y:auto;flex:1 1 auto;min-height:0}.ui-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2);flex:none}@keyframes ui-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.ui-modal-root{align-items:flex-end;padding:0}.ui-modal{max-width:100%;max-height:92vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ui-modal-body{padding:var(--space-4)}.ui-modal-footer{padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom))}.ui-modal-footer>*{min-height:44px}}.ui-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.ui-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.ui-table-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-table-th{padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-2);font-size:var(--text-sm);font-weight:600;text-align:left;white-space:nowrap}.ui-table-th--center{text-align:center}.ui-table-th--right{text-align:right}.ui-table-sort{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:inherit;font:inherit;font-weight:600;padding:0;cursor:pointer;border-radius:var(--radius-sm)}.ui-table-sort:hover{color:var(--accent-700)}.ui-table-sort:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-table-sort-icon{opacity:.45;font-size:11px;line-height:1}.ui-table-td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text);vertical-align:middle}.ui-table-td--center{text-align:center}.ui-table-td--right{text-align:right}.ui-table-tr:last-child .ui-table-td{border-bottom:none}.ui-table-tbody .ui-table-tr:nth-child(2n) .ui-table-td,.ui-table-tr:nth-child(2n) .ui-table-td{background:var(--surface-2)}.ui-table-tr--clickable{cursor:pointer}.ui-table-tr--clickable:hover .ui-table-td{background:var(--accent-soft)}.ui-table-tr--clickable:focus-visible{outline:none}.ui-table-tr--clickable:focus-visible .ui-table-td{box-shadow:inset 0 0 0 2px var(--accent-600)}.ui-table--dense .ui-table-th,.ui-table--dense .ui-table-td{padding:6px 10px}.ui-table-state{padding:var(--space-8);text-align:center;color:var(--text-3);font-size:var(--text-body);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}@media(max-width:768px){.ui-table-th,.ui-table-td{padding:8px 10px;font-size:var(--text-sm)}}.ui-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ui-field-label{font-size:var(--text-sm);font-weight:600;color:var(--text-2)}.ui-field-required{margin-left:3px;color:var(--danger-fg)}.ui-field-hint{font-size:var(--text-xs);color:var(--text-3);line-height:1.5}.ui-field-error{font-size:var(--text-xs);color:var(--danger-fg);line-height:1.5}.ui-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:8px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-body);font-family:inherit;line-height:1.5;transition:border-color var(--transition),box-shadow var(--transition)}.ui-input::placeholder{color:var(--text-disabled)}.ui-input:hover:not(:disabled){border-color:var(--muted)}.ui-input:focus{outline:none;border-color:var(--accent-600);box-shadow:var(--focus-ring)}.ui-input:disabled{background:var(--surface-3);color:var(--text-disabled);cursor:not-allowed}.ui-input--invalid,.ui-field--error .ui-input{border-color:var(--danger)}.ui-input--invalid:focus,.ui-field--error .ui-input:focus{box-shadow:0 0 0 3px var(--danger-bg)}.ui-textarea{min-height:96px;resize:vertical;line-height:1.6}.ui-select{padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%238a90a8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}[data-theme=dark] .ui-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%238b95a8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}.ui-select option{background:var(--surface);color:var(--text)}@media(max-width:768px){.ui-input{padding:10px 11px;min-height:44px;font-size:16px}.ui-textarea{min-height:120px}}.require-project{display:flex;justify-content:center;padding:3rem 1rem}.require-project-card{max-width:560px;width:100%;text-align:center;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-tertiary, rgba(0, 0, 0, .1));border-radius:16px;padding:2rem 1.75rem}.require-project-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--brand, #2563eb);color:var(--on-accent);margin-bottom:.9rem}.require-project-card h2{margin:0 0 .4rem;font-size:1.15rem}.require-project-card>p{margin:0 0 1.25rem;color:var(--text-secondary, #666);font-size:.88rem}.require-project-list{display:flex;flex-direction:column;gap:8px;margin-bottom:1.25rem;text-align:left}.require-project-item{display:flex;align-items:center;gap:10px;padding:.7rem .9rem;border:1px solid var(--border-tertiary, rgba(0, 0, 0, .1));border-radius:10px;background:transparent;cursor:pointer;transition:border-color .15s ease,background .15s ease;font-size:.88rem}.require-project-item:hover{border-color:var(--brand, #2563eb);background:#2563eb0a}.require-project-check{color:var(--brand, #2563eb);flex-shrink:0}.require-project-name{font-weight:500;color:var(--text-primary, #222)}.require-project-url{margin-left:auto;color:var(--text-tertiary, #999);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.require-project-empty{color:var(--text-secondary, #666);font-size:.85rem;margin:0 0 1.25rem}.require-project-create{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1.1rem;border-radius:10px;background:var(--brand, #2563eb);color:var(--on-accent);text-decoration:none;font-size:.85rem;font-weight:500;transition:opacity .15s ease}.require-project-create:hover{opacity:.9}:root{--blue-50: var(--accent-soft);--blue-100: var(--accent-soft);--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--gray-50: #f8fafc;--gray-100: #f3f4f6;--gray-100b: #f9fafb;--gray-200: #e5e7eb;--gray-200b: #eef0f3;--gray-200c: #eef0f4;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2329;--gray-900: #111827;--slate-100: #f1f5f9;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--green-50: #ecfdf5;--green-600: #16a34a;--green-700: #15803d;--green-800: #047857;--red-50: #fef2f2;--red-500: #e5484d;--red-600: #dc2626;--red-700: #b91c1c;--amber-50: #fffbeb;--amber-100: #fff3cd;--amber-600: #d97706;--amber-700: #b45309;--violet-500: #8b5cf6;--indigo-500: #4f46e5;--indigo-600: #6366f1;--brand: #2563eb;--brand2: #2563eb;--bg: #f4f6fb;--bg-alt: #eef1f8;--surface: #ffffff;--surface-2: #f8f9fc;--surface-3: #f3f4f6;--surface-inset: #f6f8fb;--text-strong: #17202a;--text: #1f2440;--text-2: #4a5070;--text-3: #5f6b7a;--text-disabled: #9aa0b0;--text-inverse: #ffffff;--border-subtle: #e5e7eb;--border: #e6e9f2;--border-strong: #d7dcea;--border-focus: var(--accent-600);--accent: var(--brand);--accent-600: var(--brand);--accent-700: color-mix(in srgb, var(--brand) 82%, #000000);--accent-soft: color-mix(in srgb, var(--brand) 8%, #ffffff);--accent-alpha: color-mix(in srgb, var(--brand) 12%, transparent);--accent-border: color-mix(in srgb, var(--brand) 32%, transparent);--on-accent: #ffffff;--success: #43e97b;--success-fg: #166534;--success-bg: #e8fff0;--success-solid: var(--green-600);--success-solid-deep: var(--green-800);--success-bg-soft: var(--green-50);--warning: #f0a93b;--warning-fg: #b45309;--warning-bg: #fff3cd;--warning-solid: var(--amber-600);--warning-bg-soft: var(--amber-50);--danger: #e5484d;--danger-fg: #b91c1c;--danger-bg: #fdecec;--danger-solid: var(--red-600);--danger-bg-soft: var(--red-50);--info: #3b82f6;--info-fg: #1d4ed8;--info-bg: var(--accent-soft);--info-solid: var(--blue-600);--sidebar-bg: #ffffff;--sidebar-bg-2: #ffffff;--sidebar-text: #4a5070;--sidebar-muted: #9aa0b0;--sidebar-border: #e6e9f2;--sidebar-active-bg: var(--accent-soft);--sidebar-active-text: var(--accent-700);--overlay-scrim: rgba(31, 36, 64, .45);--overlay-surface: #ffffff;--overlay-shadow: 0 12px 30px rgba(31, 36, 64, .12);--code-bg: #0f172a;--code-text: #e2e8f0;--code-muted: #94a3b8;--code-accent: #d1fae5;--code-border: rgba(255, 255, 255, .1);--hero-gradient: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 45%, #2563eb 100%);--hero-orb-1: #8ea2ff;--hero-orb-2: #b06bd6;--hero-orb-3: #5fd3ff;--hero-orb-opacity: .55;--hero-card-bg: rgba(255, 255, 255, .98);--hero-card-shadow: 0 30px 60px rgba(31, 33, 64, .35);--hero-on-bg: rgba(255, 255, 255, .85);--accent-glow-strong: rgba(59, 130, 246, .4);--tag-success-fg: #166534;--tag-success-bg: #e8fff0;--tag-warning-fg: #b45309;--tag-warning-bg: #fff3cd;--tag-danger-fg: #b91c1c;--tag-danger-bg: #fdecec;--tag-info-fg: #1d4ed8;--tag-info-bg: var(--accent-soft);--tag-neutral-fg: #4a5070;--tag-neutral-bg: #eef1f8;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(31, 33, 64, .05);--shadow-sm: 0 1px 3px rgba(31, 33, 64, .08);--shadow-md: 0 4px 14px rgba(31, 33, 64, .08);--shadow-lg: 0 12px 30px rgba(31, 36, 64, .12);--shadow-accent: 0 8px 24px rgba(59, 130, 246, .25);--transition: .18s cubic-bezier(.4, 0, .2, 1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;--focus-color: rgba(59, 130, 246, .4);--focus-ring: 0 0 0 3px var(--focus-color);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--text-xs: .72rem;--text-sm: .8rem;--text-body: .92rem;--text-base: 1rem;--text-md: 1.05rem;--text-lg: 1.2rem;--text-xl: 1.4rem;--text-2xl: 1.7rem;--text-3xl: 2.1rem;--accent-2: color-mix(in srgb, var(--brand) 88%, #000000);--accent-3: color-mix(in srgb, var(--brand) 62%, #ffffff);--teal-50: #e0f5f0;--teal: #0d9488;--teal-700: #0f7a64;--teal-soft: #ccfbf1;--orange-50: #fff7ed;--orange-800: #9a3412;--muted: var(--text-3);--muted-2: var(--text-disabled);--f7: var(--surface-2);--text-primary: var(--text);--text-secondary: var(--text-2);--text-muted: var(--text-3);--text-weak: var(--text-disabled);--text-tertiary: var(--text-disabled);--text-mid: var(--text-2);--text-1: var(--text-strong);--fg: var(--text);--border-color: var(--border);--border-tertiary: var(--border-subtle);--border-light: var(--border-subtle);--card-bg: var(--surface);--bg-card: var(--surface);--bg-secondary: var(--bg-alt);--bg-tertiary: var(--surface-3);--bg-subtle: var(--surface-2);--bg-muted: var(--surface-3);--bg-hover: var(--surface-3);--muted-bg: var(--surface-3);--surface-hover: var(--surface-3);--surface-muted: var(--surface-3);--accent-bg: var(--accent-soft);--accent-strong: var(--accent-700);--accent-300: var(--blue-300);--badge-bg: var(--accent-soft);--badge-text: var(--accent-700);--success-text: var(--success-fg);--success-border: var(--success-solid);--danger-soft: var(--danger-bg-soft);--teal-soft: var(--teal-soft);--shadow: var(--shadow-sm)}[data-theme=dark]{color-scheme:dark;--bg: #0e1117;--bg-alt: #141922;--surface: #171c26;--surface-2: #1d2330;--surface-3: #232a38;--surface-inset: #12171f;--text-strong: #f2f5fa;--text: #e3e8f0;--text-2: #a9b2c3;--text-3: #8b95a8;--text-disabled: #5f6878;--text-inverse: #10141b;--border-subtle: #262d3a;--border: #2b323f;--border-strong: #3a4250;--accent: color-mix(in srgb, var(--brand) 76%, #ffffff);--accent-600: color-mix(in srgb, var(--brand) 88%, #ffffff);--accent-700: color-mix(in srgb, var(--brand) 96%, #ffffff);--accent-soft: color-mix(in srgb, var(--brand) 16%, #12161e);--accent-alpha: color-mix(in srgb, var(--brand) 24%, transparent);--accent-border: color-mix(in srgb, var(--brand) 42%, transparent);--on-accent: #0b0f16;--success: #34d874;--success-fg: #6ee7a0;--success-bg: #0f2a1c;--success-solid: #2ecc71;--success-bg-soft: #0d2419;--warning: #e8a33d;--warning-fg: #f5c368;--warning-bg: #2e2411;--warning-solid: #e0a23c;--warning-bg-soft: #2a2110;--danger: #f06a6e;--danger-fg: #f88f92;--danger-bg: #2e1618;--danger-solid: #ef5350;--danger-bg-soft: #2b1518;--info: #5b9cf8;--info-fg: #7db1f9;--info-bg: #12203a;--info-solid: #4a8ef0;--accent-2: color-mix(in srgb, var(--brand) 68%, #ffffff);--accent-3: color-mix(in srgb, var(--brand) 42%, #ffffff);--sidebar-bg: #12161e;--sidebar-bg-2: #171c26;--sidebar-text: #b3bccb;--sidebar-muted: #6d7686;--sidebar-border: #242b37;--sidebar-active-bg: var(--accent-alpha);--sidebar-active-text: var(--accent);--overlay-scrim: rgba(0, 0, 0, .66);--overlay-surface: #1b2029;--overlay-shadow: 0 12px 30px rgba(0, 0, 0, .55);--code-bg: #080b11;--code-text: #d6dce8;--code-muted: #8b95a8;--code-accent: #a7f3d0;--code-border: rgba(255, 255, 255, .09);--hero-gradient: linear-gradient(135deg, #0b1f52 0%, #10306e 45%, #0a2352 100%);--hero-orb-1: #3d4a8f;--hero-orb-2: #5b3570;--hero-orb-3: #256b85;--hero-orb-opacity: .4;--hero-card-bg: var(--surface);--hero-card-shadow: 0 30px 60px rgba(0, 0, 0, .6);--hero-on-bg: rgba(255, 255, 255, .82);--accent-glow-strong: color-mix(in srgb, var(--accent) 45%, transparent);--tag-success-fg: #6ee7a0;--tag-success-bg: #10281b;--tag-warning-fg: #f5c368;--tag-warning-bg: #2c2210;--tag-danger-fg: #f88f92;--tag-danger-bg: #2c1518;--tag-info-fg: #7db1f9;--tag-info-bg: #12203a;--tag-neutral-fg: #a9b2c3;--tag-neutral-bg: #222835;--focus-color: color-mix(in srgb, var(--accent) 55%, transparent);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .6);--shadow-accent: 0 8px 24px rgba(0, 0, 0, .55)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;transition:background-color var(--transition),color var(--transition)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1f21402e;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#1f214052;background-clip:padding-box;border:2px solid transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#c8d2e633}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#c8d2e657}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted);font-size:1rem}.error-message{display:flex;align-items:center;gap:.5rem;background:var(--danger-bg);color:var(--danger-fg);padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem;border:1px solid var(--accent-border)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ts-btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent-600) 0%,var(--indigo-600) 100%);border:none;color:var(--on-accent);box-shadow:0 4px 12px #2563eb47,inset 0 1px #ffffff2e;transform:translateY(0);transition:transform .18s var(--transition),box-shadow .18s ease,filter .18s ease,background .18s ease}.ts-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff38,#fff0 45%);opacity:.55;pointer-events:none;transition:opacity .18s ease}.ts-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-700) 0%,var(--indigo-500) 100%);box-shadow:0 7px 18px #2563eb59,inset 0 1px #ffffff40;transform:translateY(-1.5px);filter:brightness(1.03)}.ts-btn-primary:hover:not(:disabled):before{opacity:.9}.ts-btn-primary svg{transition:transform .18s ease}.ts-btn-primary:hover:not(:disabled) svg{transform:scale(1.12)}.ts-btn-primary:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:0 3px 8px #2563eb4d,inset 0 1px #ffffff26}.ts-btn-primary:focus-visible{outline:none;box-shadow:0 4px 12px #2563eb47,0 0 0 3px var(--focus-color)}.ts-btn-primary:disabled{background:var(--surface-3);color:var(--gray-50);box-shadow:none;transform:none;cursor:not-allowed}.ts-btn-primary:disabled:before{display:none}.ts-btn-primary.gr-btn{border:none;transition:transform .18s var(--transition),box-shadow .18s ease,filter .18s ease,background .18s ease}.ts-btn-primary.gr-btn:disabled{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){body{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--border: #b6bcc9;--border-strong: #7d8595;--text-3: #5a6373}[data-theme=dark]{--border: #4b5563;--border-strong: #6b7484;--text-3: #a2abbb}}