:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", var(--font-sans);--background-h:210;--background-s:20%;--background-l:99%;--foreground-h:222;--foreground-s:47%;--foreground-l:11%;--card-bg:#ffffffbf;--card-border:#e2e8f0cc;--card-shadow:0 8px 32px 0 #1f26870a;--primary-h:243;--primary-s:75%;--primary-l:59%;--primary-glow:#4f46e526;--secondary-h:220;--secondary-s:14%;--secondary-l:96%;--muted-h:215;--muted-s:16%;--muted-l:47%;--accent-h:262;--accent-s:83%;--accent-l:58%;--accent-glow:#8b5cf640;--gold-h:38;--gold-s:92%;--gold-l:50%;--success-h:142;--success-s:71%;--success-l:45%;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:32px}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background-h:222;--background-s:47%;--background-l:6%;--foreground-h:210;--foreground-s:20%;--foreground-l:98%;--card-bg:#0f172aa6;--card-border:#33415566;--card-shadow:0 8px 32px 0 #0000005e;--primary-h:239;--primary-s:84%;--primary-l:67%;--primary-glow:#6366f147;--secondary-h:217;--secondary-s:33%;--secondary-l:12%;--muted-h:215;--muted-s:20%;--muted-l:65%;--accent-h:263;--accent-s:90%;--accent-l:64%;--accent-glow:#8b5cf659}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s}body{font-family:var(--font-sans);background-color:hsl(var(--background-h), var(--background-s), var(--background-l));color:hsl(var(--foreground-h), var(--foreground-s), var(--foreground-l));-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;will-change:transform;background:radial-gradient(38% 34% at 12% 6%, hsla(var(--primary-h), 85%, 55%, .07), transparent 62%), radial-gradient(34% 34% at 100% 10%, hsla(var(--accent-h), 85%, 60%, .07), transparent 60%), radial-gradient(40% 34% at 50% 100%, #2bcdee0d, transparent 62%);animation:34s ease-in-out infinite alternate bgDrift;position:fixed;inset:-25%}body:after{content:"";z-index:-2;pointer-events:none;will-change:transform;background:radial-gradient(30% 30% at 82% 78%, hsla(var(--accent-h), 85%, 62%, .05), transparent 60%), radial-gradient(28% 28% at 22% 84%, hsla(var(--primary-h), 85%, 58%, .05), transparent 60%);animation:46s ease-in-out infinite alternate bgDrift2;position:fixed;inset:-25%}.dark body:before{background:radial-gradient(38% 34% at 12% 6%, hsla(var(--primary-h), 85%, 55%, .15), transparent 62%), radial-gradient(34% 34% at 100% 10%, hsla(var(--accent-h), 85%, 60%, .14), transparent 60%), radial-gradient(40% 34% at 50% 100%, #2bcdee1a, transparent 62%)}.dark body:after{background:radial-gradient(30% 30% at 82% 78%, hsla(var(--accent-h), 85%, 62%, .1), transparent 60%), radial-gradient(28% 28% at 22% 84%, hsla(var(--primary-h), 85%, 58%, .1), transparent 60%)}@keyframes bgDrift{0%{transform:translate(-2%,-1%)scale(1)}50%{transform:translate(2%,2%)scale(1.06)}to{transform:translate(1%,-2%)scale(1.02)}}@keyframes bgDrift2{0%{transform:translate(2%,1%)scale(1.04)}to{transform:translate(-3%,-2%)scale(1)}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:none}.reveal-fallback .reveal{opacity:1;transition:none;transform:none}.text-gradient-animated{background:linear-gradient(100deg, hsl(var(--foreground-h), var(--foreground-s), var(--foreground-l)) 8%, hsl(var(--primary-h), var(--primary-s), var(--primary-l)) 38%, #894eef 55%, hsl(var(--foreground-h), var(--foreground-s), var(--foreground-l)) 82%);-webkit-text-fill-color:transparent;color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite textSheen}@keyframes textSheen{0%,to{background-position:0%}50%{background-position:100%}}.btn-primary,.btn-download{position:relative;overflow:hidden}.btn-primary:after,.btn-download:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:60%;height:100%;transition:left .55s;position:absolute;top:0;left:-120%;transform:skew(-18deg)}.btn-primary:hover:after,.btn-download:hover:after{left:130%}@keyframes softPulse{0%,to{box-shadow:0 0 0 0 hsla(var(--primary-h), var(--primary-s), var(--primary-l), .5);transform:scale(1)}50%{box-shadow:0 0 0 5px hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0);transform:scale(1.06)}}.pulse-badge{animation:2.4s ease-in-out infinite softPulse}.hero-stat-dot{animation:2.8s ease-in-out infinite softPulse}@keyframes routeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.route-anim{animation:.4s cubic-bezier(.16,1,.3,1) routeIn}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}nav.nav-bar{background:hsla(var(--background-h), var(--background-s), var(--background-l), .95)}.glass-interactive{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s}.glass-interactive:hover{border-color:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .4);box-shadow:0 12px 40px 0 #1f268714, var(--primary-glow);transform:translateY(-4px)}.dark .glass-interactive:hover{box-shadow:0 12px 40px 0 #00000080, var(--primary-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .15);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .3)}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary-h), var(--primary-s), var(--primary-l)), #8244ee);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-heading);cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;align-items:center;gap:8px;padding:10px 24px;transition:all .2s;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.05);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));color:hsl(var(--foreground-h), var(--foreground-s), var(--foreground-l));border:1px solid var(--card-border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:10px 24px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .05);transform:translateY(-1px)}.btn-download{color:#fff;border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#25a777,#21c45d);border:none;align-items:center;gap:8px;padding:10px 24px;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #25a77766}.btn-download:hover{filter:brightness(1.08);transform:scale(1.02);box-shadow:0 6px 20px #25a77780}.btn-download:active{transform:scale(.98)}.btn-premium{background:linear-gradient(135deg, hsl(var(--accent-h), var(--accent-s), 47%), #861bbb);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-heading);cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;align-items:center;gap:8px;padding:10px 24px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-premium:after{content:"";pointer-events:none;background:linear-gradient(to bottom right,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:200%;animation:4s linear infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}@keyframes shine{0%{transform:translate(-100%,-100%)rotate(30deg)}20%{transform:translate(100%,100%)rotate(30deg)}to{transform:translate(100%,100%)rotate(30deg)}}.dz-root{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--card-shadow);transition:border-color .22s,background .22s,box-shadow .22s,transform .22s}.dz-root:hover{background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .04);box-shadow:0 14px 44px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .12);border-color:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .7)!important}.dz-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}.dz-root:hover .dz-icon{animation:1.6s ease-in-out infinite dzFloat}@keyframes dzFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dz-types{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;display:flex}.dz-type-chip{letter-spacing:.06em;border:1px solid hsla(var(--primary-h), var(--primary-s), var(--primary-l), .35);color:hsl(var(--primary-h), var(--primary-s), var(--primary-l));background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .07);border-radius:999px;padding:3px 9px;font-size:.68rem;font-weight:700}.dropzone-active{animation:20s linear infinite ants;transform:scale(1.01);border:2px dashed hsl(var(--primary-h), var(--primary-s), var(--primary-l))!important;background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .06)!important}.dropzone-active .dz-icon{animation:.8s ease-in-out infinite dzFloat}.hero-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.hero-stat{border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:hsl(var(--muted-h), var(--muted-s), var(--muted-l));border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.hero-stat .hero-stat-dot{background:linear-gradient(135deg, hsl(var(--primary-h), var(--primary-s), var(--primary-l)), #8347eb);border-radius:50%;width:7px;height:7px}@keyframes ants{0%{stroke-dashoffset:0}to{stroke-dashoffset:400px}}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:24px 0;display:grid}.dashboard-grid>*{animation:.45s cubic-bezier(.16,1,.3,1) backwards cardIn}.dashboard-grid>:first-child{animation-delay:20ms}.dashboard-grid>:nth-child(2){animation-delay:50ms}.dashboard-grid>:nth-child(3){animation-delay:80ms}.dashboard-grid>:nth-child(4){animation-delay:.11s}.dashboard-grid>:nth-child(5){animation-delay:.14s}.dashboard-grid>:nth-child(6){animation-delay:.17s}.dashboard-grid>:nth-child(7){animation-delay:.2s}.dashboard-grid>:nth-child(8){animation-delay:.23s}.dashboard-grid>:nth-child(9){animation-delay:.26s}.dashboard-grid>:nth-child(10){animation-delay:.29s}.dashboard-grid>:nth-child(11){animation-delay:.32s}.dashboard-grid>:nth-child(12){animation-delay:.35s}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.card-title{font-family:var(--font-heading);align-items:center;gap:8px;margin-top:12px;margin-bottom:6px;font-size:1.1rem;display:flex}.card-desc{color:hsl(var(--muted-h), var(--muted-s), var(--muted-l));font-size:.85rem;line-height:1.4}.tool-card{overflow:hidden}.tool-card:before{content:"";border-radius:inherit;background:radial-gradient(120% 80% at 0% 0%, hsla(var(--card-hue,234), 80%, 55%, .1), transparent 60%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.tool-card:hover:before{opacity:1}.tool-card:hover{border-color:hsla(var(--card-hue,234), 70%, 58%, .5)!important}.tool-icon{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.tool-card:hover .tool-icon{box-shadow:0 6px 18px hsla(var(--card-hue,234), 75%, 50%, .3);transform:scale(1.08)rotate(-4deg)}.card-arrow{opacity:0;font-size:1.1rem;font-weight:700;transition:opacity .22s,transform .22s cubic-bezier(.16,1,.3,1);position:absolute;top:22px;right:20px;transform:translate(-6px)}.tool-card:hover .card-arrow{opacity:1;transform:translate(0)}.badge-premium{background:linear-gradient(135deg, hsl(var(--gold-h), var(--gold-s), var(--gold-l)), #f59e0b);color:#1e1b4b;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;height:fit-content;padding:2px 6px;font-size:.65rem;font-weight:800;display:inline-flex}.app-layout{min-height:100vh;display:flex}.app-content{flex-grow:1;min-width:0;margin-top:64px;padding:24px}.app-credit{color:hsl(var(--muted-h), var(--muted-s), var(--muted-l));flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:40px;padding:24px 0 8px;font-size:.85rem;display:flex}.app-credit a{color:inherit;font-weight:600;text-decoration:none}.app-credit a:hover{text-decoration:underline}.app-credit-heart{color:#e0245e}.app-credit-sep{opacity:.45}input[type=text],input[type=password],input[type=number],input[type=email],input[type=url],input[type=search],input:not([type]),textarea,select{background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .03);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:inherit;box-sizing:border-box;outline:none;min-width:0;max-width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:hsl(var(--primary-h), var(--primary-s), var(--primary-l));box-shadow:0 0 0 3px var(--primary-glow)}select option{background:hsl(var(--background-h), var(--background-s), var(--background-l));color:hsl(var(--foreground-h), var(--foreground-s), var(--foreground-l))}.dark select option{color:#f9fafb;background:#191f2e}textarea{resize:vertical;min-height:80px;line-height:1.5}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, hsla(var(--primary-h), var(--primary-s), var(--primary-l), .55), #8347eb8c);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid hsl(var(--primary-h), var(--primary-s), var(--primary-l));width:18px;height:18px;box-shadow:0 2px 8px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .4);background:#fff;border-radius:50%;margin-top:-6px;transition:transform .15s,box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 6px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .15);transform:scale(1.25)}input[type=range]::-moz-range-track{background:linear-gradient(90deg, hsla(var(--primary-h), var(--primary-s), var(--primary-l), .55), #8347eb8c);border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{border:3px solid hsl(var(--primary-h), var(--primary-s), var(--primary-l));width:12px;height:12px;box-shadow:0 2px 8px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .4);background:#fff;border-radius:50%}input[type=range]:disabled{opacity:.45;cursor:not-allowed}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(520px,100vw - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:14px;align-items:flex-start;gap:10px;width:100%;padding:13px 14px;font-size:.88rem;line-height:1.5;animation:.28s cubic-bezier(.16,1,.3,1) toastIn;display:flex;box-shadow:0 12px 40px #0000002e}.toast-leaving{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(8px)}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.7rem;font-weight:800;display:flex}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#b91c1c)}.toast-success .toast-icon{background:linear-gradient(135deg,#27b07d,#21c45d)}.toast-info .toast-icon{background:linear-gradient(135deg, hsl(var(--primary-h), var(--primary-s), var(--primary-l)), #8347eb)}.toast-error{border-color:#ef444459}.toast-text{flex:1;min-width:0}.toast-close{cursor:pointer;color:hsl(var(--muted-h), var(--muted-s), var(--muted-l));background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;font-size:.72rem;line-height:1}.toast-close:hover{color:inherit;background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .08)}:focus-visible{outline:2px solid hsl(var(--primary-h), var(--primary-s), var(--primary-l));outline-offset:2px;border-radius:4px}::selection{background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .25)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.tool-spinner{border:3px solid hsla(var(--primary-h), var(--primary-s), var(--primary-l), .18);border-top-color:hsl(var(--primary-h), var(--primary-s), var(--primary-l));border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.editor-toolbar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:8px;display:flex}.toolbar-btn{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.toolbar-btn:hover,.toolbar-btn.active{background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .08)}.cat-tab{transition:background .15s,color .15s,transform .15s}.cat-tab:hover:not(.active){background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .06);transform:translateY(-1px)}.editor-container{gap:20px;height:calc(100vh - 180px);display:flex}.editor-sidebar{border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;gap:16px;width:280px;padding:16px;display:flex;overflow-y:auto}.editor-canvas-area{background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .02);border:1px solid var(--card-border);border-radius:var(--radius-md);flex-direction:column;flex-grow:1;align-items:center;gap:24px;padding:24px;display:flex;position:relative;overflow:auto}.page-wrapper{background:#fff;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.editor-interactive-layer{pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.annotation-box{border:1px dashed hsl(var(--primary-h), var(--primary-s), var(--primary-l));cursor:move;background:#6366f10f;justify-content:center;align-items:center;display:flex;position:absolute}.annotation-delete{background:hsl(var(--primary-h), var(--primary-s), var(--primary-l));color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 5px #0003}.sig-canvas{border:1px dashed var(--card-border);border-radius:var(--radius-sm);cursor:crosshair;background:#fff}.comparison-split{gap:16px;width:100%;height:100%;display:flex}.comparison-pane{flex-direction:column;flex:1;gap:8px;display:flex}.premium-card-wrapper{border:2px solid #0000;position:relative;overflow:hidden}.premium-card-wrapper:before{content:"";border-radius:inherit;-webkit-mask-composite:destination-out;pointer-events:none;background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6) border-box;border:2px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.page-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001f}@media (width<=768px){.app-content{padding:12px!important}nav.glass{padding:0 14px!important}nav.glass input[type=text]{font-size:.8rem;width:140px!important}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:10px!important;padding:12px 0!important}.card-title{font-size:.9rem!important}.card-desc{font-size:.78rem!important}.glass.animate-fade-in{padding:18px!important}.editor-container{flex-direction:column!important;height:auto!important}.editor-sidebar{max-height:260px;width:100%!important}.dz-root{min-height:180px!important;padding:28px 16px!important}.dz-icon{width:44px!important;height:44px!important}.page-card{min-width:130px}}@media (width<=480px){.app-content{padding:8px!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}nav.glass input[type=text]{display:none!important}.btn-premium{padding:8px 10px!important;font-size:.78rem!important}.glass[style*="flex: 1"]{min-width:unset!important}.btn-primary,.btn-secondary{padding:9px 16px;font-size:.85rem}}.quick-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick-chips-label{text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-h), var(--muted-s), var(--muted-l));margin-right:2px;font-size:.72rem;font-weight:600}.quick-chip{border:1px solid var(--card-border);background:var(--card-bg);color:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 13px 7px 10px;font-size:.82rem;font-weight:500;transition:transform .15s,border-color .15s,box-shadow .15s;display:inline-flex}.quick-chip:hover{border-color:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .5);box-shadow:0 4px 14px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .16);transform:translateY(-1px)}.quick-chip-icon{color:hsl(var(--primary-h), var(--primary-s), var(--primary-l));display:inline-flex}.quick-chip-icon svg{width:15px;height:15px}.cat-bar{flex-wrap:wrap;gap:8px;padding:4px 2px 8px;display:flex}.cat-pill{border:1px solid var(--card-border);background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .03);color:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:.85rem;font-weight:500;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.cat-pill svg{color:hsl(var(--primary-h), var(--primary-s), var(--primary-l));transition:color .15s}.cat-pill:hover{border-color:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .5);background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .07);transform:translateY(-1px)}.cat-pill .cat-count{background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .08);color:hsl(var(--muted-h), var(--muted-s), var(--muted-l));border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:600}.cat-pill.active{background:linear-gradient(135deg, hsl(var(--primary-h), var(--primary-s), var(--primary-l)), #8244ee);color:#fff;box-shadow:0 6px 18px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .35);border-color:#0000;font-weight:600}.cat-pill.active svg{color:#fff}.cat-pill.active .cat-count{color:#fff;background:#ffffff38}.nav-ai-btn:hover{filter:brightness(1.08)}.continue-with{border-top:1px dashed var(--card-border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.continue-with-label{color:hsl(var(--muted-h), var(--muted-s), var(--muted-l));margin-right:2px;font-size:.8rem;font-weight:700}.continue-chip{cursor:pointer;color:inherit;border:1px solid var(--card-border);background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .05);border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.continue-chip:hover{border-color:hsl(var(--primary-h), var(--primary-s), var(--primary-l));background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1);transform:translateY(-1px)}.ai-info{margin-top:10px;display:inline-flex;position:relative}.ai-info-btn{border:1px solid var(--card-border);background:hsla(var(--foreground-h), var(--foreground-s), var(--foreground-l), .05);width:22px;height:22px;color:hsl(var(--muted-h), var(--muted-s), var(--muted-l));cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-style:italic;font-weight:700;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex}.ai-info-btn:hover{color:hsl(var(--primary-h), var(--primary-s), var(--primary-l));border-color:hsl(var(--primary-h), var(--primary-s), var(--primary-l))}.ai-info-pop{z-index:30;display:none;position:absolute;bottom:130%;left:0}.ai-info:hover .ai-info-pop,.ai-info:focus-within .ai-info-pop{display:block}.ai-info-pop button{white-space:nowrap;cursor:pointer;border:1px solid var(--card-border);background:hsl(var(--background-h), var(--background-s), var(--background-l));color:inherit;border-radius:8px;padding:7px 12px;font-size:.8rem;font-weight:600;box-shadow:0 8px 24px #00000038}.ai-info-pop button:hover{border-color:hsl(var(--primary-h), var(--primary-s), var(--primary-l))}.ai-mode-banner{transition:filter .15s,transform .15s,box-shadow .2s;position:relative;overflow:hidden}.ai-mode-banner:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 34px #641ae647!important}.ai-mode-banner:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff24,#0000);width:45%;animation:7s ease-in-out infinite bannerSheen;position:absolute;top:0;bottom:0;left:0;transform:translate(-160%)}@keyframes bannerSheen{0%,to{transform:translate(-160%)}45%,55%{transform:translate(320%)}}@media (width<=768px){.nav-ai-text{display:none}.nav-ai-btn{padding:8px 11px!important}.nav-search{max-width:130px!important}.ai-mode-banner{gap:12px!important;padding:14px 16px!important}.ai-chat-root{height:calc(100vh - 96px)!important}.ai-chat-bubble{max-width:90%!important}}@media (width<=480px){.nav-search{min-width:72px!important;max-width:100px!important}.ai-mode-cta{display:none!important}.ai-mode-banner{padding:13px 14px!important}}