*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-body);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.-top-\[25\%\]{top:-25%}.left-2{left:.5rem}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.ml-auto{margin-left:auto}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[125\%\]{height:125%}.h-px{height:1px}.max-h-\[320px\]{max-height:320px}.max-h-\[400px\]{max-height:400px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[14rem\]{min-width:14rem}.min-w-\[8rem\]{min-width:8rem}.max-w-\[min\(56vw\,18rem\)\]{max-width:min(56vw,18rem)}.max-w-md{max-width:28rem}.shrink-0{flex-shrink:0}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:.75rem}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-width:1px}.border-none{border-style:none}.border-border{border-color:var(--color-rule)}.border-input{border-color:var(--color-rule-strong)}.border-white\/10{border-color:#ffffff1a}.bg-background{background-color:var(--color-paper)}.bg-card{background-color:var(--color-panel)}.bg-destructive{background-color:var(--color-critical)}.bg-muted{background-color:var(--color-panel)}.bg-popover{background-color:var(--color-paper-2)}.bg-primary{background-color:var(--color-accent)}.bg-secondary{background-color:var(--color-panel-strong)}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-\[linear-gradient\(110deg\,var\(--color-muted\)\,35\%\,var\(--color-ink\)\,50\%\,var\(--color-muted\)\,75\%\,var\(--color-muted\)\)\]{background-image:linear-gradient(110deg,var(--color-muted),35%,var(--color-ink),50%,var(--color-muted),75%,var(--color-muted))}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-destructive-foreground,.text-foreground,.text-popover-foreground{color:var(--color-ink)}.text-primary{color:var(--color-accent)}.text-primary-foreground{color:var(--color-on-accent)}.text-secondary-foreground{color:var(--color-ink)}.text-transparent{color:#0000}.text-white\/45{color:#ffffff73}.underline-offset-4{text-underline-offset:4px}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color:var(--color-paper)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-3xl{--tw-backdrop-blur:blur(64px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{overflow-x:clip}body{background:var(--color-paper);min-height:100dvh;color:var(--color-ink);font:var(--text-base) / 1.6 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}*{scrollbar-width:thin;scrollbar-color:oklch(70% 0 0/.2) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:oklch(70% 0 0/.2)}::-webkit-scrollbar-thumb:hover{background:oklch(70% 0 0/.35)}button,select,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{--sidebar-width:280px;--dev-panel-width:240px;background:radial-gradient(ellipse at 15% 0%, var(--color-accent-soft) 0%, transparent 55%), radial-gradient(ellipse at 85% 100%, var(--color-accent-soft) 0%, transparent 50%), var(--color-paper);min-height:100dvh;display:flex}.sidebar-scrim{z-index:18;pointer-events:none;opacity:0;transition:opacity .26s var(--ease-out), background .26s var(--ease-out);background:oklch(0% 0 0/0);border:0;position:fixed;inset:0}.side-panel{z-index:20;width:var(--sidebar-width);gap:var(--space-8);height:100dvh;padding:var(--space-8);border-right:1px solid var(--color-rule);background:linear-gradient(180deg, oklch(9% .015 250) 0%, var(--color-paper-2) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .3s var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(0)}.is-sidebar-closed .side-panel{transform:translate(calc(-100% - 18px))}.brand-lockup{align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-8) var(--space-4);display:flex}.brand-mark{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-accent-soft), var(--color-accent-rule));width:38px;height:38px;color:var(--color-accent);border:1px solid var(--color-accent-rule);place-items:center;display:grid}.brand-lockup h1{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);background:linear-gradient(135deg,oklch(75% .18 270) 0%,oklch(62% .2 290) 60%,oklch(55% .18 310) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.2}.eyebrow{color:var(--color-faint);font:600 var(--text-xs) / 1.2 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:0}.new-chat-button{justify-content:center;align-items:center;gap:var(--space-8);width:100%;min-height:40px;padding:0 var(--space-12);border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);color:var(--color-ink);background:var(--color-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--text-sm);transition:all var(--dur-fast) var(--ease-out);font-weight:500;display:inline-flex}.new-chat-button:hover{background:var(--color-panel);border-color:var(--color-accent-rule)}.history-section{gap:var(--space-6);min-height:0;padding:var(--space-6) 0;flex-direction:column;flex:1;display:flex;overflow:hidden}.section-label{color:var(--color-faint);font:600 var(--text-xs) / 1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:0 var(--space-8)}.history-list{gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.history-item{justify-content:space-between;align-items:center;gap:var(--space-6);width:100%;min-height:34px;padding:0 var(--space-10);border-radius:var(--radius-md);color:var(--color-ink-2);text-align:left;font-size:var(--text-sm);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:0;display:flex}.history-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.history-item svg{opacity:0;color:var(--color-faint);flex:none}.history-item:hover,.history-item.is-active{background:var(--color-panel);color:var(--color-ink)}.history-item:hover svg{opacity:1}.sidebar-footer{gap:var(--space-1);padding:var(--space-6) 0 0;border-top:1px solid var(--color-rule);flex-direction:column;display:flex}.sidebar-footer-btn{align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8) var(--space-10);border-radius:var(--radius-md);color:var(--color-muted);font-size:var(--text-xs);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:0;font-weight:500;display:flex}.sidebar-footer-btn:hover{color:var(--color-ink);background:var(--color-panel)}.sidebar-footer-btn.ghost{color:var(--color-faint)}.sidebar-footer-btn.ghost:hover{color:var(--color-ink)}.connection-editor{gap:var(--space-4);padding:var(--space-6) var(--space-10);background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;display:flex}.connection-row{align-items:center;gap:var(--space-4);display:flex}.connection-input{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm);width:100%;padding:var(--space-6) var(--space-8);color:var(--color-ink);font-size:var(--text-xs);font-family:var(--font-mono);flex:1}.connection-input:focus{border-color:var(--color-accent);outline:none}.connection-actions{gap:var(--space-4);display:flex}.connection-btn{padding:var(--space-4) var(--space-8);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-size:var(--text-xs);cursor:pointer;transition:opacity var(--dur-fast);flex:1;font-weight:600}.connection-btn:hover{opacity:.85}.connection-btn.ghost{color:var(--color-muted);background:0 0}.dev-panel{top:0;left:var(--sidebar-width);z-index:15;width:var(--dev-panel-width);border-right:1px solid var(--color-rule);background:var(--color-paper-2);height:100dvh;animation:slideIn .2s var(--ease-out);flex-direction:column;display:flex;position:fixed}.is-sidebar-closed .dev-panel{left:0}.dev-panel-header{align-items:center;gap:var(--space-8);padding:var(--space-12);border-bottom:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-muted);font-weight:600;display:flex}.dev-panel-close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-faint);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.dev-panel-close:hover{color:var(--color-ink);background:var(--color-accent-soft)}.dev-panel-body{padding:var(--space-12);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.dev-row{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-4) 0;font-size:var(--text-xs);display:flex}.dev-row span{color:var(--color-faint)}.dev-row code{color:var(--color-ink-2);font:500 var(--text-xs) var(--font-mono)}.dev-section-label{color:var(--color-faint);font:600 var(--text-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-8) 0 var(--space-4);border-top:1px solid var(--color-rule);margin-top:var(--space-4)}.workspace{min-width:0;height:100dvh;margin-left:var(--sidebar-width);transition:margin-left .3s var(--ease-out);flex:1;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.is-sidebar-closed .workspace{margin-left:0}.top-rail{align-items:center;gap:var(--space-12);min-height:52px;padding:var(--space-8) var(--space-16);border-bottom:1px solid var(--color-rule);background:var(--color-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex}.top-rail-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-muted);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.top-rail-icon:hover{color:var(--color-ink);background:var(--color-accent-soft)}.top-title{flex:1;min-width:0}.top-title h2{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.top-title .eyebrow{font-size:.62rem}.top-meta{align-items:center;gap:var(--space-8);flex-shrink:0;display:flex}.token-badge{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-soft);white-space:nowrap;font-weight:600;display:inline-flex}.live-chip{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-muted);background:var(--color-surface);white-space:nowrap;font-weight:500;display:inline-flex}.message-list{padding:var(--space-16) 0;gap:var(--space-8);scroll-behavior:smooth;flex-direction:column;display:flex;overflow-y:auto}.stop-bar{padding:var(--space-4) 0;justify-content:center;display:flex}.stop-button{align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-16);border:1px solid var(--color-rule-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-critical);transition:all var(--dur-fast) var(--ease-out);background:oklch(65% .22 28/.08);font-weight:500;display:inline-flex}.stop-button:hover{background:oklch(65% .22 28/.18)}.message-row{gap:var(--space-10);padding:var(--space-4) clamp(var(--space-16), 6vw, var(--space-48));animation:fadeIn .2s var(--ease-out);display:flex}.avatar{border-radius:var(--radius-md);background:var(--color-panel);border:1px solid var(--color-rule);width:30px;height:30px;color:var(--color-muted);margin-top:var(--space-4);flex-shrink:0;place-items:center;display:grid}.from-user .avatar{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent-rule)}.message-card{min-width:0;padding:var(--space-4) 0;flex:1}.message-meta{align-items:center;gap:var(--space-6);margin-bottom:var(--space-4);color:var(--color-faint);font:600 var(--text-xs) / 1 var(--font-mono);letter-spacing:.02em;display:flex}.message-meta span:last-child{color:var(--color-muted);font-weight:400}.message-body{color:var(--color-ink-2);font-size:var(--text-sm);white-space:pre-wrap;word-wrap:break-word;line-height:1.7}.message-body p{margin:0 0 var(--space-8)}.message-body p:last-child{margin-bottom:0}.message-actions{align-items:center;gap:var(--space-6);margin-top:var(--space-8);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);display:flex}.message-row:hover .message-actions{opacity:1}.copy-button{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border:1px solid var(--color-rule);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-muted);background:var(--color-panel);transition:all var(--dur-fast) var(--ease-out);display:inline-flex}.copy-button:hover{color:var(--color-ink);border-color:var(--color-accent-rule)}.empty-state{text-align:center;padding:var(--space-48) var(--space-24);justify-content:center;align-items:center;gap:var(--space-12);flex-direction:column;display:flex;overflow-y:auto}.empty-state h2{font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(135deg, var(--color-ink) 0%, var(--color-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.empty-state p{color:var(--color-faint);font-size:var(--text-sm);max-width:400px;margin:0;line-height:1.6}.code-block{margin:var(--space-8) 0;border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-paper-2);overflow:hidden}.code-toolbar{padding:var(--space-6) var(--space-12);border-bottom:1px solid var(--color-rule);background:var(--color-panel);font-size:var(--text-xs);color:var(--color-muted);justify-content:space-between;align-items:center;display:flex}.code-copy-button{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8);border:1px solid var(--color-rule);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-muted);transition:all var(--dur-fast) var(--ease-out);background:0 0;display:inline-flex}.code-copy-button:hover{color:var(--color-ink);border-color:var(--color-accent-rule)}.code-block pre{padding:var(--space-12);font-size:var(--text-xs);margin:0;line-height:1.6;overflow-x:auto}.composer-dock{z-index:6;width:min(100%,800px);padding:0 var(--space-16) var(--space-16);margin:0 auto;position:relative}.composer-footer{padding:var(--space-8) var(--space-12) 0;font-size:var(--text-xs);color:var(--color-faint);justify-content:space-between;align-items:center;display:flex}.composer-meta{color:var(--color-muted)}.ai-prompt-shell{width:100%}.ai-prompt-frame{border:1px solid var(--color-rule-strong);border-radius:var(--radius-xl);background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:box-shadow var(--dur-fast) var(--ease-out);box-shadow:0 8px 40px oklch(0% 0 0/.3),0 1px oklch(100% 0 0/.05)}.ai-prompt-frame:focus-within{box-shadow:0 8px 40px oklch(0% 0 0/.3), 0 0 0 1px var(--color-accent-rule)}.ai-prompt-toolbar{padding:var(--space-6) var(--space-10) var(--space-8);border-top:1px solid var(--color-rule);justify-content:space-between;align-items:center;display:flex}.status-pill{gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-md);background:var(--color-panel);align-items:flex-start;display:flex}.status-pill.compact{padding:var(--space-6);font-size:var(--text-xs)}.status-pill svg{flex:none;margin-top:2px}.status-pill.ok svg{color:var(--color-ok)}.status-pill.warning svg{color:var(--color-warning)}.status-pill.critical svg{color:var(--color-critical)}.status-pill strong{font-size:var(--text-xs);color:var(--color-ink);text-transform:capitalize;display:block}.status-pill span{color:var(--color-muted);font-size:var(--text-xs);display:block}.model-field{gap:var(--space-6);display:grid}.model-trigger{justify-content:space-between;align-items:center;gap:var(--space-8);width:100%;min-height:36px;color:var(--color-ink-2);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8);background:var(--color-panel);cursor:pointer;font-size:var(--text-xs);transition:all var(--dur-fast) var(--ease-out);display:flex}.model-trigger:hover,.model-trigger[data-state=open]{border-color:var(--color-accent-rule);background:var(--color-panel-2)}.model-trigger-main{align-items:center;gap:var(--space-6);min-width:0;display:inline-flex}.model-trigger-main span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink);font-weight:500;overflow:hidden}.model-menu{width:var(--radix-dropdown-menu-trigger-width);max-height:min(360px,100vh - 140px);padding:var(--space-6);border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-paper-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dropdownIn .18s var(--ease-out);overflow-y:auto;box-shadow:0 22px 60px oklch(0% 0 0/.4)}.model-group+.model-group{margin-top:var(--space-6)}.model-group-label{padding:var(--space-4) var(--space-8) var(--space-2);color:var(--color-faint);font:700 var(--text-xs) var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.model-option{align-items:center;gap:var(--space-6);width:100%;min-height:32px;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);color:var(--color-ink-2);cursor:pointer;font-size:var(--text-xs);text-align:left;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:0;display:flex}.model-option:hover,.model-option[data-highlighted]{background:var(--color-accent-soft);color:var(--color-ink)}.model-option.is-active{color:var(--color-accent)}.generated-image-result{margin:var(--space-8) 0}.generated-image-caption{margin:0 0 var(--space-8);color:var(--color-muted);font-size:var(--text-sm)}.generated-image{border-radius:var(--radius-lg);border:1px solid var(--color-rule);max-width:100%}.generated-image-placeholder{border-radius:var(--radius-lg);border:1px dashed var(--color-rule-strong);width:100%;min-height:160px;color:var(--color-faint);place-items:center;display:grid}.mcp-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .16s var(--ease-out);background:oklch(0% 0 0/.6);place-items:center;display:grid;position:fixed;inset:0}.mcp-panel{border:1px solid var(--color-rule-strong);border-radius:var(--radius-xl);background:var(--color-paper-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(540px,100vw - 32px);max-height:min(80vh,680px);animation:slideUp .2s var(--ease-out);flex-direction:column;display:flex;box-shadow:0 24px 80px oklch(0% 0 0/.5)}.mcp-header{padding:var(--space-16) var(--space-20);border-bottom:1px solid var(--color-rule);justify-content:space-between;align-items:center;display:flex}.mcp-title-row{align-items:center;gap:var(--space-10);color:var(--color-ink);font-weight:600;font-size:var(--text-md);display:flex}.mcp-title-row h3{font:inherit;margin:0}.mcp-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-faint);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:0;place-items:center;display:grid}.mcp-close:hover{background:var(--color-accent-soft)}.mcp-body{padding:var(--space-16) var(--space-20);gap:var(--space-8);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mcp-section-title{align-items:center;gap:var(--space-6);color:var(--color-faint);font:600 var(--text-xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;display:flex}.mcp-loading{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-32) 0;color:var(--color-muted);font-size:var(--text-sm);display:flex}.mcp-empty{text-align:center;color:var(--color-faint);font-size:var(--text-sm);padding:var(--space-24) 0}.mcp-empty-small{color:var(--color-faint);font-size:var(--text-xs);padding:var(--space-6) 0;margin:0}.mcp-discovered-list{gap:var(--space-4);flex-direction:column;display:flex}.mcp-discovered-item{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-10);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-accent-soft);display:flex}.mcp-discover-btn{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border:1px solid var(--color-rule);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-muted);background:var(--color-panel);transition:all var(--dur-fast) var(--ease-out);margin-left:auto;display:inline-flex}.mcp-discover-btn:hover{color:var(--color-ink);border-color:var(--color-accent-rule)}.mcp-discover-btn:disabled{opacity:.5}.mcp-connect-btn{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-10);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-on-accent);background:var(--color-accent);transition:all var(--dur-fast) var(--ease-out);border:0;font-weight:600;display:inline-flex}.mcp-connect-btn:hover{background:var(--color-accent-2)}.mcp-connect-btn:disabled{opacity:.5}.mcp-server-card{border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-12);background:var(--color-panel);transition:border-color var(--dur-fast) var(--ease-out)}.mcp-server-card:hover{border-color:var(--color-accent-rule)}.mcp-server-row{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.mcp-server-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mcp-server-name{font-weight:600;font-size:var(--text-sm);color:var(--color-ink)}.mcp-server-url{font-size:var(--text-xs);color:var(--color-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mcp-server-actions{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.mcp-action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:0;place-items:center;display:grid}.mcp-action-btn:hover{background:var(--color-accent-soft);color:var(--color-ink)}.mcp-action-danger:hover{color:var(--color-critical);background:oklch(65% .22 28/.12)}.mcp-test-ok{color:var(--color-ok)}.mcp-test-err{color:var(--color-critical)}.mcp-test-error{margin:var(--space-6) 0 0;font-size:var(--text-xs);color:var(--color-critical);word-break:break-all}.mcp-valid-ok{font-size:var(--text-xs);color:var(--color-ok);margin:0}.mcp-valid-err{font-size:var(--text-xs);color:var(--color-critical);margin:0}.mcp-tools-loading{align-items:center;gap:var(--space-6);margin-top:var(--space-8);font-size:var(--text-xs);color:var(--color-faint);display:flex}.mcp-tools-list{margin-top:var(--space-8);gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-md);background:var(--color-paper-3);flex-direction:column;display:flex}.mcp-tool-item{flex-direction:column;gap:2px;display:flex}.mcp-tool-item code{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-ink-2)}.mcp-tool-desc{font-size:var(--text-xs);color:var(--color-faint)}.mcp-form{gap:var(--space-8);padding:var(--space-12);border:1px dashed var(--color-rule-strong);border-radius:var(--radius-lg);flex-direction:column;display:flex}.mcp-input{width:100%;padding:var(--space-8) var(--space-10);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-out);outline:none}.mcp-input:focus{border-color:var(--color-accent-rule)}.mcp-input::placeholder{color:var(--color-faint)}.mcp-form-actions{align-items:center;gap:var(--space-8);display:flex}.mcp-btn{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-16);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;border:0;font-weight:500;display:inline-flex}.mcp-btn:disabled{opacity:.5;cursor:not-allowed}.mcp-btn-primary{color:var(--color-on-accent);background:var(--color-accent)}.mcp-btn-primary:hover:not(:disabled){background:var(--color-accent-2)}.mcp-btn-secondary{color:var(--color-ink);background:var(--color-panel-2);border:1px solid var(--color-rule-strong)}.mcp-btn-secondary:hover:not(:disabled){border-color:var(--color-accent-rule)}.mcp-btn-ghost{color:var(--color-muted);background:0 0}.mcp-btn-ghost:hover{color:var(--color-ink);background:var(--color-accent-soft)}.mcp-add-btn{width:100%}.setup-screen{width:100%;min-height:100dvh;padding:var(--space-16);background:var(--color-canvas);justify-content:center;align-items:center;display:flex}.setup-card{text-align:center;width:100%;max-width:440px;animation:slideUp .4s var(--ease-out)}.setup-brand{margin-bottom:var(--space-12)}.setup-brand h1{font-size:var(--text-2xl);color:var(--color-ink);margin:var(--space-4) 0 0;font-weight:700}.setup-brand .eyebrow{color:var(--color-muted);font-size:var(--text-xs)}.setup-card h2{font-size:var(--text-lg);margin:0 0 var(--space-4);color:var(--color-ink);font-weight:600}.setup-desc{color:var(--color-muted);font-size:var(--text-sm);margin:0 0 var(--space-10);line-height:1.5}.setup-input{width:100%;padding:var(--space-10) var(--space-12);background:var(--color-paper);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-sm);font-family:var(--font-mono);transition:border-color var(--dur-fast);box-sizing:border-box;outline:none}.setup-input:focus{border-color:var(--color-accent)}.setup-input::placeholder{color:var(--color-faint)}.setup-actions{gap:var(--space-4);margin-top:var(--space-6);display:flex}.setup-btn{padding:var(--space-8) var(--space-12);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:opacity var(--dur-fast);flex:1;font-weight:600}.setup-btn:hover{opacity:.85}.setup-btn.ghost{color:var(--color-muted);background:0 0;border-color:#0000}.setup-btn.ghost:hover{color:var(--color-ink)}.setup-hint{color:var(--color-faint);font-size:var(--text-xs);margin-top:var(--space-8);line-height:1.5}.setup-hint code{color:var(--color-muted);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:1px 6px}.ai-prompt-shell .min-h-\[72px\]{min-height:64px!important}.ai-prompt-shell textarea{font-size:var(--text-sm)!important}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.app-shell{--sidebar-width:0px}.side-panel{width:min(300px,100vw - 16px)}.is-sidebar-closed .side-panel{transform:translate(calc(-100% - 18px))}.workspace{margin-left:0}.dev-panel{display:none}}.admin-page-container{background:var(--color-canvas);min-height:100dvh;color:var(--color-ink);flex-direction:column;display:flex}.admin-header{background:var(--color-paper);border-bottom:1px solid var(--color-rule);padding:var(--space-12) var(--space-24);justify-content:space-between;align-items:center;display:flex}.logo-section{align-items:center;gap:var(--space-10);display:flex}.key-logo-icon{color:var(--color-accent)}.admin-header h1{font-family:var(--font-display);font-size:var(--text-md);margin:0;font-weight:700}.admin-content{padding:var(--space-24);flex:1;justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-paper);border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-24);text-align:center;box-shadow:0 4px 20px #00000026}.lock-icon-area{border-radius:var(--radius-pill);background:var(--color-accent-soft);width:60px;height:60px;color:var(--color-accent);margin:0 auto var(--space-16);justify-content:center;align-items:center;display:flex}.login-card h2{font-size:var(--text-lg);margin:0 0 var(--space-8);font-weight:600}.login-card p{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-20)}.login-input-group{gap:var(--space-8);display:flex}.login-input-group input{padding:var(--space-8) var(--space-12);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);outline:none;flex:1}.login-input-group input:focus{border-color:var(--color-accent)}.login-input-group button{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);padding:0 var(--space-16);border:0;font-weight:600}.error-text{color:var(--color-error);font-size:var(--text-xs);margin-top:var(--space-8)}.admin-dashboard-layout{gap:var(--space-24);grid-template-columns:1fr;align-self:flex-start;width:100%;max-width:900px;display:grid}@media (width>=768px){.admin-dashboard-layout{grid-template-columns:350px 1fr}}.dashboard-card{background:var(--color-paper);border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);padding:var(--space-20);box-shadow:0 2px 10px #0000000d}.dashboard-card h3{font-size:var(--text-md);margin:0 0 var(--space-4);font-weight:600}.card-desc{font-size:var(--text-xs);color:var(--color-muted);margin:0 0 var(--space-16)}.creation-row{gap:var(--space-12);flex-direction:column;display:flex}.select-container{gap:var(--space-4);flex-direction:column;display:flex}.select-container label{font-size:var(--text-xs);color:var(--color-muted);font-weight:500}.select-container select{padding:var(--space-8);border:1px solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);outline:none}.generate-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);padding:var(--space-10) var(--space-16);justify-content:center;align-items:center;gap:var(--space-6);border:0;font-weight:600;display:flex}.new-key-display{margin-top:var(--space-16);background:var(--color-accent-soft);border:1px solid var(--color-accent-rule);padding:var(--space-10);border-radius:var(--radius-md)}.new-key-display span{font-size:var(--text-xs);color:var(--color-accent);margin-bottom:var(--space-4);font-weight:600;display:block}.new-key-display code{font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all;color:var(--color-ink)}.card-header{justify-content:space-between;align-items:center;display:flex}.refresh-btn{color:var(--color-muted);cursor:pointer;background:0 0;border:0}.refresh-btn:hover{color:var(--color-ink)}.keys-table-container{overflow-x:auto}.keys-grid{border-collapse:collapse;width:100%}.keys-grid th{text-align:left;font-size:var(--text-xs);color:var(--color-muted);padding:var(--space-8);border-bottom:2px solid var(--color-rule);font-weight:600}.keys-grid td{padding:var(--space-10) var(--space-8);font-size:var(--text-xs);border-bottom:1px solid var(--color-rule)}.keys-grid code{font-family:var(--font-mono)}.plan-badge{border-radius:var(--radius-pill);text-transform:uppercase;padding:2px 6px;font-size:10px;font-weight:600}.plan-badge.pro{color:oklch(65% .22 290);background:#9333ea26}.plan-badge.enterprise{color:oklch(65% .22 140);background:#16a34a26}.revoke-btn{border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--radius-sm);align-items:center;gap:var(--space-4);cursor:pointer;background:0 0;padding:3px 8px;transition:all .2s;display:flex}.revoke-btn:hover{background:var(--color-error);color:#fff}.empty-state{text-align:center;padding:var(--space-24);color:var(--color-muted);font-size:var(--text-sm)}.plan-preview-box{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-12);margin-bottom:var(--space-12)}.plan-preview-box strong{font-size:var(--text-xs);margin-bottom:var(--space-6);display:block}.plan-preview-box ul{margin:0;padding:0;list-style:none}.plan-preview-box li{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-4)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted)}.hover\:bg-accent:hover{background-color:var(--color-accent-soft)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/85:hover{background-color:#ffffffd9}.hover\:text-accent-foreground:hover{color:var(--color-ink)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:bg-accent:focus{background-color:var(--color-accent-soft)}.focus\:text-accent-foreground:focus{color:var(--color-ink)}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-accent)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-white\/15:disabled{background-color:#ffffff26}.disabled\:text-white:disabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent-soft)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}:root{--color-paper:oklch(14% .02 250);--color-paper-2:oklch(11% .015 250);--color-paper-3:oklch(18% .02 250);--color-panel:oklch(17% .015 250);--color-panel-2:oklch(20% .02 250);--color-rule:oklch(70% .01 250/.08);--color-rule-strong:oklch(70% .01 250/.16);--color-ink:oklch(96% .005 250);--color-ink-2:oklch(82% .01 250);--color-muted:oklch(62% .02 250);--color-faint:oklch(46% .02 250);--color-accent:oklch(65% .2 270);--color-accent-2:oklch(72% .18 270);--color-accent-soft:oklch(65% .2 270/.1);--color-accent-rule:oklch(65% .2 270/.3);--color-on-accent:oklch(99% 0 0);--color-ok:oklch(72% .16 150);--color-warning:oklch(78% .14 78);--color-critical:oklch(65% .22 28);--color-surface:oklch(16% .015 250/.6);--font-display:"Inter", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs:.7rem;--text-sm:.82rem;--text-base:.94rem;--text-md:1.05rem;--text-lg:1.2rem;--text-xl:1.45rem;--text-display:clamp(2rem, 4vw, 4rem);--space-2:.125rem;--space-4:.25rem;--space-6:.375rem;--space-8:.5rem;--space-10:.625rem;--space-12:.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-40:2.5rem;--space-48:3rem;--space-64:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur-base:.22s}::selection{background:var(--color-accent-soft);color:var(--color-ink)}