:root{--bg-void:#080b14;--bg-app:#0a0e17;--bg-panel:#10141f;--bg-elevated:#161b28;--bg-elevated-2:#1c2233;--border:#232a3a;--border-strong:#2e3648;--text-primary:#e7f4ee;--text-dim:#7c8798;--text-faint:#4d5668;--cyan:#22d3ee;--green:#34d399;--danger:#f87171;--danger-bg:#f871711f;--warning:#fbbf24;--warning-bg:#fbbf241f;--gradient:linear-gradient(135deg, #22d3ee, #34d399);--gradient-soft:linear-gradient(135deg, #22d3ee24, #34d39924);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #00000047;--shadow-md:0 8px 24px #0000005c, 0 2px 6px #0000003d;--shadow-lg:0 24px 64px #00000080, 0 4px 12px #0000004d;--glow-cyan:0 0 0 1px #22d3ee66, 0 0 24px #22d3ee2e;--glow-green:0 0 0 1px #34d39966, 0 0 24px #34d3992e;--ease-standard:cubic-bezier(.2, .8, .2, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.36s;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-md:16px;--text-lg:19px;--text-xl:24px;--text-2xl:32px;--text-3xl:42px;--text-4xl:56px;--focus-ring:0 0 0 3px #22d3ee47;font:var(--text-base) / 1.5 -apple-system, "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}::selection{color:var(--text-primary);background:#22d3ee52}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}button,input,textarea{font-family:inherit}button{transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard), opacity var(--duration-base) var(--ease-standard)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-pill);border:2px solid var(--bg-app)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint)}@keyframes pv-spin{to{transform:rotate(360deg)}}@keyframes pv-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pv-pulse{0%,to{opacity:1}50%{opacity:.45}}.page{background:var(--bg-app);width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;align-items:center;display:flex}.page-header{box-sizing:border-box;align-items:center;gap:10px;width:100%;padding:18px 24px;display:flex}.page-header-title{letter-spacing:.06em;align-items:baseline;gap:8px;font-size:14px;font-weight:700;display:flex}.page-header-title-sub{letter-spacing:.14em;color:var(--text-dim);font-size:11px;font-weight:400}.page-header-spacer{flex:1}.account-menu{position:relative}.account-menu-toggle{cursor:pointer;transition:box-shadow var(--duration-base) var(--ease-standard);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.account-menu-toggle:hover{box-shadow:var(--glow-cyan)}.account-menu-avatar{background:var(--gradient);color:#06131a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12.5px;font-weight:700;display:flex}.account-menu-backdrop{z-index:9;position:fixed;inset:0}.account-menu-dropdown{z-index:10;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);animation:pv-fade-up var(--duration-fast) var(--ease-standard) both;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.account-menu-email{color:var(--text-faint);border-bottom:1px solid var(--border);word-break:break-all;align-items:center;gap:6px;margin-bottom:4px;padding:8px 10px 6px;font-size:11.5px;display:flex}.account-menu-plan-badge{border-radius:var(--radius-pill);background:var(--gradient);color:#06131a;letter-spacing:.04em;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:700}.account-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;text-decoration:none;display:flex}.account-menu-item:hover{background:var(--bg-panel)}.account-menu-item:disabled{opacity:.5;cursor:not-allowed}.account-menu-item svg{color:var(--text-dim);flex-shrink:0}.landing-page{align-items:stretch;overflow-x:clip}.nav{z-index:20;align-items:center;gap:var(--space-6);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0e17b8;padding:16px clamp(20px,5vw,64px);display:flex;position:sticky;top:0}.nav-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-brand-text{letter-spacing:.06em;color:var(--text-primary);font-size:13px;font-weight:700}.nav-brand-sub{letter-spacing:.14em;color:var(--text-dim);margin-left:6px;font-size:11px;font-weight:400}.nav-links{gap:var(--space-6);margin-right:auto;display:flex}.nav-links a{color:var(--text-dim);font-size:var(--text-sm);transition:color var(--duration-base) var(--ease-standard);text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.nav-cta{align-items:center;gap:var(--space-3);display:flex}.hero{align-items:flex-start;gap:var(--space-9);box-sizing:border-box;flex-wrap:wrap;width:100%;max-width:1180px;margin:0 auto;padding:clamp(48px,8vw,96px) clamp(20px,5vw,64px) clamp(64px,8vw,96px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:-2;background-image:radial-gradient(#7dd3fc29 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 0,#000 40%,#0000 100%)}.hero-glow{filter:blur(10px);pointer-events:none;z-index:-1;background:radial-gradient(480px at 18% 20%,#22d3ee29,#0000 60%),radial-gradient(420px at 78% 40%,#34d39924,#0000 60%);height:640px;position:absolute;inset:-20% -10% auto}.hero-content{min-width:280px;animation:pv-fade-up var(--duration-slow) var(--ease-standard) both;flex:480px}.eyebrow{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--cyan);font-size:var(--text-xs);letter-spacing:.04em;margin-bottom:var(--space-5);padding:6px 12px;font-weight:600;display:inline-flex}.hero-content h1{font-size:clamp(32px, 4.4vw, var(--text-4xl));margin:0 0 var(--space-5);letter-spacing:-.03em;line-height:1.08}.hero-content p{max-width:520px;color:var(--text-dim);font-size:var(--text-md);margin:0 0 var(--space-6);line-height:1.65}.hero-cta{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-note{margin:var(--space-4) 0 0!important;font-size:var(--text-xs)!important;color:var(--text-faint)!important}.hero-visual{min-width:280px;animation:pv-fade-up var(--duration-slow) var(--ease-standard) 80ms both;flex:420px;justify-content:center;display:flex}.hero-device{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);overflow:hidden}.hero-device-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 14px;display:flex}.hero-device-dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.hero-device-title{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--text-dim);font-family:ui-monospace,monospace}.hero-device-tabs{gap:4px;padding:8px 14px 0;display:flex}.hero-device-tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:26px;height:22px;color:var(--text-dim);background:var(--bg-app);justify-content:center;align-items:center;display:flex}.hero-device-tab:first-child{color:var(--cyan);background:var(--bg-void)}.hero-device-body{padding:var(--space-5) var(--space-4);background:var(--bg-void);flex-direction:column;gap:10px;display:flex}.hero-code-line{border-radius:var(--radius-pill);background:var(--bg-elevated);height:8px}.hero-code-line.accent{background:linear-gradient(90deg,#22d3ee8c,#34d3998c)}.hero-device-footer{padding:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;display:flex}.hero-cap-chip{border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-dim);align-items:center;gap:5px;padding:5px 9px;font-size:10.5px;display:inline-flex}.section-heading{text-align:center;max-width:560px;margin:0 auto var(--space-7)}.section-heading h2{font-size:clamp(24px, 3vw, var(--text-2xl));margin:0 0 var(--space-3);letter-spacing:-.02em}.section-heading p{color:var(--text-dim);font-size:var(--text-base);margin:0;line-height:1.6}.features{padding:var(--space-8) clamp(20px, 5vw, 64px);box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto}.feature-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.feature-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.capability-strip{padding:var(--space-7) clamp(20px, 5vw, 64px);box-sizing:border-box;align-items:center;gap:var(--space-4);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;width:100%;max-width:1180px;margin:0 auto;display:flex}.capability-strip-label{color:var(--text-dim);font-size:var(--text-sm);flex-shrink:0;margin:0}.capability-strip-items{gap:var(--space-3);flex-wrap:wrap;display:flex}.capability-pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-panel);color:var(--text-primary);font-size:var(--text-sm);align-items:center;gap:7px;padding:7px 14px;display:inline-flex}.capability-pill svg{color:var(--green)}.how-it-works{padding:var(--space-8) clamp(20px, 5vw, 64px);box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto}.steps-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.step-card{padding:var(--space-5) 0;border-top:2px solid var(--border-strong)}.step-n{font-family:ui-monospace,monospace;font-size:var(--text-sm);background:var(--gradient);color:#0000;margin-bottom:var(--space-3);-webkit-background-clip:text;background-clip:text;font-weight:700;display:block}.step-card h3{font-size:var(--text-lg);margin:0 0 var(--space-2);letter-spacing:-.01em}.step-card p{color:var(--text-dim);font-size:var(--text-sm);margin:0;line-height:1.6}.cta-band{align-items:center;gap:var(--space-6);text-align:center;padding:var(--space-9) clamp(20px, 5vw, 64px);margin:var(--space-7) 0 0;background:var(--gradient-soft);border-top:1px solid var(--border);flex-direction:column;display:flex}.cta-band h2{font-size:clamp(22px, 3vw, var(--text-2xl));letter-spacing:-.02em;max-width:520px;margin:0}.cta-band-sub{font-size:var(--text-sm);color:var(--text-dim);margin:calc(-1 * var(--space-4)) 0 0;max-width:440px}.landing-notify-form{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.landing-notify-input-wrap{align-items:center;display:flex;position:relative}.landing-notify-input-icon{color:var(--text-faint);pointer-events:none;position:absolute;left:12px}.landing-notify-input-wrap input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);width:260px;color:var(--text-primary);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);padding:10px 14px 10px 36px;font-size:13.5px}.landing-notify-input-wrap input:hover{border-color:var(--border-strong)}.landing-notify-input-wrap input:focus{border-color:var(--cyan);outline:none}.landing-notify-done{align-items:center;gap:var(--space-2);color:var(--green);font-size:var(--text-sm);display:flex}.landing-notify-error{color:var(--danger);font-size:11.5px}@media (width<=480px){.landing-notify-input-wrap input,.landing-notify-form{width:100%}}.landing-footer{align-items:center;gap:var(--space-3);padding:var(--space-7) 20px var(--space-8);color:var(--text-faint);flex-direction:column;display:flex}.landing-footer-note{font-size:var(--text-xs)}@media (width<=720px){.nav-links{display:none}}@media (width<=480px){.nav{flex-wrap:wrap;row-gap:10px}.nav-cta{flex:100%;justify-content:flex-end}}@media (width<=420px){.nav{gap:var(--space-3);padding:14px 16px}.nav-brand-sub{display:none}.nav-cta{gap:var(--space-2)}.hero{padding-left:20px;padding-right:20px}.capability-strip{flex-direction:column;align-items:flex-start}}.auth-shell{width:100%;min-height:100vh;display:flex}.auth-shell-brand{min-width:320px;padding:var(--space-6) clamp(28px, 4vw, 56px);background:var(--bg-void);border-right:1px solid var(--border);flex-direction:column;flex:0 0 42%;justify-content:space-between;display:flex;position:relative;overflow:hidden}.auth-shell-brand-glow{pointer-events:none;background:radial-gradient(420px at 20% 15%,#22d3ee24,#0000 60%),radial-gradient(360px at 80% 85%,#34d3991f,#0000 60%);position:absolute;inset:0}.auth-shell-brand-link{z-index:1;position:relative}.auth-shell-brand-body{z-index:1;margin-top:auto;margin-bottom:var(--space-8);position:relative}.auth-shell-brand-body h2{letter-spacing:-.02em;margin:0 0 var(--space-6);max-width:320px;font-size:clamp(22px,2.4vw,30px);line-height:1.2}.auth-shell-value-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth-shell-value-list li{align-items:center;gap:var(--space-3);color:var(--text-dim);font-size:var(--text-sm);display:flex}.auth-shell-value-list svg{color:var(--cyan);flex-shrink:0}.auth-shell-form{padding:var(--space-6) 24px;background:var(--bg-app);flex:1;justify-content:center;align-items:center;display:flex}@media (width<=860px){.auth-shell{flex-direction:column}.auth-shell-brand{border-right:none;border-bottom:1px solid var(--border);min-width:0;padding:var(--space-5) 24px;flex:none}.auth-shell-brand-body{margin-top:var(--space-5);margin-bottom:0}.auth-shell-value-list{gap:var(--space-4) var(--space-6);flex-flow:wrap}.auth-shell-value-list li span{display:none}}.auth-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-7);box-sizing:border-box;box-shadow:var(--shadow-lg);animation:pv-fade-up var(--duration-slow) var(--ease-standard) both}.auth-card-icon{border-radius:var(--radius-md);background:var(--gradient-soft);width:40px;height:40px;color:var(--cyan);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.auth-card-status{text-align:left}.auth-dev-note{font-size:var(--text-xs);color:var(--text-faint);margin:-10px 0 16px}.auth-card h2{margin:0 0 6px;font-size:18px}.auth-card .auth-sub{color:var(--text-dim);margin:0 0 22px;font-size:13px;line-height:1.5}.auth-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.auth-field label{color:var(--text-dim);font-size:12px}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-faint);pointer-events:none;position:absolute;left:12px}.auth-field input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text-primary);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);padding:10px 12px 10px 36px;font-size:13.5px}.auth-field input:hover{border-color:var(--border-strong)}.auth-field input:focus{border-color:var(--cyan);box-shadow:var(--focus-ring);outline:none}.auth-error{align-items:center;gap:var(--space-2);color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid #f8717147;margin:0 0 14px;padding:8px 12px;display:flex}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--text-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-footnote{color:var(--text-dim);text-align:center;margin-top:16px;font-size:12.5px}.auth-footnote a{color:var(--cyan);text-decoration:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;padding:11px 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{flex-shrink:0}.btn-primary{background:var(--gradient);color:#06131a;width:100%;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md), var(--glow-cyan);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-elevated-2);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-ghost{color:var(--text-dim);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-elevated)}.btn-sm{font-size:var(--text-xs);padding:8px 14px}.btn-lg{font-size:var(--text-base);padding:14px 26px}.btn-spinner{opacity:.7;border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite pv-spin}.flow-card-wrap{box-sizing:border-box;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;padding:32px 20px;display:flex}.flow-card-wrap h1{margin:0;font-size:24px}.flow-card-wrap p{color:var(--text-dim);max-width:460px;margin:0;font-size:14px}.flow-status-icon{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-strong);width:56px;height:56px;color:var(--text-dim);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.flow-status-icon-detected{color:var(--green);background:#34d3991f;border-color:#34d39966}.flow-status-icon-connecting{background:var(--gradient-soft);border-color:var(--border-strong);color:var(--cyan)}.flow-status-icon-unrecognized{background:var(--warning-bg);color:var(--warning);border-color:#fbbf2466}.flow-status-icon-error{background:var(--danger-bg);color:var(--danger);border-color:#f8717166}.spin{animation:.9s linear infinite pv-spin}.detect-live-wrap{box-sizing:border-box;text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;width:100%;padding:32px 20px;display:flex}.detect-live-back{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:8px;padding:6px 12px;font-size:12.5px;display:flex}.detect-live-back:hover{color:var(--text-primary);border-color:var(--border-strong)}.detect-live-wrap h1{margin:0;font-size:22px}.detect-live-wrap p{color:var(--text-dim);margin:0 0 8px;font-size:14px}.detect-live-camera{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:640px;height:480px;overflow:hidden}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;width:100%;max-width:720px;margin-top:8px;display:grid}.mode-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}.mode-card:hover:not(:disabled){border-color:var(--cyan);background:var(--bg-elevated);box-shadow:var(--shadow-md), var(--glow-cyan);transform:translateY(-3px)}.mode-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.mode-card-icon{border-radius:var(--radius-sm);background:var(--gradient-soft);width:38px;height:38px;color:var(--cyan);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.mode-card-title{font-size:14.5px;font-weight:700}.mode-card-desc{color:var(--text-dim);font-size:12.5px;line-height:1.4}.dashboard{width:100%;max-width:1080px;padding:var(--space-6) clamp(20px, 4vw, 48px) var(--space-9);box-sizing:border-box;flex:1;margin:0 auto}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.dashboard-header h1{font-size:var(--text-2xl);letter-spacing:-.02em;margin:0 0 6px}.dashboard-header p{color:var(--text-dim);font-size:var(--text-sm);margin:0}.dashboard-loading{color:var(--text-dim);font-size:var(--text-sm)}.dashboard-empty{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-9) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-dim);flex-direction:column;display:flex}.dashboard-empty svg{color:var(--text-faint)}.dashboard-empty h2{font-size:var(--text-lg);color:var(--text-primary);margin:0}.dashboard-empty p{margin:0 0 var(--space-2);max-width:420px;font-size:var(--text-sm)}.dashboard-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.dashboard-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);position:relative}.dashboard-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.dashboard-card-link{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);color:var(--text-primary);flex-direction:column;text-decoration:none;display:flex}.dashboard-card-title{font-size:14.5px;font-weight:700}.dashboard-card-meta{font-size:var(--text-xs);color:var(--text-faint)}.dashboard-rename-input{border-radius:var(--radius-sm);border:1px solid var(--cyan);background:var(--bg-elevated);width:100%;color:var(--text-primary);padding:4px 6px;font-size:14.5px;font-weight:700}.dashboard-card-actions{top:var(--space-3);right:var(--space-3);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);gap:4px;display:flex;position:absolute}.dashboard-card:hover .dashboard-card-actions,.dashboard-card:focus-within .dashboard-card-actions{opacity:1}.dashboard-card-action{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);width:26px;height:26px;color:var(--text-dim);cursor:pointer;justify-content:center;align-items:center;display:flex}.dashboard-card-action:hover{color:var(--text-primary);background:var(--bg-elevated-2)}.dashboard-card-action-danger:hover{color:var(--danger);border-color:#f8717166}.examples-page{width:100%;max-width:1080px;padding:var(--space-6) clamp(20px, 4vw, 48px) var(--space-9);box-sizing:border-box;flex:1;margin:0 auto}.examples-page-back{margin-bottom:var(--space-5);color:var(--text-dim);font-size:var(--text-sm);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.examples-page-back:hover{color:var(--text-primary)}.examples-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.examples-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.examples-card-body{padding:var(--space-4);flex:1}.examples-card-body h3{margin:0 0 4px;font-size:14.5px}.examples-card-body p{margin:0 0 var(--space-3);color:var(--text-dim);font-size:12.5px;line-height:1.5}.examples-card-code{background:var(--bg-void);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:160px;color:var(--text-dim);white-space:pre-wrap;margin:0;padding:10px 12px;font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;overflow:auto}.examples-card-apply{border-radius:0;width:100%}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);animation:pv-fade-up var(--duration-fast) var(--ease-standard) both;background:#04060cb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:400px;padding:var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);box-sizing:border-box;margin:20px}.modal-icon{border-radius:var(--radius-md);background:var(--warning-bg);width:40px;height:40px;color:var(--warning);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.modal-card h2{font-size:var(--text-lg);margin:0 0 8px}.modal-card p{color:var(--text-dim);font-size:var(--text-sm);margin:0;line-height:1.55}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.settings-key-list{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.settings-key-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-sm);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.settings-key-card-header{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:14.5px;font-weight:700;display:flex}.settings-key-saved{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-dim);display:flex}.settings-key-form{gap:var(--space-2);display:flex}.settings-key-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);min-width:0;color:var(--text-primary);font-size:var(--text-sm);flex:1;padding:8px 10px}.settings-key-input:focus{border-color:var(--cyan);box-shadow:var(--focus-ring);outline:none}