@layer theme,base;@layer ds{.fluid-orb{border-radius:var(--radius-pill);background:var(--brand-accent);box-shadow:var(--glow-orb);will-change:transform;animation:fluid-orb-breathe var(--duration-orb-breathe) ease-in-out infinite;flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.fluid-orb--active{box-shadow:var(--glow-orb-peak)}.fluid-orb__swirl,.fluid-orb__depth,.fluid-orb__sheen{pointer-events:none;display:block;position:absolute}.fluid-orb__swirl{background:conic-gradient(from 0deg, var(--brand-accent), var(--brand-orb-bright), var(--brand-orb-pale), var(--brand-orb-deep), var(--brand-accent));width:200%;height:200%;animation:fluid-orb-swirl-a var(--duration-orb-swirl-a) linear infinite;top:-50%;left:-50%}.fluid-orb__depth{background:var(--brand-orb-depth);width:180%;height:180%;animation:fluid-orb-swirl-b var(--duration-orb-swirl-b) linear infinite;top:-40%;left:-40%}.fluid-orb__sheen{background:var(--brand-orb-sheen);mix-blend-mode:overlay;animation:fluid-orb-sheen var(--duration-orb-breathe) ease-in-out infinite;inset:0}@keyframes fluid-orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fluid-orb-swirl-a{to{transform:rotate(360deg)}}@keyframes fluid-orb-swirl-b{to{transform:rotate(-360deg)}}@keyframes fluid-orb-sheen{0%,to{opacity:.55}50%{opacity:.9}}.fluid-divider--horizontal{background:var(--border-default);border:0;width:100%;height:1px;display:block}.fluid-divider--vertical{background:var(--border-default);border:0;align-self:stretch;width:1px;min-height:1em;display:inline-block}.fluid-divider--labeled{align-items:center;gap:var(--space-3);width:100%;display:flex}.fluid-divider--labeled .fluid-divider__rule{height:1px;min-width:var(--space-4);background:var(--border-default);flex:1}.fluid-divider--labeled .fluid-divider__label{font-size:var(--font-size-2xs);color:var(--text-secondary);font-weight:var(--font-weight-regular);white-space:nowrap;line-height:var(--line-height-none)}.fluid-kv{gap:var(--space-3);flex-direction:column;margin:0;padding:0;display:flex}.fluid-kv__row{min-width:0;display:flex}.fluid-kv__label{color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;margin:0;padding:0}.fluid-kv__value{color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);text-wrap:pretty;overflow-wrap:anywhere;min-width:0;margin:0;padding:0}.fluid-kv--column .fluid-kv__row{gap:var(--space-1);flex-direction:column}.fluid-kv--row .fluid-kv__row{align-items:baseline;gap:var(--space-3);flex-direction:row}.fluid-kv--row .fluid-kv__label{flex:0 0 var(--fluid-kv-label-w,128px);width:var(--fluid-kv-label-w,128px)}.fluid-kv--row .fluid-kv__value{flex:auto}.fluid-kv--divided .fluid-kv__row{padding:var(--space-2-5) 0;border-top:1px solid var(--border-default)}.fluid-kv--divided .fluid-kv__row:first-child{border-top:0;padding-top:0}.fluid-kv--divided .fluid-kv__row:last-child{padding-bottom:0}.fluid-logo{border-radius:var(--radius-md);background:var(--brand-accent);color:var(--brand-dark);box-shadow:var(--glow-orb);flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.fluid-logo:not(.fluid-logo--glow){box-shadow:none}.fluid-logo--glow{animation:fluid-logo-breathe var(--duration-orb-breathe) ease-in-out infinite}.fluid-logo__glyph{width:42.2188%;height:56.25%;display:block;position:absolute;top:21.875%;left:28.8906%}@keyframes fluid-logo-breathe{0%,to{box-shadow:var(--glow-orb)}50%{box-shadow:var(--glow-orb-peak)}}.fluid-particle-field{z-index:var(--z-backdrop);pointer-events:none;position:absolute;inset:0;overflow:hidden}.fluid-particle-field>canvas{animation:fluid-particle-field-in var(--duration-panel) var(--easing-glide) both}@keyframes fluid-particle-field-in{0%{opacity:0}to{opacity:1}}.fluid-ai-panel{background:var(--bg-surface);border-radius:var(--radius-3xl);border:1px solid var(--border-default);width:100%;height:100%;min-height:0;box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.fluid-ai-panel--docked{border-top-left-radius:0;border-bottom-left-radius:0}.fluid-ai-panel__header{align-items:center;gap:var(--space-2);height:var(--header-page);padding:var(--pad-header);border-bottom:1px solid var(--border-default);flex-shrink:0;display:flex}.fluid-ai-panel__title{min-width:0;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;overflow:hidden}.fluid-ai-panel__actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:inline-flex}.fluid-ai-panel__close{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-colors);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.fluid-ai-panel__close:hover{background:var(--bg-hover);color:var(--text-primary)}.fluid-ai-panel__close:focus{outline:none}.fluid-ai-panel__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--space-0-5)}.fluid-ai-panel__body{flex:auto;min-height:0;overflow:hidden auto}.fluid-ai-panel__footer{padding:0 var(--space-6) var(--space-6);flex-shrink:0}.fluid-app-shell{grid-template-columns:var(--nav-rail) 1fr var(--pane-detail-width);gap:var(--pad-shell);padding:var(--pad-shell);background:var(--bg-page);box-sizing:border-box;width:100%;height:100%;min-height:0;color:var(--text-primary);transition:grid-template-columns var(--duration-slow) var(--easing-standard);display:grid}.fluid-app-shell--no-assistant{grid-template-columns:var(--nav-rail) 1fr}.fluid-app-shell--no-rail{grid-template-columns:1fr var(--pane-detail-width)}.fluid-app-shell--no-rail.fluid-app-shell--no-assistant{grid-template-columns:1fr}.fluid-app-shell--assistant-hidden{grid-template-columns:var(--nav-rail) 1fr 0}.fluid-app-shell--assistant-hidden.fluid-app-shell--no-rail{grid-template-columns:1fr 0}.fluid-app-shell__rail{align-self:stretch;min-height:0;display:flex}.fluid-app-shell__content{flex-direction:column;align-self:stretch;min-width:0;min-height:0;display:flex;overflow:hidden}.fluid-app-shell__content--card{background:var(--bg-surface);border-radius:var(--radius-3xl);border:1px solid var(--border-default);box-shadow:var(--shadow-raised);transition:border-radius var(--duration-slow) var(--easing-standard)}.fluid-app-shell:not(.fluid-app-shell--no-assistant):not(.fluid-app-shell--assistant-hidden) .fluid-app-shell__content--card{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.fluid-app-shell__assistant{min-width:0;min-height:0;margin-left:calc(-1 * var(--pad-shell));opacity:1;visibility:visible;transition:transform var(--duration-slow) var(--easing-standard), opacity var(--duration-slow) var(--easing-standard), visibility 0s;will-change:transform, opacity;align-self:stretch;transform:translate(0)}.fluid-app-shell__assistant>*{border-top-left-radius:0;border-bottom-left-radius:0}.fluid-app-shell--assistant-hidden .fluid-app-shell__assistant{transform:translateX(calc(var(--pane-detail-width) + var(--pad-shell)));opacity:0;pointer-events:none;visibility:hidden;transition:transform var(--duration-slow) var(--easing-standard), opacity var(--duration-slow) var(--easing-standard), visibility 0s linear var(--duration-slow)}.fluid-navrail{width:var(--nav-rail);min-height:0;padding:var(--space-4) 0;scrollbar-width:none;background:0 0;flex-direction:column;justify-content:space-between;align-self:stretch;display:flex;overflow:visible auto}.fluid-navrail::-webkit-scrollbar{display:none}.fluid-navrail[data-density=compact] .fluid-navrail__group--top{gap:var(--space-2)}.fluid-navrail[data-density=compact] .fluid-navrail__group--bottom{gap:var(--space-1)}@media (height<=700px){.fluid-navrail[data-density=auto] .fluid-navrail__group--top{gap:var(--space-2)}.fluid-navrail[data-density=auto] .fluid-navrail__group--bottom{gap:var(--space-1)}}.fluid-navrail__group{flex-direction:column;flex-shrink:0;align-items:flex-start;display:flex}.fluid-navrail__group--top{gap:var(--space-4)}.fluid-navrail__group--bottom{gap:var(--space-2-5)}.fluid-navrail-item{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-slow) var(--easing-standard), color var(--duration-slow) var(--easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.fluid-navrail-item:focus{outline:none}.fluid-navrail-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--space-0-5)}.fluid-navrail-item__icon{width:var(--icon-xl);height:var(--icon-xl);justify-content:center;align-items:center;display:inline-flex}.fluid-navrail-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.fluid-navrail-item[data-active]{background:var(--bg-selected);color:var(--text-primary)}.fluid-navrail-item:disabled{cursor:default;pointer-events:none;color:var(--text-disabled)}.fluid-rail-flyout{top:var(--fluid-rail-flyout-top,var(--pad-shell));left:calc(var(--nav-rail) + var(--pad-shell));width:var(--fluid-rail-flyout-width,360px);min-height:var(--fluid-rail-flyout-min-height,100px);max-height:calc(100% - 2 * var(--pad-shell));background:var(--bg-surface);border-radius:var(--radius-3xl);border:1px solid var(--border-default);box-shadow:var(--shadow-panel-lg);color:var(--text-primary);z-index:var(--z-popover-pinned);transform-origin:0 0;opacity:0;pointer-events:none;visibility:hidden;transition:transform var(--duration-base) var(--easing-standard), opacity var(--duration-base) var(--easing-standard), visibility 0s linear var(--duration-base);will-change:transform, opacity;flex-direction:column;display:flex;position:absolute;transform:scale(.96)}.fluid-rail-flyout--open{opacity:1;pointer-events:auto;visibility:visible;transition:transform var(--duration-enter) var(--easing-glide), opacity var(--duration-enter) var(--easing-glide), visibility 0s;transform:scale(1)}.fluid-rail-flyout__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border-default);min-height:var(--header-card);display:flex}.fluid-rail-flyout__title{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;overflow:hidden}.fluid-rail-flyout__title-trailing{align-items:center;gap:var(--space-1-5);flex:none;display:inline-flex}.fluid-rail-flyout__close{width:var(--icon-xl);height:var(--icon-xl);color:var(--text-secondary);border-radius:var(--radius-6);cursor:pointer;transition:background-color var(--duration-base) var(--easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.fluid-rail-flyout__close:hover{background:var(--bg-hover);color:var(--text-primary)}.fluid-rail-flyout__close:focus{outline:none}.fluid-rail-flyout__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.fluid-rail-flyout__body{min-height:0;padding:var(--space-4);flex:auto;overflow-y:auto}.fluid-rail-flyout__footer{border-top:1px solid var(--border-default);padding:var(--space-4);background:var(--bg-surface);flex:none}.fluid-tooltip{justify-content:center;align-items:center;display:inline-flex;position:relative}.fluid-tooltip:after{content:attr(data-tooltip);z-index:var(--z-tooltip);background:var(--brand-dark);color:var(--white);font-family:var(--font-family);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:.01em;white-space:nowrap;border-radius:var(--radius-md);box-shadow:var(--shadow-tooltip);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);padding:5px 9px;position:absolute}.fluid-tooltip[data-tooltip]:before{content:"";z-index:var(--z-tooltip);background:var(--brand-dark);opacity:0;pointer-events:none;width:6px;height:6px;transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);border-radius:1px;position:absolute}.fluid-tooltip[data-placement=top]:after{bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%)translateY(3px)}.fluid-tooltip[data-placement=top]:before{bottom:calc(100% + var(--space-2) - 3px);left:50%;transform:translate(-50%)translateY(3px)rotate(45deg)}.fluid-tooltip[data-placement=top]:hover:after{transform:translate(-50%)translateY(0)}.fluid-tooltip[data-placement=top]:hover:before{transform:translate(-50%)translateY(0)rotate(45deg)}.fluid-tooltip[data-placement=bottom]:after{top:calc(100% + var(--space-2));left:50%;transform:translate(-50%)translateY(-3px)}.fluid-tooltip[data-placement=bottom]:before{top:calc(100% + var(--space-2) - 3px);left:50%;transform:translate(-50%)translateY(-3px)rotate(45deg)}.fluid-tooltip[data-placement=bottom]:hover:after{transform:translate(-50%)translateY(0)}.fluid-tooltip[data-placement=bottom]:hover:before{transform:translate(-50%)translateY(0)rotate(45deg)}.fluid-tooltip[data-placement=right]:after{left:calc(100% + var(--space-2-5));top:50%;transform:translateY(-50%)translate(-3px)}.fluid-tooltip[data-placement=right]:before{left:calc(100% + var(--space-2-5) - 3px);top:50%;transform:translateY(-50%)translate(-3px)rotate(45deg)}.fluid-tooltip[data-placement=right]:hover:after{transform:translateY(-50%)translate(0)}.fluid-tooltip[data-placement=right]:hover:before{transform:translateY(-50%)translate(0)rotate(45deg)}.fluid-tooltip[data-placement=left]:after{right:calc(100% + var(--space-2-5));top:50%;transform:translateY(-50%)translate(3px)}.fluid-tooltip[data-placement=left]:before{right:calc(100% + var(--space-2-5) - 3px);top:50%;transform:translateY(-50%)translate(3px)rotate(45deg)}.fluid-tooltip[data-placement=left]:hover:after{transform:translateY(-50%)translate(0)}.fluid-tooltip[data-placement=left]:hover:before{transform:translateY(-50%)translate(0)rotate(45deg)}.fluid-tooltip:hover:after,.fluid-tooltip[data-tooltip]:hover:before{opacity:1}}@layer components,utilities;