:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--leading-tight:1.15;--leading-normal:1.55;--leading-relaxed:1.7;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-3xl:24px;--r-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:var(--shadow-xs);--shadow-md:var(--shadow-lg);--shadow-lg:var(--shadow-2xl);--shadow-xl:0 16px 48px #0000001a, 0 4px 10px #0000000a;--shadow-2xl:0 24px 64px #00000024, 0 6px 16px #0000000d;--shadow-cyan:0 4px 20px #06b6d433, 0 1px 4px #06b6d41a;--shadow-cyan-lg:0 8px 32px #06b6d440, 0 2px 8px #06b6d41f;--shadow-blue:0 4px 20px #3b82f633, 0 1px 4px #3b82f61a;--shadow-indigo:0 4px 20px #6366f133, 0 1px 4px #6366f11a;--glow-brand:0 0 0 3px #06b6d440;--glow-blue:0 0 0 3px #3b82f640;--ease-fast:.15s cubic-bezier(.4, 0, .2, 1);--ease-normal:.25s cubic-bezier(.4, 0, .2, 1);--ease-slow:.4s cubic-bezier(.4, 0, .2, 1);--ease-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo:.5s cubic-bezier(.16, 1, .3, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--electric-400:#38bdf8;--electric-500:#0ea5e9;--electric-600:#0284c7;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--violet-400:#a78bfa;--violet-500:#8b5cf6;--gray-0:#fff;--gray-25:#fdfdfc;--gray-50:#fafaf9;--gray-100:#f5f5f4;--gray-200:#e7e5e4;--gray-300:#d6d3d1;--gray-400:#a8a29e;--gray-500:#78716c;--gray-600:#57534e;--gray-700:#44403c;--gray-800:#292524;--gray-900:#1c1917;--gray-950:#0c0a09;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--warm-accent:var(--amber-500);--warm-accent-subtle:var(--amber-50);--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-placeholder:var(--gray-400);--text-inverse:var(--gray-0);--text-brand:var(--cyan-600);--text-link:var(--electric-600);--bg-body:var(--gray-50);--bg-surface:var(--gray-0);--bg-surface-hover:var(--gray-50);--bg-subtle:var(--gray-100);--bg-brand-subtle:var(--cyan-50);--bg-blue-subtle:var(--blue-50);--bg-success:var(--green-50);--bg-warning:var(--amber-50);--bg-error:var(--red-50);--border-light:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-400);--border-focus:var(--electric-400);--overlay:#1c19178c;--ink:var(--text-primary);--text:var(--text-secondary);--muted:var(--text-tertiary);--faint:var(--text-placeholder);--soft:var(--bg-body);--surface:var(--bg-surface);--surface-2:var(--bg-blue-subtle);--line:var(--border-light);--brand:var(--cyan-400);--brand-dark:var(--cyan-600);--brand-action:var(--electric-600);--brand-action-dark:var(--blue-700);--brand-contrast:var(--text-inverse);--brand-soft:var(--bg-brand-subtle);--brand-mist:var(--bg-blue-subtle);--blue:var(--electric-600);--blue-soft:var(--bg-blue-subtle);--orange:var(--amber-600);--orange-soft:var(--bg-warning);--red:var(--red-600);--red-soft:var(--bg-error);--radius-sm:var(--r-md);--radius-md:var(--r-lg);--radius-lg:var(--r-xl);color:var(--text-primary);background:var(--bg-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--bg-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:-.015em}img,svg{max-width:100%;display:block}h1{font-size:var(--text-5xl);font-weight:var(--weight-black);letter-spacing:-.025em}h2{font-size:var(--text-4xl);font-weight:var(--weight-extrabold);letter-spacing:-.02em}h3{font-size:var(--text-2xl);font-weight:var(--weight-bold)}h4{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.gradient-text{background:linear-gradient(135deg, var(--cyan-400) 0%, var(--electric-500) 35%, var(--indigo-500) 70%, var(--violet-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg, var(--amber-400) 0%, #f97316 50%, #ef4444 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page{min-height:100vh}.wrap{width:min(1200px,100vw - 48px);margin:0 auto}.section{padding:var(--sp-32) 0}.section-alt{background:var(--bg-subtle);border-block:1px solid var(--border-light)}.section-head{width:min(760px,100%);margin-bottom:var(--sp-16)}.section-head.center{text-align:center;margin-inline:auto}.section-head h2{margin-top:var(--sp-4)}.kicker{align-items:center;gap:var(--sp-2);padding:5px var(--sp-5);border:1px solid var(--cyan-200);border-radius:var(--r-full);background:var(--cyan-50);color:var(--cyan-700);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.02em;display:inline-flex}.two-col{gap:var(--sp-6);grid-template-columns:1fr 1fr;display:grid}.three-col{gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.four-col{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.brand-logo{color:var(--text-primary);font-weight:var(--weight-extrabold);transition:opacity var(--ease-fast), transform var(--ease-spring);align-items:center;gap:10px;line-height:1;display:inline-flex}.brand-logo:hover{opacity:.85;transform:scale(1.02)}.brand-logo-light{color:var(--text-inverse)}.brand-logo-mark{width:36px;height:36px;color:var(--cyan-400);filter:drop-shadow(0 4px 12px #06b6d459);transition:filter var(--ease-normal);flex-shrink:0}.brand-logo:hover .brand-logo-mark{filter:drop-shadow(0 6px 18px #06b6d480)}.brand-logo-word{font-size:var(--text-2xl);letter-spacing:-.02em;align-items:baseline;display:inline-flex}.brand-logo-word strong{background:linear-gradient(135deg, var(--cyan-500), var(--electric-500));-webkit-text-fill-color:transparent;font-weight:var(--weight-black);-webkit-background-clip:text;background-clip:text}.site-nav{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(20px)saturate(180%);transition:border-color var(--ease-normal), background var(--ease-normal), box-shadow var(--ease-normal);background:#ffffffb8;border-bottom:1px solid #0000;position:sticky;top:0}.site-nav.scrolled{border-bottom-color:var(--border-light);background:#fffffff0;box-shadow:0 1px 3px #0000000a}.site-nav-inner{justify-content:space-between;align-items:center;gap:var(--sp-6);min-height:64px;display:flex}.nav-links{align-items:center;gap:var(--sp-8);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex}.nav-links a{transition:color var(--ease-fast);position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--cyan-400), var(--electric-500));height:2px;transition:transform var(--ease-spring);border-radius:1px;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:var(--sp-3);display:flex}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:42px;padding:0 var(--sp-6);border:1px solid var(--border-default);border-radius:var(--r-xl);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:all var(--ease-normal);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--ease-fast);background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);position:absolute;inset:0}.btn:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.btn:hover:after{opacity:1}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn:focus-visible{box-shadow:var(--glow-brand);outline:none}.btn-spinner{flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading{cursor:wait;pointer-events:none;opacity:.85}.btn-loading .btn-label{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transition:transform .1s;transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--cyan-500) 0%, var(--electric-500) 50%, var(--blue-600) 100%);color:var(--text-inverse);box-shadow:var(--shadow-cyan);font-weight:var(--weight-bold);border-color:#0000}.btn-primary:hover{box-shadow:var(--shadow-cyan-lg);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-cyan);transform:translateY(0)}.btn-secondary{background:var(--bg-blue-subtle);border-color:var(--blue-200);color:var(--blue-700)}.btn-secondary:hover{background:var(--blue-100);box-shadow:var(--shadow-blue)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary);transform:translateY(-1px)}.btn-danger{background:var(--red-50);border-color:var(--red-100);color:var(--red-700)}.btn-danger:hover{background:var(--red-100);box-shadow:0 4px 20px #ef444433}.btn-sm{min-height:34px;padding:0 var(--sp-4);font-size:var(--text-xs);border-radius:var(--r-lg)}.btn-lg{min-height:50px;padding:0 var(--sp-8);font-size:var(--text-md);border-radius:var(--r-2xl)}.btn-xl{min-height:56px;padding:0 var(--sp-10);font-size:var(--text-lg);border-radius:var(--r-2xl)}.btn-full{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--r-2xl);transition:all var(--ease-normal);background:#fffc}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--cyan-200);transform:translateY(-2px)}.card-glass-cyan{-webkit-backdrop-filter:blur(20px);border:1px solid var(--cyan-200);background:#ecfeff99}.card-glass-blue{-webkit-backdrop-filter:blur(20px);border:1px solid var(--blue-200);background:#eff6ff99}.feature-card{gap:var(--sp-4);padding:var(--sp-8);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--r-2xl);transition:all var(--ease-normal);background:#ffffffb3;display:grid;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--cyan-400), var(--electric-500), var(--indigo-500));opacity:0;height:3px;transition:opacity var(--ease-normal);position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--cyan-200);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card .emoji{font-size:var(--text-4xl);transition:transform var(--ease-spring);line-height:1}.feature-card:hover .emoji{transform:scale(1.15)}.feature-card h3{font-size:var(--text-xl);margin-bottom:0}.feature-card p{color:var(--text-tertiary);line-height:var(--leading-relaxed)}.metric-card{padding:var(--sp-6);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--r-2xl);transition:all var(--ease-normal);background:#ffffffb3}.metric-card:hover{box-shadow:var(--shadow-lg);border-color:var(--cyan-200);transform:translateY(-2px)}.metric-card .metric-value{font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:-.03em;line-height:1}.metric-card .metric-value.highlight{background:linear-gradient(135deg, var(--cyan-500), var(--electric-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.metric-card .metric-label{margin-top:var(--sp-2);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.form-field{gap:var(--sp-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);display:grid}.form-field .hint{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-normal)}.input,.select,.textarea{width:100%;min-height:42px;padding:0 var(--sp-4);border:1px solid var(--border-default);border-radius:var(--r-xl);background:var(--bg-surface);font-size:var(--text-base);transition:all var(--ease-fast)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #0ea5e926}.input::placeholder,.textarea::placeholder{color:var(--text-placeholder)}.textarea{min-height:96px;padding-top:var(--sp-3);resize:vertical}.table-wrap{border-radius:var(--r-xl);border:1px solid var(--border-light);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.data-table th,.data-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-light);text-align:left;vertical-align:top}.data-table thead{background:var(--bg-subtle)}.data-table th{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.data-table tbody tr{transition:background var(--ease-fast)}.data-table tbody tr:hover{background:var(--bg-brand-subtle)}.data-table td{color:var(--text-secondary);overflow-wrap:anywhere}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.5;display:inline-flex}.badge-default{background:var(--bg-subtle);color:var(--text-secondary)}.badge-brand{background:var(--bg-brand-subtle);color:var(--cyan-700)}.badge-success{background:var(--bg-success);color:var(--green-700)}.badge-warning{background:var(--bg-warning);color:var(--amber-700)}.badge-error{background:var(--bg-error);color:var(--red-700)}.badge-info{background:var(--bg-blue-subtle);color:var(--blue-700)}.app-shell{background:var(--bg-body);grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{height:100vh;padding:var(--sp-6) var(--sp-4);border-right:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);gap:var(--sp-8);background:#ffffffb3;flex-direction:column;display:flex;position:sticky;top:0}.side-nav{gap:var(--sp-1);display:grid}.side-nav a,.side-nav button{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;transition:all var(--ease-fast);background:0 0}.side-nav a:hover,.side-nav button:hover{background:var(--bg-subtle);color:var(--text-primary);transform:translate(2px)}.side-nav a.active,.side-nav button.active{background:linear-gradient(135deg, var(--gray-900), var(--gray-800));color:var(--text-inverse);box-shadow:var(--shadow-md)}.main{min-width:0;padding:var(--sp-8) var(--sp-10) var(--sp-16);width:100%}.app-footer{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--border-light);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex}.topbar{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-8);display:flex}.topbar h1{font-size:var(--text-3xl)}.topbar p{margin-top:var(--sp-2);color:var(--text-tertiary);overflow-wrap:anywhere}.page-loading{min-height:100vh;padding:var(--sp-6);color:var(--text-tertiary);font-weight:var(--weight-semibold);place-items:center;display:grid}.icp-link{color:inherit;white-space:nowrap;font-size:var(--text-xs)}.icp-link:hover{color:var(--text-link)}.divider{background:linear-gradient(90deg, transparent, var(--border-light), transparent);width:100%;height:1px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-subtle) 25%, #fff9 50%, var(--bg-subtle) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:14px;margin-bottom:var(--sp-2)}.skeleton-text:last-child{width:60%}.skeleton-card{height:120px}.skeleton-avatar{border-radius:var(--r-lg);width:44px;height:44px}.empty-state{place-items:center;gap:var(--sp-4);padding:var(--sp-12) var(--sp-6);text-align:center;color:var(--text-tertiary);display:grid}.empty-state .empty-icon{opacity:.6;margin-bottom:var(--sp-2);font-size:48px;line-height:1}.empty-state h3{font-size:var(--text-lg);color:var(--text-secondary)}.empty-state p{font-size:var(--text-sm);max-width:360px;line-height:var(--leading-relaxed)}.toast{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-xl);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-normal);-webkit-backdrop-filter:blur(20px);max-width:480px;box-shadow:var(--shadow-lg);transition:all .35s var(--ease-spring);display:flex}.toast-icon{font-size:var(--text-md);flex-shrink:0;line-height:1}.toast-text{flex:1;min-width:0}.toast-enter{opacity:0;transform:translateY(-16px)scale(.94)}.toast-visible{opacity:1;transform:translateY(0)scale(1)}.toast-exit{opacity:0;transform:translateY(-12px)scale(.96)}.toast-info{border:1px solid var(--cyan-200);color:var(--cyan-700);background:#ecfeffeb}.toast-success{color:var(--green-700);background:#f0fdf4eb;border:1px solid #bbf7d0}.toast-warning{color:var(--amber-700);background:#fffbebeb;border:1px solid #fde68a}.toast-danger{color:var(--red-700);background:#fef2f2eb;border:1px solid #fecaca}:focus-visible{outline:2px solid var(--electric-400);outline-offset:2px;border-radius:var(--r-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--electric-400);outline-offset:2px}@keyframes view-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.view-enter{animation:view-enter .35s var(--ease-out-expo) both}.metric-card{transition:all var(--ease-normal)}.metric-card:hover strong{transition:transform var(--ease-spring);transform:scale(1.08)}.metric-card strong{transition:transform var(--ease-spring);display:inline-block}.card{transition:box-shadow var(--ease-normal), border-color var(--ease-normal)}::selection{color:var(--text-primary);background:#22d3ee40}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (width<=980px){.nav-links{display:none}.two-col,.three-col,.four-col{grid-template-columns:1fr}.section{padding:var(--sp-20) 0}.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border-light);height:auto;position:relative}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:var(--sp-6) var(--sp-5) var(--sp-10)}.topbar{flex-direction:column}.topbar h1{font-size:var(--text-2xl)}.app-footer{flex-direction:column;align-items:flex-start}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}}@media (width<=560px){.wrap{width:min(100% - 32px,1200px)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}.home{color:var(--text-primary);background:linear-gradient(#fdfdfc 0%,#f8f8f7 40%,#f5f5f4 100%);overflow-x:hidden}.home h2{letter-spacing:-.02em;font-size:clamp(26px,3.5vw,38px);font-weight:700;line-height:1.15}.section-sub{color:var(--text-secondary);margin-top:12px;font-size:16px;line-height:1.6}.section-head.center{margin-bottom:32px}.home .site-nav{border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);background:#ffffffeb}.hero{min-height:auto;padding:80px 0 40px;position:relative}.hero-inner{text-align:center;justify-items:center;gap:24px;display:grid}.hero-title{letter-spacing:-.03em;color:var(--text-primary);animation:fadeInUp .7s var(--ease-out-expo) both;max-width:800px;font-size:clamp(44px,6vw,72px);font-weight:800;line-height:1.08}.hero-title-em{background:linear-gradient(135deg, var(--cyan-500), var(--cyan-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-reassure{color:var(--text-tertiary);letter-spacing:.02em;animation:fadeInUp .7s .1s var(--ease-out-expo) both;font-size:14px;font-weight:500}.hero-desc{color:var(--text-secondary);max-width:480px;animation:fadeInUp .7s .15s var(--ease-out-expo) both;font-size:16px;line-height:1.6}.hero-cta{animation:fadeInUp .7s .2s var(--ease-out-expo) both;margin-top:0}.hero-cta svg{flex-shrink:0}.hero-trust{color:var(--text-tertiary);animation:fadeInUp .7s .25s var(--ease-out-expo) both;font-size:14px}.hero-terminal{width:100%;max-width:560px;animation:fadeInUp .7s .35s var(--ease-out-expo) both;background:#1e1e2e;border-radius:14px;margin-top:12px;overflow:hidden;box-shadow:0 2px 24px #00000014,0 1px 4px #0000000a}.terminal-chrome{background:#181825;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:14px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot:first-child{background:#ff5f56}.terminal-dot:nth-child(2){background:#ffbd2e}.terminal-dot:nth-child(3){background:#27c93f}.chat-body{padding:20px 24px 24px;font-size:14px;line-height:1.7}.chat-msg{align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.chat-label{text-align:center;border-radius:6px;flex-shrink:0;min-width:32px;padding:2px 8px;font-size:12px;font-weight:600}.chat-msg-user .chat-label{color:#89b4fa;background:#89b4fa26}.chat-msg-ai .chat-label{color:#a6e3a1;background:#a6e3a126}.chat-msg span:last-child{color:#cdd6f4;line-height:1.7}.chat-link{color:#89b4fa;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px}.hero-scroll-hint{color:var(--text-tertiary);animation:fadeInUp .7s .45s var(--ease-out-expo) both;opacity:.7;flex-direction:column;align-items:center;gap:6px;margin-top:0;font-size:13px;display:flex}.hero-scroll-hint svg{animation:2s ease-in-out infinite bounce-down}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.home-compare{padding:40px 0}.compare-grid{gap:20px}.compare-card{transition:border-color .25s var(--ease-normal), transform .25s var(--ease-normal);background:#fafaf9;border:1px solid #e7e5e4;border-radius:12px;padding:28px 24px 24px;position:relative}.compare-card:hover{border-color:var(--cyan-300);transform:translateY(-2px)}.compare-icon{color:var(--cyan-500);opacity:.8;margin-bottom:16px}.compare-worry{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.3}.compare-hard{color:var(--text-tertiary);min-height:44px;margin-bottom:20px;font-size:14px;line-height:1.6}.compare-solution{border-left:3px solid var(--cyan-500);padding-left:14px;position:relative}.compare-solution-label{color:var(--cyan-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:700;display:inline-block}.compare-solution p{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.4}.home-demo{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:#fafaf9;padding:40px 0}.demo-showcase{justify-content:center;align-items:stretch;gap:32px;max-width:1000px;margin:0 auto;display:flex}.demo-left,.demo-right{flex-direction:column;flex:1;min-width:0;display:flex}.demo-terminal{background:#1e1e2e;border-radius:14px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 2px 24px #00000014}.demo-terminal .chat-body{flex:1;padding:24px 24px 28px;font-size:14px}.demo-arrow{color:var(--cyan-500);flex-shrink:0;align-self:center}.demo-browser{border:1px solid var(--border-light);background:#fff;border-radius:14px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 2px 20px #0000000a}.demo-caption{text-align:center;color:var(--text-tertiary);margin-top:12px;font-size:14px}.demo-tools{text-align:center;color:var(--text-tertiary);margin-top:40px;font-size:14px}.preview-browser-bar{border-bottom:1px solid var(--border-light);background:#f8f8f7;align-items:center;gap:6px;padding:10px 16px;display:flex}.preview-dot{border-radius:50%;width:10px;height:10px}.preview-dot:first-child{background:#ff5f56}.preview-dot:nth-child(2){background:#ffbd2e}.preview-dot:nth-child(3){background:#27c93f}.preview-url-text{color:var(--text-tertiary);margin-left:8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px}.preview-body{background:#fff;flex:1;justify-content:center;align-items:center;display:flex}.preview-demo-page{background:#fafaf9;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;min-height:0;font-size:12px;display:flex}.demo-page-nav{background:#fff;border-bottom:1px solid #e7e5e4;align-items:center;gap:16px;padding:12px 20px;display:flex}.demo-page-logo{color:#1c1917;margin-right:auto;font-size:13px;font-weight:700}.demo-page-nav-link{color:#78716c;font-size:11px}.demo-page-hero{text-align:center;padding:28px 20px 20px}.demo-page-title{color:#1c1917;margin-bottom:6px;font-size:16px;font-weight:700}.demo-page-sub{color:#78716c;font-size:12px}.demo-page-cards{justify-content:center;gap:12px;padding:0 20px 24px;display:flex}.demo-page-card{text-align:center;background:#fff;border:1px solid #e7e5e4;border-radius:10px;flex:1;max-width:160px;padding:14px 12px}.demo-card-icon{margin-bottom:6px;font-size:22px}.demo-card-title{color:#1c1917;margin-bottom:4px;font-size:12px;font-weight:600}.demo-card-desc{color:#a8a29e;font-size:10px}.demo-page-footer{text-align:center;color:#a8a29e;border-top:1px solid #e7e5e4;margin-top:auto;padding:12px;font-size:10px}.home-steps{padding:40px 0}.steps-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:960px;margin:0 auto;display:grid}.step-item{text-align:center;padding:0 12px;position:relative}.step-number{color:var(--cyan-500);opacity:.1;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;margin-bottom:-28px;font-size:88px;font-weight:800;line-height:1}.step-title{color:var(--text-primary);margin-bottom:10px;font-size:18px;font-weight:600;line-height:1.3;position:relative}.step-voice{color:var(--text-tertiary);font-size:14px;font-style:italic;line-height:1.6}.home-trust{border-top:1px solid var(--border-light);background:#fafaf9;padding:40px 0}.trust-metrics{text-align:center;justify-content:center;gap:64px;display:flex}.trust-number{color:var(--cyan-600);letter-spacing:-.02em;margin-bottom:8px;font-size:40px;font-weight:800;line-height:1}.trust-label{color:var(--text-tertiary);font-size:15px}.home-cta{padding:40px 0 64px}.home-cta-inner{text-align:center;justify-items:center;gap:28px;display:grid}.home-cta h2{letter-spacing:-.03em;background:linear-gradient(135deg, var(--cyan-500), var(--cyan-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,5vw,48px);font-weight:800}.cta-reassure{color:var(--text-secondary);max-width:480px;font-size:16px;line-height:1.7}.home-cta .btn-xl{min-height:56px;transition:all .25s var(--ease-normal);border-radius:14px;padding:0 36px;font-size:16px;font-weight:600;box-shadow:0 4px 20px #06b6d440,0 1px 4px #06b6d41a}.home-cta .btn-xl:hover{transform:translateY(-2px);box-shadow:0 8px 28px #06b6d459,0 2px 8px #06b6d426}.cta-plan-info{color:var(--text-tertiary);margin-top:0;font-size:14px}.home-footer{border-top:1px solid var(--border-light);padding:40px 0 48px}.home-footer-inner{color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:500;display:flex}.footer-brand{flex-direction:column;gap:6px;display:flex}.footer-brand p{color:var(--text-tertiary);font-size:13px}.footer-links{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.legal-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.legal-links a{transition:color .15s var(--ease-fast);white-space:nowrap}.legal-links a:hover{color:var(--text-link)}.scroll-reveal{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transform:translateY(28px)}.scroll-reveal.is-revealed{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.hero{min-height:auto;padding:48px 0 32px}.hero-title{font-size:clamp(36px,5vw,52px)}.hero-terminal{max-width:100%}.home-compare,.home-demo,.home-steps,.home-trust,.home-cta{padding:32px 0}.compare-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.demo-showcase{flex-direction:column;gap:24px}.demo-arrow{transform:rotate(90deg)}.steps-inner{grid-template-columns:1fr;gap:40px;max-width:420px}.trust-metrics{gap:40px}.trust-number{font-size:32px}}@media (width<=560px){.hero{padding:40px 0 28px}.hero-title{font-size:32px}.hero-desc{font-size:15px}.hero-reassure{font-size:13px}.hero-terminal{margin-top:20px}.hero-scroll-hint{margin-top:0}.chat-body{padding:16px;font-size:12px}.preview-demo-page{min-height:0}.demo-page-nav{gap:10px;padding:8px 12px}.demo-page-logo{font-size:11px}.demo-page-nav-link{font-size:10px}.demo-page-hero{padding:20px 14px 14px}.demo-page-title{font-size:13px}.demo-page-sub{font-size:10px}.demo-page-cards{gap:8px;padding:0 14px 16px}.demo-page-card{padding:10px 8px}.demo-card-icon{font-size:18px}.demo-card-title{font-size:10px}.demo-card-desc{font-size:9px}.compare-card,.step-item{padding:20px 16px}.home-compare,.home-demo,.home-steps,.home-trust,.home-cta{padding:28px 0}.section-head.center{margin-bottom:32px}.home h2{font-size:24px}.step-number{margin-bottom:-20px;font-size:64px}.trust-metrics{flex-direction:column;gap:28px}.trust-number{font-size:28px}.home-cta-inner{gap:20px}.home-cta h2{font-size:26px}.home-cta .btn-xl{width:100%}.home-footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.footer-links{align-items:flex-start}.legal-links{gap:12px}}.login-page{background:linear-gradient(#fdfdfc 0%,#f8f8f7 40%,#f5f5f4 100%);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.login-shell{width:min(460px,100%);animation:fadeInUp .5s var(--ease-out-expo) both;gap:20px;display:grid}.login-shell>.btn{width:fit-content;color:var(--text-secondary);border-color:var(--border-light);transition:all var(--ease-normal);background:#fffc}.login-shell>.btn:hover{border-color:var(--border-default);background:#fffffff2;transform:translate(-2px)}.login-card{border:1px solid var(--border-light);-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border-radius:24px;gap:24px;padding:48px 40px;display:grid;box-shadow:0 4px 6px #00000005,0 12px 32px #0000000f,0 24px 64px #06b6d40d}.login-card h1{letter-spacing:-.02em;font-size:30px;line-height:1.1}.login-card>.brand{display:inline-flex}.login-kicker{color:var(--cyan-600);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:13px;font-weight:700}.login-card p{color:var(--text-tertiary);margin-top:8px;font-size:13px;line-height:1.6}.login-mode-tabs{border:1px solid var(--border-light);background:var(--bg-subtle);border-radius:12px;gap:8px;padding:4px;display:flex}.login-mode-tabs button{color:var(--text-tertiary);transition:all .25s var(--ease-spring);background:0 0;border-radius:8px;flex:1;padding:8px 16px;font-size:13px;font-weight:600}.login-mode-tabs button.is-active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.login-form{gap:20px;display:grid}.login-form .form-field{color:var(--text-secondary);gap:8px;font-size:13px;font-weight:600;display:grid}.login-form .input{background:var(--bg-surface);border:1px solid var(--border-default);min-height:48px;transition:all .15s var(--ease-fast);border-radius:16px;padding:0 20px;font-size:14px}.login-form .input:hover{border-color:var(--border-strong)}.login-form .input:focus{border-color:var(--cyan-400);outline:none;box-shadow:0 0 0 4px #06b6d41f}.login-form .verification-row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.login-form .verification-row .input{min-height:48px;padding:0 20px}.login-form .verification-row .btn{border-radius:16px;min-height:48px;padding:0 20px;font-size:13px}.login-primary-action{background:linear-gradient(135deg, var(--cyan-500), var(--cyan-400));color:#fff;min-height:52px;transition:all .25s var(--ease-normal);border:none;border-radius:20px;margin-top:8px;font-size:16px;font-weight:700;box-shadow:0 4px 20px #06b6d440,0 1px 4px #06b6d41a}.login-primary-action:hover{transform:translateY(-2px);box-shadow:0 8px 28px #06b6d459,0 2px 8px #06b6d426}.login-primary-action:active{transform:translateY(0)}.login-switch{text-align:center;color:var(--text-tertiary);transition:color .15s var(--ease-fast);padding:8px;font-size:13px;font-weight:500}.login-switch:hover{color:var(--cyan-600)}.login-legal{text-align:center;color:var(--text-tertiary);font-size:12px}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .input{width:100%;padding-right:44px}.password-toggle{width:36px;height:36px;color:var(--text-tertiary);transition:all .15s var(--ease-fast);background:0 0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{background:var(--bg-subtle);color:var(--text-secondary)}.input.input-error{border-color:var(--red-500);box-shadow:0 0 0 3px #ef44441a}.input.input-error:focus{border-color:var(--red-500);box-shadow:0 0 0 4px #ef444426}.field-error{color:var(--red-600);font-size:12px;font-weight:500}.login-succeeded{text-align:center}.login-success-state{animation:fadeInUp .5s var(--ease-out-expo) both;justify-items:center;gap:20px;padding:32px 0;display:grid}.login-success-icon-svg{color:var(--green-500);animation:success-pop .5s var(--ease-spring) both}@keyframes success-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.login-success-state h1{background:linear-gradient(135deg, var(--green-500), var(--cyan-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px}.login-success-state p{color:var(--text-tertiary);font-size:14px}@media (width<=480px){.login-card{padding:32px 24px}.login-card h1{font-size:24px}}.overview-grid{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.overview-grid>*{transition:all var(--ease-normal)}.overview-grid>:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.view-stack{gap:var(--sp-5);display:grid}.workspace-hero{gap:var(--sp-4);padding:var(--sp-6) var(--sp-8);border:1px solid var(--border-light);border-radius:var(--r-2xl);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);transition:box-shadow var(--ease-normal);background:radial-gradient(at 70% 0,#06b6d40f,#0000 50%),#ffffffbf;display:grid}.workspace-hero:hover{box-shadow:var(--shadow-lg), var(--shadow-cyan)}.workspace-hero h2{font-size:var(--text-2xl)}.workspace-hero p{color:var(--text-secondary);font-size:var(--text-sm)}.workspace-hero-status{gap:var(--sp-2);padding:var(--sp-5);border:1px solid var(--border-light);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(12px);transition:all var(--ease-normal);background:#f5f5f499;display:grid}.workspace-hero-status:hover{border-color:var(--cyan-200);box-shadow:var(--shadow-cyan)}.workspace-hero-status strong{font-size:var(--text-2xl);color:var(--text-primary)}.workspace-hero-stats{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workspace-hero-stats div{gap:var(--sp-1);padding:var(--sp-4);border:1px solid var(--border-light);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(10px);text-align:center;transition:all var(--ease-normal);background:#ffffffb3;display:grid}.workspace-hero-stats div:hover{box-shadow:var(--shadow-md);border-color:var(--electric-300);transform:translateY(-3px)}.workspace-hero-stats strong{font-size:var(--text-xl)}.workspace-hero-stats small{color:var(--text-tertiary);font-size:var(--text-xs)}.panel{gap:var(--sp-4);padding:var(--sp-6);border:1px solid var(--border-light);border-radius:var(--r-2xl);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);transition:all var(--ease-normal);background:#ffffffb3;display:grid}.panel:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.panel-head{justify-content:space-between;align-items:center;gap:var(--sp-4);display:flex}.panel-head h3{font-size:var(--text-lg)}.panel-head p,.panel>.muted{color:var(--text-tertiary);font-size:var(--text-sm)}.demo-item,.project-row{gap:var(--sp-3);padding:var(--sp-5);border:1px solid var(--border-light);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all var(--ease-normal);background:#ffffffa6;display:grid}.demo-item:hover,.project-row:hover{border-color:var(--cyan-200);box-shadow:var(--shadow-md), var(--shadow-cyan);transform:translateY(-2px)}.demo-item.is-selected,.project-row.is-selected{border-color:var(--cyan-200);background:linear-gradient(135deg, var(--bg-brand-subtle), var(--bg-surface))}.demo-item-main{gap:var(--sp-1);display:grid}.demo-item-main strong{font-size:var(--text-md);color:var(--text-primary)}.demo-item-main span{font-size:var(--text-sm);color:var(--text-tertiary)}.demo-item-meta{gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap;display:flex}.split-layout{gap:var(--sp-5);grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);align-items:start;display:grid}.content-grid{gap:var(--sp-5);align-items:start;display:grid}.trial-funnel-board{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(320px,.44fr);align-items:stretch;display:grid}.funnel-grid{gap:var(--sp-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.funnel-step{gap:var(--sp-1);min-height:96px;padding:var(--sp-4);border:1px solid var(--border-light);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(10px);transition:all var(--ease-normal);background:#ffffffb3;display:grid}.funnel-step:hover{box-shadow:var(--shadow-md);border-color:var(--indigo-200);transform:translateY(-2px)}.funnel-step strong{font-size:var(--text-2xl);color:var(--text-primary);line-height:1}.funnel-step span{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-semibold)}.funnel-step small{font-size:var(--text-xs);color:var(--text-tertiary)}.new-project-card{place-items:center;gap:var(--sp-4);min-height:180px;padding:var(--sp-6);border:2px dashed var(--border-default);border-radius:var(--r-2xl);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:all var(--ease-normal);background:#f5f5f480;display:grid}.new-project-card:hover{border-color:var(--cyan-300);box-shadow:var(--shadow-cyan);transform:translateY(-2px)}.new-project-card span{border-radius:var(--r-full);background:var(--text-primary);width:48px;height:48px;color:var(--text-inverse);font-size:var(--text-xl);place-items:center;display:grid}.compact-list-row{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-light);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);transition:all var(--ease-fast);background:#f5f5f480;display:flex}.compact-list-row:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.project-row-meta>div{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-light);border-radius:var(--r-lg);background:var(--bg-subtle);display:flex}.project-type-row strong{font-size:var(--text-md);color:var(--text-primary)}.project-avatar{border-radius:var(--r-lg);background:var(--text-primary);width:44px;height:44px;color:var(--text-inverse);font-size:var(--text-lg);font-weight:var(--weight-extrabold);place-items:center;display:grid}.subdomain-request-status{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border:1px solid var(--border-light);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:inline-flex}.focus-item{padding:var(--sp-4);border-radius:var(--r-xl)}.focus-item.strong{border:1px solid var(--border-light);background:var(--bg-subtle)}.admin-ops-hero{gap:var(--sp-4);padding:var(--sp-6) var(--sp-8);border:1px solid var(--border-light);border-radius:var(--r-2xl);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);transition:box-shadow var(--ease-normal);background:#ffffffbf;display:grid}.admin-ops-hero:hover{box-shadow:var(--shadow-lg), var(--shadow-cyan)}.admin-ops-hero h2{font-size:var(--text-2xl)}.admin-ops-hero p{color:var(--text-secondary)}.admin-pending-list{gap:var(--sp-3);display:grid}.admin-pending-list div{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border:1px solid var(--border-light);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(10px);transition:all var(--ease-normal);background:#ffffffb3;display:flex}.admin-pending-list div:hover{box-shadow:var(--shadow-md);border-color:var(--amber-200);transform:translateY(-2px)}.admin-pending-list strong{color:var(--text-primary)}.admin-pending-list small{color:var(--text-tertiary);font-size:var(--text-xs)}.admin-summary-grid{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.admin-summary-grid div{gap:var(--sp-1);padding:var(--sp-5);border:1px solid var(--border-light);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(10px);text-align:center;transition:all var(--ease-normal);background:#ffffffb3;display:grid}.admin-summary-grid div:hover{box-shadow:var(--shadow-md);border-color:var(--electric-300);transform:translateY(-2px)}.admin-summary-grid strong{font-size:var(--text-2xl)}.admin-summary-grid small{color:var(--text-tertiary);font-size:var(--text-xs)}.admin-task-row{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border:1px solid var(--border-light);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(10px);transition:all var(--ease-normal);background:#ffffffb3;display:flex}.admin-task-row:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.auto-form-status{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-light);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:flex}.dashboard-skeleton-row{gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--border-light);border-radius:var(--r-xl);background:#ffffff80;grid-template-columns:44px 1fr 80px;align-items:center;display:grid}.dashboard-skeleton-row .skeleton-avatar{border-radius:var(--r-lg)}.dashboard-skeleton-row .skeleton-stack{gap:var(--sp-2);display:grid}.welcome-empty{place-items:center;gap:var(--sp-6);padding:var(--sp-16) var(--sp-8);text-align:center;display:grid}.welcome-empty .empty-icon-big{opacity:.7;font-size:64px;line-height:1;animation:3s ease-in-out infinite float-gently}@keyframes float-gently{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.welcome-empty h2{font-size:var(--text-2xl);background:linear-gradient(135deg, var(--cyan-500), var(--electric-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-empty p{color:var(--text-tertiary);font-size:var(--text-base);max-width:420px;line-height:var(--leading-relaxed)}@media (width<=1080px){.split-layout,.trial-funnel-board{grid-template-columns:1fr}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid>:hover{transform:none}}@media (width<=820px){.overview-grid{grid-template-columns:1fr}.funnel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-hero-stats{grid-template-columns:1fr}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-hero-stats div:hover,.admin-summary-grid div:hover,.admin-pending-list div:hover,.funnel-step:hover{transform:none}}@media (width<=560px){.funnel-grid{grid-template-columns:1fr}.demo-item,.project-row{padding:var(--sp-4)}.workspace-hero{padding:var(--sp-4) var(--sp-5)}.demo-item:hover,.project-row:hover{transform:none}}.plan-options{gap:var(--sp-4);margin-bottom:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.plan-option{gap:var(--sp-2);padding:var(--sp-5);border:2px solid var(--border-light);border-radius:var(--r-xl);text-align:left;cursor:pointer;transition:all var(--ease-normal);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background:#fff;flex-direction:column;display:flex}.plan-option:hover:not(:disabled){border-color:var(--cyan-400);box-shadow:var(--shadow-cyan);transform:translateY(-2px)}.plan-option.is-selected{border-color:var(--cyan-500);background:var(--cyan-50);box-shadow:var(--shadow-cyan)}.plan-option.is-current{border-color:var(--border-light);cursor:default;background:#f9fafb}.plan-option:disabled{opacity:.6;cursor:not-allowed;transform:none}.plan-option-title{align-items:center;gap:var(--sp-2);display:flex}.plan-option-title strong{font-size:var(--text-md);font-weight:var(--weight-semibold)}.plan-option small{color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-normal)}.plan-option .plan-link-benefit{color:var(--cyan-600);font-weight:var(--weight-medium)}.upgrade-form{gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--border-light);border-radius:var(--r-xl);background:#fafafa;display:grid}.upgrade-form .form-field{gap:var(--sp-1);display:grid}.upgrade-form .form-field span{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.agent-command-box{border:1px solid var(--border-light);border-radius:var(--r-lg);margin-top:var(--sp-4);background:#1e293b;overflow:hidden}.agent-command-box .copyable-head{padding:var(--sp-3) var(--sp-4);background:#0f172a;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;display:flex}.agent-command-box .copyable-head span{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.agent-command-box pre{padding:var(--sp-5);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:0 0;max-height:360px;margin:0;overflow-y:auto}.fix-prompt-box{padding:var(--sp-5);border-radius:var(--r-lg);margin-top:var(--sp-4);background:#fffbeb;border:1px solid #fde68a}.fix-prompt-box strong{font-size:var(--text-sm);color:#92400e;margin-bottom:var(--sp-2);display:block}.fix-prompt-box p{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#78350f;white-space:pre-wrap;word-break:break-word;max-height:300px;margin:0;overflow-y:auto}.agent-user-guide{padding:var(--sp-4);border-left:3px solid var(--cyan-400);background:var(--cyan-50);border-radius:0 var(--r-md) var(--r-md) 0;margin-bottom:var(--sp-3)}.agent-user-guide strong{font-size:var(--text-sm);color:var(--cyan-700);margin-bottom:var(--sp-1);display:block}.agent-user-guide p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.token-box{padding:var(--sp-4);border:1px dashed var(--border-light);border-radius:var(--r-lg);gap:var(--sp-1);background:#f8fafc;display:grid}.token-box span{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.token-box strong{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text-primary);word-break:break-all}.token-box small{font-size:var(--text-xs);color:var(--text-secondary)}.agent-steps{gap:var(--sp-3);margin:var(--sp-5) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.agent-steps>div{padding:var(--sp-4);border:1px solid var(--border-light);border-radius:var(--r-lg);background:#fff}.agent-steps strong{font-size:var(--text-sm);color:var(--cyan-600);margin-bottom:var(--sp-1);display:block}.agent-steps span{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal)}@media (width<=820px){.plan-options,.agent-steps{grid-template-columns:1fr}}.upgrade-banner{padding:var(--sp-4) var(--sp-5);border:1px solid var(--cyan-200);border-radius:var(--r-lg);background:linear-gradient(135deg, var(--cyan-50), #f0f9ff);justify-content:space-between;align-items:center;display:flex}.upgrade-banner strong{font-size:var(--text-sm);color:var(--cyan-700);margin-bottom:var(--sp-1);display:block}.upgrade-banner span{font-size:var(--text-xs);color:var(--text-secondary)}.deployment-steps{margin-top:var(--sp-4)}.step-list{gap:var(--sp-2);display:grid}.step-line{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);border-radius:var(--r-md);display:flex}.step-line[data-status=completed]{color:var(--cyan-600);background:var(--cyan-50)}.step-line[data-status=in_progress]{color:var(--cyan-700);font-weight:var(--weight-medium);background:#e0f2fe}.step-line[data-status=failed]{color:#991b1b;background:#fef2f2}.step-line[data-status=pending]{color:var(--text-secondary)}.quick-create-panel{padding:var(--sp-5);border:2px dashed var(--border-light);border-radius:var(--r-xl);text-align:center;gap:var(--sp-3);transition:border-color var(--ease-normal);justify-items:center;display:grid}.quick-create-panel:hover{border-color:var(--cyan-400)}.upload-form{gap:var(--sp-4);max-width:560px;display:grid}.drop-zone{place-items:center;gap:var(--sp-3);padding:var(--sp-8);border:2px dashed var(--border-light);border-radius:var(--r-xl);cursor:pointer;transition:all var(--ease-normal);background:#fafafa;display:grid}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--cyan-400);background:var(--cyan-50)}.drop-zone strong{font-size:var(--text-md);color:var(--text-primary)}.drop-zone span{font-size:var(--text-xs);color:var(--text-secondary)}.upload-helper-grid{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.upload-helper-grid>div{padding:var(--sp-3);border:1px solid var(--border-light);border-radius:var(--r-md);font-size:var(--text-xs);color:var(--text-secondary)}.dashboard-focus-row{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-focus-row .focus-item{padding:var(--sp-4);border:1px solid var(--border-light);border-radius:var(--r-lg);gap:var(--sp-1);background:#fff;display:grid}.dashboard-focus-row .focus-item span{font-size:var(--text-xs);color:var(--text-secondary)}.dashboard-focus-row .focus-item strong{font-size:var(--text-sm)}.dashboard-focus-row .focus-item.strong{border-color:var(--cyan-300);background:var(--cyan-50)}.dashboard-project-workspace{gap:var(--sp-5);grid-template-columns:1fr 340px;align-items:start;display:grid}.dashboard-side-stack{gap:var(--sp-5);display:grid}.workspace-hero-copy{gap:var(--sp-3);display:grid}.workspace-hero-primary-actions{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.hero-proof,.dashboard-proof{gap:var(--sp-2);flex-wrap:wrap;display:flex}.hero-proof span,.dashboard-proof span{font-size:var(--text-xs);padding:var(--sp-1) var(--sp-2);background:var(--cyan-50);color:var(--cyan-600);border:1px solid var(--cyan-200);border-radius:999px}.feedback-form{gap:var(--sp-4);max-width:520px;display:grid}.publish-success{text-align:center;padding:var(--sp-6);gap:var(--sp-4);justify-items:center;display:grid}.publish-success h2{color:var(--cyan-600)}.inspection-box{border:1px solid var(--border-light);border-radius:var(--r-lg);overflow:hidden}.inspection-title-row{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-light);background:#f8fafc;justify-content:space-between;align-items:center;display:flex}.inspection-grid{gap:var(--sp-2);padding:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inspection-grid span{font-size:var(--text-sm);padding:var(--sp-2) 0}.inspection-note-grid{gap:var(--sp-4);padding:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inspection-note-grid strong{font-size:var(--text-sm);margin-bottom:var(--sp-2);display:block}.inspection-note-grid ul{padding-left:var(--sp-5);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.content-review-note{padding:var(--sp-4);border-radius:var(--r-lg);margin:var(--sp-3) 0;gap:var(--sp-2);font-size:var(--text-sm);display:grid}.content-review-note.review-passed{background:#f0fdf4;border:1px solid #bbf7d0}.content-review-note.review-blocked{background:#fef2f2;border:1px solid #fecaca}.content-review-note.review-review_required{background:#fffbeb;border:1px solid #fde68a}.project-list-panel{gap:var(--sp-4);display:grid}.project-list-stack{gap:var(--sp-2);display:grid}.project-main{gap:var(--sp-4);display:grid}.project-empty-grid{place-items:center;gap:var(--sp-4);padding:var(--sp-8);text-align:center;display:grid}.compact-list{gap:var(--sp-2);display:grid}.first-run-guide{padding:var(--sp-4);border:1px solid var(--cyan-200);border-radius:var(--r-lg);background:var(--cyan-50)}.first-run-guide strong{color:var(--cyan-700)}.first-run-actions{gap:var(--sp-2);margin-top:var(--sp-3);display:flex}@media (width<=820px){.dashboard-focus-row,.dashboard-project-workspace,.upload-helper-grid,.inspection-grid,.inspection-note-grid{grid-template-columns:1fr}}.plan-nudge-card{border:1px solid var(--amber-200);background:linear-gradient(135deg, var(--amber-50), #fffbeb);border-radius:14px;align-items:center;gap:16px;padding:16px 20px;display:flex}.plan-nudge-icon{background:var(--amber-400);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.plan-nudge-body{flex:1;min-width:0}.plan-nudge-body strong{font-size:var(--text-md);margin-bottom:2px;font-weight:600;display:block}.plan-nudge-body span{font-size:var(--text-sm);color:var(--text-secondary)}.plan-nudge-card .btn{min-height:36px;font-size:var(--text-sm);border-radius:8px;flex-shrink:0;padding:0 20px}@media (width<=820px){.projects-workflow.has-detail{grid-template-columns:1fr}.detail-drawer-inline{max-height:none;position:static}.agent-info-cards{grid-template-columns:1fr}.agent-hero-card{padding:28px 24px}}.workspace-home{animation:wsFadeIn .5s var(--ease-out-expo) both;gap:0;padding:0;display:grid}@keyframes wsFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ws-welcome{border-bottom:1px solid var(--border-light);margin-bottom:24px;padding:24px 0 32px}.ws-welcome-row{align-items:center;gap:16px;display:flex}.ws-welcome-avatar{background:linear-gradient(135deg, var(--cyan-500), var(--cyan-600));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.ws-greeting{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 4px;font-size:28px;font-weight:700;line-height:1.2}.ws-plan-badge{border:1px solid var(--cyan-200);background:var(--cyan-50);color:var(--cyan-700);border-radius:100px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-flex}.ws-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:32px;display:grid}.ws-stat-card{border:1px solid var(--border-light);transition:border-color .2s var(--ease-normal), transform .2s var(--ease-normal);background:#fafaf9;border-radius:12px;gap:4px;padding:20px 24px;display:grid}.ws-stat-card:hover{border-color:var(--cyan-300);transform:translateY(-2px)}.ws-stat-accent{background:linear-gradient(135deg, var(--cyan-50), #f0fdff);border-color:var(--cyan-200)}.ws-stat-accent:hover{border-color:var(--cyan-400)}.ws-stat-label{color:var(--text-tertiary);align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.ws-stat-value{color:var(--text-primary);letter-spacing:-.01em;font-size:24px;font-weight:700;line-height:1.2}.ws-stat-sub{color:var(--text-tertiary);font-size:12px}.ws-section{margin-bottom:36px}.ws-section-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ws-section-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.ws-section-desc{color:var(--text-tertiary);margin:6px 0 16px;font-size:14px;line-height:1.5}.ws-publish-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ws-publish-card{border:1px solid var(--border-light);text-align:left;cursor:pointer;transition:border-color .2s var(--ease-normal), transform .2s var(--ease-normal), box-shadow .2s var(--ease-normal);color:inherit;background:#fff;border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex}.ws-publish-card:hover{border-color:var(--cyan-300);transform:translateY(-2px);box-shadow:0 4px 16px #06b6d40f}.ws-publish-icon{background:linear-gradient(135deg, var(--cyan-50), #f0fdff);width:48px;height:48px;color:var(--cyan-600);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ws-publish-body{flex:1;min-width:0}.ws-publish-body strong{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600;display:block}.ws-publish-body span{color:var(--text-tertiary);font-size:13px;line-height:1.5}.ws-publish-card>svg{color:var(--text-tertiary);flex-shrink:0}.ws-project-list{gap:8px;display:grid}.ws-project-card{border:1px solid var(--border-light);cursor:pointer;transition:border-color .2s var(--ease-normal), transform .2s var(--ease-normal), box-shadow .2s var(--ease-normal);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px 24px;display:flex}.ws-project-card.is-selected{border-color:var(--cyan-400);background:linear-gradient(135deg, var(--cyan-50), #f8fdff)}.ws-project-card:hover{border-color:var(--cyan-300);transform:translateY(-1px);box-shadow:0 2px 12px #06b6d40a}.ws-project-avatar{background:linear-gradient(135deg, var(--cyan-500), var(--cyan-600));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.ws-project-info{flex:1;min-width:0}.ws-project-info strong{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.ws-project-url{color:var(--text-tertiary);font-size:13px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;display:block;overflow:hidden}.ws-project-meta{color:var(--text-tertiary);font-size:12px}.ws-project-actions{flex-shrink:0;gap:8px;display:flex}.ws-empty{text-align:center;border:1px dashed var(--border-light);background:#fafaf9;border-radius:12px;padding:48px 24px}.ws-empty-icon{color:var(--cyan-300);opacity:.6;margin-bottom:16px}.ws-empty h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.ws-empty p{color:var(--text-tertiary);margin:0;font-size:14px;line-height:1.6}@media (width<=820px){.ws-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-publish-options{grid-template-columns:1fr}.ws-project-card{flex-wrap:wrap}.ws-project-actions{width:100%;padding-left:60px}.ws-greeting{font-size:22px}}.projects-split{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.projects-split.has-detail{grid-template-columns:320px minmax(0,1fr)}.projects-list-panel{gap:6px;display:grid}.project-item-card{border:1px solid var(--border-light);cursor:pointer;transition:border-color .2s var(--ease-normal), background .2s var(--ease-normal);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.project-item-card:hover{border-color:var(--cyan-300)}.project-item-card.is-active{border-color:var(--cyan-400);background:linear-gradient(135deg, var(--cyan-50), #f8fdff)}.project-item-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.project-item-body{flex:1;min-width:0}.project-item-body strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:600;display:block;overflow:hidden}.project-item-meta{color:var(--text-tertiary);align-items:center;gap:4px;font-size:12px;display:flex}.project-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.project-status-dot.status-published{background:var(--green-500)}.project-status-dot.status-expired,.project-status-dot.status-offline{background:var(--text-tertiary)}.project-detail-panel{border:1px solid var(--border-light);background:#fff;border-radius:14px;position:sticky;top:24px;overflow:hidden}.project-detail-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.project-detail-head h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:700;overflow:hidden}.project-detail-close{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.project-detail-close:hover{background:var(--bg-subtle);color:var(--text-primary)}.project-detail-content{gap:24px;padding:24px;display:grid}.detail-block{gap:8px;display:grid}.detail-block label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.detail-link-row{align-items:center;gap:8px;display:flex}.detail-link-row code{border:1px solid var(--border-light);background:var(--bg-subtle);min-width:0;font-size:13px;font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:1;padding:8px 12px;overflow:hidden}.detail-link-row .btn{flex-shrink:0}.detail-meta-row{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;display:flex}.detail-visits{color:var(--text-primary);font-size:28px;font-weight:700}.detail-actions{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}@media (width<=820px){.projects-split.has-detail{grid-template-columns:1fr}.project-detail-panel{position:static}}.project-item-actions{opacity:0;flex-shrink:0;gap:6px;transition:opacity .15s;display:flex}.project-item-card:hover .project-item-actions,.project-item-card.is-active .project-item-actions{opacity:1}.project-item-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;padding:5px 12px;font-size:12px;line-height:1.4;transition:border-color .15s,color .15s}.project-item-btn:hover{border-color:var(--cyan-300);color:var(--cyan-600)}.agent-onboarding{text-align:center;border:1px solid var(--border-light);background:#fafaf9;border-radius:12px;justify-items:center;gap:16px;padding:64px 24px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.agent-onboarding:hover{border-color:var(--cyan-300);transform:translateY(-2px);box-shadow:0 4px 16px #06b6d40f}.agent-onboarding-icon{background:linear-gradient(135deg, var(--cyan-500), var(--cyan-600));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:8px;display:flex}.agent-onboarding h2{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.agent-onboarding p{color:var(--text-secondary);max-width:420px;margin:0;font-size:14px;line-height:1.6}.agent-prompt-hero{border:1px solid var(--cyan-200);background:linear-gradient(135deg, var(--cyan-50), #f8fdff);border-radius:16px;padding:36px 40px}.agent-prompt-step{color:var(--cyan-600);margin-bottom:20px;font-size:13px;font-weight:600}.agent-prompt-content{margin-bottom:24px}.agent-prompt-content p{color:var(--text-primary);margin:0 0 12px;font-size:16px;line-height:1.8}.agent-prompt-note{color:var(--text-tertiary);font-size:13px;font-style:italic}.agent-prompt-action{justify-content:flex-end;display:flex}.agent-tools-bar{border:1px solid var(--border-light);color:var(--text-tertiary);background:#fafaf9;border-radius:12px;justify-content:center;gap:16px;margin-top:20px;padding:16px 24px;font-size:13px;transition:border-color .2s;display:flex}.agent-tools-bar:hover{border-color:var(--cyan-300)}.agent-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.agent-step-card{border:1px solid var(--border-light);background:#fff;border-radius:14px;padding:24px}.agent-step-num{color:var(--cyan-400);margin-bottom:12px;font-size:24px;font-weight:700}.agent-step-card strong{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600;display:block}.agent-step-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.agent-token-bar{border:1px solid var(--border-light);color:var(--text-secondary);background:#fafaf9;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.agent-token-bar svg{color:var(--green-500)}.agent-step-block{border:1px solid var(--border-light);background:#fafaf9;border-radius:12px;margin-bottom:0;padding:20px 24px;transition:border-color .2s,box-shadow .2s}.agent-step-block.active{border-color:var(--cyan-400);box-shadow:0 0 0 1px var(--cyan-400), 0 4px 16px #06b6d40f}.agent-step-block.completed{border-color:var(--border-light)}.agent-step-block.pending{opacity:.55}.agent-step-head{align-items:flex-start;gap:14px;display:flex}.agent-step-title-wrap{flex-direction:column;gap:4px;padding-top:1px;display:flex}.agent-step-title{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3}.agent-step-desc{color:var(--text-tertiary);font-size:12.5px;line-height:1.5}.agent-step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.agent-step-dot.pending{background:var(--gray-100);color:var(--text-tertiary)}.agent-step-dot.active{background:var(--cyan-500);color:#fff}.agent-step-dot.completed{background:var(--green-500);color:#fff}.agent-step-body{margin-top:16px;margin-left:46px}.agent-step-connector{color:var(--text-tertiary);justify-content:center;padding:6px 0;display:flex}.agent-step-connector svg{transform:rotate(90deg)}.agent-step-block .agent-token-row{margin:0}.agent-step-block .agent-token-row .agent-token-value{background:#fff}.agent-step-block .agent-mode-selector{margin-bottom:0}.agent-instruction-result{border:1px solid var(--border-light);background:#fdfdfc;border-radius:8px;overflow:hidden}.agent-instruction-result .agent-instruction-body{background:0 0;border:none;max-height:300px}.agent-token-card{border:1px solid var(--border-light);background:#fafaf9;border-radius:12px;margin-bottom:16px;padding:20px 24px;transition:border-color .2s,box-shadow .2s,transform .2s}.agent-token-card:hover{border-color:var(--cyan-300);transform:translateY(-2px);box-shadow:0 4px 16px #06b6d40f}.agent-token-label{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.agent-token-label svg{color:var(--cyan-400)}.agent-token-hint{color:var(--text-tertiary);font-size:12px;font-weight:400}.agent-token-divider{background:var(--border-light);width:1px;height:20px;margin:0 4px}.agent-token-row{align-items:center;gap:10px;display:flex}.agent-token-value{border:1px solid var(--border-light);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;background:#fff;border-radius:8px;flex:1;padding:10px 14px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;overflow:hidden}.agent-token-toggle{border:1px solid var(--border-light);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.agent-token-toggle:hover{background:var(--gray-100);color:var(--text-primary)}.agent-section-label{color:var(--text-secondary);margin-top:4px;margin-bottom:10px;font-size:13px;font-weight:600}.agent-mode-selector{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.agent-mode-btn{border:1px solid var(--border-light);cursor:pointer;text-align:left;color:var(--text-primary);background:#fafaf9;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:20px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.agent-mode-btn:hover{border-color:var(--cyan-300);transform:translateY(-2px);box-shadow:0 4px 16px #06b6d40f}.agent-mode-btn.active{border-color:var(--cyan-400);box-shadow:0 0 0 1px var(--cyan-400), 0 4px 16px #06b6d40f;background:#fafaf9}.agent-mode-btn svg{color:var(--cyan-400);margin-bottom:2px}.agent-mode-desc{color:var(--text-tertiary);font-size:12px;font-weight:400;line-height:1.4}.agent-update-url{margin-bottom:16px}.agent-update-url label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.agent-update-url input{border:1px solid var(--border-light);width:100%;color:var(--text-primary);box-sizing:border-box;background:#fff;border-radius:8px;outline:none;padding:10px 14px;font-size:13px;transition:border-color .15s}.agent-update-url input:focus{border-color:var(--cyan-400);box-shadow:0 0 0 2px #06b6d41a}.agent-update-url input::placeholder{color:var(--text-tertiary)}.agent-generate-area{align-items:center;gap:12px;margin-top:4px;display:flex}.agent-generate-hint{color:var(--text-tertiary);font-size:12px}.agent-token-regenerate{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .15s}.agent-token-regenerate:hover{color:var(--text-secondary);background:var(--gray-100)}.agent-instruction-placeholder{border:1px solid var(--border-light);text-align:center;background:#fafaf9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:48px 24px;transition:border-color .2s,box-shadow .2s;display:flex}.agent-instruction-placeholder:hover{border-color:var(--cyan-300);box-shadow:0 4px 16px #06b6d40f}.agent-placeholder-icon{background:linear-gradient(135deg, var(--cyan-500), var(--cyan-600));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.agent-instruction-placeholder p{color:var(--text-secondary);max-width:400px;margin:0 0 8px;font-size:14px;line-height:1.6}.agent-placeholder-sub{color:var(--text-tertiary)!important;font-size:12px!important}.agent-instruction-card{border:1px solid var(--border-light);background:#fafaf9;border-radius:12px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden}.agent-instruction-card:hover{border-color:var(--cyan-300);transform:translateY(-2px);box-shadow:0 4px 16px #06b6d40f}.agent-instruction-header{border-bottom:1px solid var(--border-light);color:var(--text-primary);background:0 0;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.agent-instruction-hint{color:var(--text-tertiary);font-size:12px;font-weight:400}.agent-instruction-body{color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;background:#fdfdfc;max-height:360px;margin:0;padding:20px 24px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12.5px;line-height:1.7;overflow-y:auto}.agent-instruction-action{border-top:1px solid var(--border-light);background:0 0;justify-content:flex-end;padding:14px 20px;display:flex}.agent-token-bar-hint{color:var(--text-tertiary);margin-left:8px;font-size:12px}@media (width<=820px){.agent-token-row{flex-wrap:wrap}.agent-instruction-body{max-height:240px;font-size:11px}.agent-prompt-hero{padding:28px 24px}.agent-steps{grid-template-columns:1fr}.agent-onboarding{padding:48px 20px}}.ag-step{padding:18px 0;transition:opacity .2s}.ag-step.pending{opacity:.45;pointer-events:none}.ag-step-head{align-items:flex-start;gap:14px;display:flex}.ag-step-text{flex-direction:column;gap:3px;padding-top:1px;display:flex}.ag-step-title{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3}.ag-step-desc{color:var(--text-tertiary);font-size:13.5px;line-height:1.5}.ag-step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.ag-step-dot.pending{background:var(--gray-150,#e5e5e5);color:var(--text-tertiary)}.ag-step-dot.active{background:var(--cyan-500);color:#fff}.ag-step-dot.completed{background:var(--green-500);color:#fff}.ag-step-body{margin-top:16px;padding-left:44px}.ag-step-arrow{color:var(--text-tertiary);justify-content:center;padding:4px 0 4px 12px;display:flex}.ag-token-row{align-items:center;gap:8px;display:flex}.ag-token-value{border:1px solid var(--border-light);font-family:var(--font-mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;background:#fff;border-radius:8px;flex:1;padding:9px 12px;font-size:12.5px;overflow:hidden}.ag-token-eye{border:1px solid var(--border-light);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.ag-token-eye:hover{background:var(--gray-100);color:var(--text-primary)}.ag-token-div{background:var(--border-light);width:1px;height:20px;margin:0 4px}.ag-token-reset{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:12px}.ag-token-reset:hover{color:var(--text-secondary);background:var(--gray-100)}.ag-mode-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ag-mode-btn{border:1px solid var(--border-light);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:18px 20px;transition:all .2s;display:flex}.ag-mode-btn strong{color:var(--text-primary);font-size:15px;font-weight:600}.ag-mode-btn span{color:var(--text-tertiary);font-size:13px;line-height:1.4}.ag-mode-btn svg{color:var(--cyan-400);margin-bottom:4px}.ag-mode-btn:hover{border-color:var(--cyan-300);transform:translateY(-2px);box-shadow:0 4px 16px #06b6d40f}.ag-mode-btn.active{border-color:var(--cyan-400);box-shadow:0 0 0 1px var(--cyan-400), 0 4px 16px #06b6d40f;background:#fff}.ag-url-input{border:1px solid var(--border-light);width:100%;color:var(--text-primary);box-sizing:border-box;background:#fff;border-radius:8px;outline:none;margin-top:14px;padding:10px 14px;font-size:13px;transition:border-color .15s}.ag-url-input:focus{border-color:var(--cyan-400);box-shadow:0 0 0 2px #06b6d41a}.ag-url-input::placeholder{color:var(--text-tertiary)}.ag-gen-row{align-items:center;gap:12px;display:flex}.ag-gen-hint{color:var(--text-tertiary);font-size:12px}.ag-result{border:1px solid var(--border-light);background:#fff;border-radius:10px;overflow:hidden}.ag-result-pre{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;background:#fdfdfc;max-height:300px;margin:0;padding:18px 20px;font-size:12px;line-height:1.65;overflow-y:auto}.ag-result-action{border-top:1px solid var(--border-light);justify-content:flex-end;padding:14px 20px;display:flex}.ag-result-action .btn,.ag-gen-row .btn{font-size:15px}.ag-tools{border:1px solid var(--border-light);color:var(--text-tertiary);background:#fafaf9;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:14px 20px;font-size:12.5px;display:flex}.ag-tools strong{color:var(--text-secondary);font-weight:600}.up-drop{border:1.5px dashed var(--border-light);cursor:pointer;text-align:center;background:#fdfdfc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 24px;transition:border-color .2s,background .2s;display:flex}.up-drop:hover{border-color:var(--cyan-300);background:#fafeff}.up-drop input{display:none}.up-drop svg{color:var(--text-tertiary)}.up-drop strong{color:var(--text-primary);font-size:14px;font-weight:600}.up-drop span{color:var(--text-tertiary);font-size:12px}.up-file-selected{border:1px solid var(--cyan-200);background:#fff;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;display:flex}.up-file-selected strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.up-file-remove{cursor:pointer;width:24px;height:24px;color:var(--text-tertiary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.up-file-remove:hover{background:var(--gray-100);color:var(--text-primary)}