claude-simple 0.2.5 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1504 +0,0 @@
1
- /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");scrollbar-color:currentColor #0000}@supports (color:color-mix(in lab, red, red)){:root{scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) #0000}}@property --radialprogress{syntax:"<percentage>";inherits:true;initial-value:0%}:root:not(span){overflow:var(--page-overflow)}:root{background:var(--page-scroll-bg,var(--root-bg));--page-scroll-bg-on:linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000)) var(--root-bg,#0000)}@supports (color:color-mix(in lab, red, red)){:root{--page-scroll-bg-on:linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000)) color-mix(in srgb, var(--root-bg,#0000), oklch(0% 0 0) calc(var(--page-has-backdrop,0) * 40%))}}:root{--page-scroll-transition-on:background-color .3s ease-out;transition:var(--page-scroll-transition);scrollbar-gutter:var(--page-scroll-gutter,unset);scrollbar-gutter:if(style(--page-has-scroll: 1): var(--page-scroll-gutter,unset) ; else: unset)}@keyframes set-page-has-scroll{0%,to{--page-has-scroll:1}}:root,[data-theme]{background:var(--page-scroll-bg,var(--root-bg));color:var(--color-base-content)}:where(:root,[data-theme]){--root-bg:var(--color-base-100)}}@layer components;@layer utilities{@layer daisyui.l1.l2.l3{.diff{webkit-user-select:none;-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.diff:focus-visible,.diff:has(.diff-item-1:focus-visible),.diff:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}.diff:focus-visible .diff-resizer{min-width:95cqi;max-width:95cqi}.diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px}.diff:has(.diff-item-1:focus-visible) .diff-resizer{min-width:5cqi;max-width:5cqi}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){.diff:focus .diff-resizer{min-width:5cqi;max-width:5cqi}.diff:has(.diff-item-1:focus) .diff-resizer{min-width:95cqi;max-width:95cqi}}.modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:visibility .3s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}.modal::backdrop{display:none}.tab{cursor:pointer;appearance:none;text-align:center;webkit-user-select:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (hover:hover){.tab:hover{color:var(--color-base-content)}}.tab{--tab-p:.75rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));--tab-radius-limit:min(var(--radius-field), var(--tab-radius-min));--tab-radius-grad:#0000 calc(69% - var(--border)), var(--tab-border-color) calc(69% - var(--border) + .25px), var(--tab-border-color) 69%, var(--tab-bg) calc(69% + .25px);order:var(--tab-order);height:var(--tab-height);padding-inline:var(--tab-p);border-color:#0000;font-size:.875rem}.tab:is(input[type=radio]){min-width:fit-content}.tab:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.tab:is(label){position:relative}.tab:is(label) input{cursor:pointer;appearance:none;opacity:0;position:absolute;inset:0}:is(.tab:checked,.tab:is(label:has(:checked)),.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]))+.tab-content{display:block}.tab:not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.tab:not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}}.tab:not(input):empty{cursor:default;flex-grow:1}.tab:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.tab:focus{outline-offset:2px;outline:2px solid #0000}}.tab:focus-visible,.tab:is(label:has(:checked:focus-visible)){outline-offset:-5px;outline:2px solid}.tab[disabled]{pointer-events:none;opacity:.4}.menu{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}.menu :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative}.menu :where(li ul):before{background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";inset-inline-start:0;position:absolute;top:.75rem;bottom:.75rem}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}.menu :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}.menu :where(li>details>summary){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.menu :where(li>details>summary){outline-offset:2px;outline:2px solid #0000}}.menu :where(li>details>summary)::-webkit-details-marker{display:none}:is(.menu :where(li>details>summary),.menu :where(li>.menu-dropdown-toggle)):after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}.menu details{interpolate-size:allow-keywords;overflow:hidden}.menu details::details-content{block-size:0}@media (prefers-reduced-motion:no-preference){.menu details::details-content{transition-behavior:allow-discrete;transition-property:block-size,content-visibility;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}.menu details[open]::details-content{block-size:auto}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{color:var(--color-base-content);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}.menu :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}.menu :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative}.menu :where(li) .badge{justify-self:flex-end}.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{outline-offset:2px;outline:2px solid #0000}}.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}:is(.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active):active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}.menu :where(li).menu-disabled{pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.menu :where(li).menu-disabled{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}.menu .dropdown:focus-within .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}.menu .dropdown-content{margin-top:.5rem;padding:.5rem}.menu .dropdown-content:before{display:none}.dropdown{position-area:var(--anchor-v,bottom) var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(:has(~[class*=dropdown-content])):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropdown>:not(:has(~[class*=dropdown-content])):focus{outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown.dropdown-close .dropdown-content,.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:.95}.dropdown[popover],.dropdown .dropdown-content{z-index:999}@media (prefers-reduced-motion:no-preference){.dropdown[popover],.dropdown .dropdown-content{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:.95}}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown:not(.dropdown-close).dropdown-open,.dropdown:not(.dropdown-close):not(.dropdown-hover):focus,.dropdown:not(.dropdown-close):focus-within) .dropdown-content,.dropdown:not(.dropdown-close).dropdown-hover:hover .dropdown-content{opacity:1;scale:1}.dropdown:is(details) summary::-webkit-details-marker{display:none}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed}@supports not (position-area:bottom){.dropdown[popover]{margin:auto}.dropdown[popover].dropdown-close{transform-origin:top;opacity:0;display:none;scale:.95}.dropdown[popover].dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:.95}.dropdown[popover]::backdrop{background-color:oklab(0% none none/.3)}}:is(.dropdown[popover].dropdown-close,.dropdown[popover]:not(.dropdown-open,:popover-open)){transform-origin:top;opacity:0;display:none;scale:.95}:where(.btn){width:unset}.btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:var(--btn-bg);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn{--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.btn{--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn{--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.btn{--btn-noise:var(--fx-noise)}@media (hover:hover){.btn:hover{--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}}.btn:focus-visible,.btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}.btn:active:not(.btn-active){--btn-bg:var(--btn-color,var(--color-base-200));translate:0 .5px}@supports (color:color-mix(in lab, red, red)){.btn:active:not(.btn-active){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%)}}.btn:active:not(.btn-active){--btn-border:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:active:not(.btn-active){--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.btn:active:not(.btn-active){--btn-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)}.btn:is(input[type=checkbox],input[type=radio]){appearance:none}.btn:is(input[type=checkbox],input[type=radio])[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}.btn:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}.loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem) * 6);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.collapse{border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.collapse{transition:grid-template-rows .2s}}.collapse>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out}.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),.collapse:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){content-visibility:visible;min-height:fit-content}@supports not (content-visibility:visible){.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible}}.collapse:focus-visible,.collapse:has(>input:is([type=checkbox],[type=radio]):focus-visible),.collapse:has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}.collapse:not(.collapse-close)>input[type=checkbox],.collapse:not(.collapse-close)>input[type=radio]:not(:checked),.collapse:not(.collapse-close)>.collapse-title{cursor:pointer}:is(.collapse[tabindex]:focus:not(.collapse-close,.collapse[open]),.collapse[tabindex]:focus-within:not(.collapse-close,.collapse[open]))>.collapse-title{cursor:unset}.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}.collapse:is(details){width:100%}@media (prefers-reduced-motion:no-preference){.collapse:is(details)::details-content{transition:content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;interpolate-size:allow-keywords;height:0}.collapse:is(details):where([open])::details-content{height:auto}}.collapse:is(details) summary{display:block;position:relative}.collapse:is(details) summary::-webkit-details-marker{display:none}.collapse:is(details)>.collapse-content{content-visibility:visible}.collapse:is(details) summary{outline:none}.list{flex-direction:column;font-size:.875rem;display:flex}.list .list-row{--list-grid-cols:minmax(0, auto) 1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}:is(.list>:not(:last-child).list-row,.list>:not(:last-child) .list-row):after{content:"";border-bottom:var(--border) solid;inset-inline:var(--radius-box);border-color:var(--color-base-content);position:absolute;bottom:0}@supports (color:color-mix(in lab, red, red)){:is(.list>:not(:last-child).list-row,.list>:not(:last-child) .list-row):after{border-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}}.input{cursor:text;border:var(--border) solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem), .875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.input{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}.input{--size:calc(var(--size-field,.25rem) * 10);--input-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.input{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.input:where(input){display:inline-flex}.input :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex}.input :where(input):focus,.input :where(input):focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.input :where(input):focus,.input :where(input):focus-within{outline-offset:2px;outline:2px solid #0000}}.input :where(input[type=url]),.input :where(input[type=email]){direction:ltr}.input :where(input[type=date]){display:inline-flex}.input:focus,.input:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.input:focus,.input:focus-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.input:focus,.input:focus-within{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.input:focus,.input:focus-within{--font-size:1rem}}}.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input{color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}:is(.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input)::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input)::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}.input:has(>input[disabled]),.input:is(:disabled,[disabled]),fieldset:disabled .input{box-shadow:none}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.input[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.input::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}.input:has(>input[type=date]) :where(input[type=date]){webkit-appearance:none;appearance:none;display:inline-flex}.input:has(>input[type=date]) input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}.indicator{width:max-content;display:inline-flex;position:relative}.indicator :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%) var(--indicator-y,-50%);position:absolute}.table{border-collapse:separate;--tw-border-spacing-x:calc(.25rem * 0);--tw-border-spacing-y:calc(.25rem * 0);width:100%;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-radius:var(--radius-box);text-align:left;font-size:.875rem;position:relative}.table:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}@media (hover:hover){:is(.table tr.row-hover,.table tr.row-hover:nth-child(2n)):hover{background-color:var(--color-base-200)}}.table :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}.table :where(thead,tfoot){white-space:nowrap;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.table :where(thead,tfoot){color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}}.table :where(thead,tfoot){font-size:.875rem;font-weight:600}.table :where(tfoot tr:first-child :is(td,th)){border-top:var(--border) solid var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.table :where(tfoot tr:first-child :is(td,th)){border-top:var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000)}}.table :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}.table :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}.table :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}.table :where(thead tr :is(td,th),tbody tr:not(:last-child) :is(td,th)){border-bottom:var(--border) solid var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.table :where(thead tr :is(td,th),tbody tr:not(:last-child) :is(td,th)){border-bottom:var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000)}}.range{appearance:none;webkit-appearance:none;--range-thumb:var(--color-base-100);--range-thumb-size:calc(var(--size-selector,.25rem) * 6);--range-progress:currentColor;--range-fill:1;--range-p:.25rem;--range-bg:currentColor}@supports (color:color-mix(in lab, red, red)){.range{--range-bg:color-mix(in oklab, currentColor 10%, #0000)}}.range{cursor:pointer;vertical-align:middle;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));width:clamp(3rem,20rem,100%);height:var(--range-thumb-size);background-color:#0000;border:none;overflow:hidden}[dir=rtl] .range{--range-dir:-1}.range:focus{outline:none}.range:focus-visible{outline-offset:2px;outline:2px solid}.range::-webkit-slider-runnable-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}@media (forced-colors:active){.range::-webkit-slider-runnable-track{border:1px solid}.range::-moz-range-track{border:1px solid}}.range::-webkit-slider-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;appearance:none;webkit-appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));position:relative;top:50%;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.range::-webkit-slider-thumb{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill))}}.range::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}.range::-moz-range-thumb{box-sizing:border-box;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));background-color:currentColor;position:relative;top:50%}@supports (color:color-mix(in lab, red, red)){.range::-moz-range-thumb{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill))}}.range:disabled{cursor:not-allowed;opacity:.3}.select{border:var(--border) solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.select{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}.select{border-color:var(--input-color);--input-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.select{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.select{--size:calc(var(--size-field,.25rem) * 10)}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}[dir=rtl] .select::picker(select){translate:.5rem}[dir=rtl] .select select::picker(select){translate:.5rem}.select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.select select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border) * 2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem}.select select:focus,.select select:focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.select select:focus,.select select:focus-within{outline-offset:2px;outline:2px solid #0000}}.select select:not(:last-child){background-image:none;margin-inline-end:-1.375rem}.select:focus,.select:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.select:focus,.select:focus-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.select:focus,.select:focus-within{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select{color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}:is(.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select)::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select)::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}.select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){.select,.select select{appearance:base-select}:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select select)::picker(select){color:inherit;border:var(--border) solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) optgroup{padding-top:.5em}:is(.select,.select select) optgroup option:first-child{margin-top:.5em}:is(.select,.select select) option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{outline-offset:2px;outline:2px solid #0000}}:is(.select,.select select) option:not(:disabled):active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}.timeline{display:flex;position:relative}.timeline>li{grid-template-rows:var(--timeline-row-start,minmax(0, 1fr)) auto var(--timeline-row-end,minmax(0, 1fr));grid-template-columns:var(--timeline-col-start,minmax(0, 1fr)) auto var(--timeline-col-end,minmax(0, 1fr));flex-shrink:0;align-items:center;display:grid;position:relative}.timeline>li>hr{border:none;width:100%}.timeline>li>hr:first-child{grid-row-start:2;grid-column-start:1}.timeline>li>hr:last-child{grid-area:2/3/auto/none}@media print{.timeline>li>hr{border:.1px solid var(--color-base-300)}}.timeline :where(hr){background-color:var(--color-base-300);height:.25rem}.timeline:has(.timeline-middle hr):first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}.timeline:has(.timeline-middle hr):last-child,.timeline:not(:has(.timeline-middle)) :first-child hr:last-child{border-start-start-radius:var(--radius-selector);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-selector)}.timeline:not(:has(.timeline-middle)) :last-child hr:first-child{border-start-start-radius:0;border-start-end-radius:var(--radius-selector);border-end-end-radius:var(--radius-selector);border-end-start-radius:0}.swap{cursor:pointer;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative}.swap input{appearance:none;border:none}.swap>*{grid-row-start:1;grid-column-start:1}@media (prefers-reduced-motion:no-preference){.swap>*{transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}.swap .swap-on,.swap .swap-indeterminate,.swap input:indeterminate~.swap-on,.swap input:is(:checked,:indeterminate)~.swap-off{opacity:0}.swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate{opacity:1;backface-visibility:visible}.checkbox{border:var(--border) solid var(--input-color,var(--color-base-content))}@supports (color:color-mix(in lab, red, red)){.checkbox{border:var(--border) solid var(--input-color,color-mix(in oklab, var(--color-base-content) 20%, #0000))}}.checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;display:inline-block;position:relative}.checkbox:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}.checkbox:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}.checkbox:checked,.checkbox[aria-checked=true]{background-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1))}:is(.checkbox:checked,.checkbox[aria-checked=true]):before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:0deg}}@media print{:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:0deg}}.checkbox:indeterminate{background-color:var(--input-color,var(--color-base-content))}@supports (color:color-mix(in lab, red, red)){.checkbox:indeterminate{background-color:var(--input-color,color-mix(in oklab, var(--color-base-content) 20%, #0000))}}.checkbox:indeterminate:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:0deg}.radio{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border) solid var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}@supports (color:color-mix(in lab, red, red)){.radio{border:var(--border) solid var(--input-color,color-mix(in srgb, currentColor 20%, #0000))}}.radio{box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color,currentColor)}.radio:before{--tw-content:"";content:var(--tw-content);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}.radio:focus-visible{outline:2px solid}.radio:checked,.radio[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor}@media (prefers-reduced-motion:no-preference){.radio:checked,.radio[aria-checked=true]{animation:.2s ease-out radio}}:is(.radio:checked,.radio[aria-checked=true]):before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));background-color:currentColor}@media (forced-colors:active){:is(.radio:checked,.radio[aria-checked=true]):before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{:is(.radio:checked,.radio[aria-checked=true]):before{outline-offset:-1rem;outline:.25rem solid}}.card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.card:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.card:focus{outline-offset:2px;outline:2px solid #0000}}.card:focus-visible{outline-color:currentColor}.card :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}.card :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}.card figure{justify-content:center;align-items:center;display:flex}.card:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.card:has(>:checked){outline:2px solid}.stats{border-radius:var(--radius-box);grid-auto-flow:column;display:inline-grid;position:relative;overflow-x:auto}.progress{appearance:none;border-radius:var(--radius-box);background-color:currentColor;width:100%;height:.5rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.progress{background-color:color-mix(in oklab, currentcolor 20%, transparent)}}.progress{color:var(--color-base-content)}.progress:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%}@media (prefers-reduced-motion:no-preference){.progress:indeterminate{animation:5s ease-in-out infinite progress}}@supports ((-moz-appearance:none)){.progress:indeterminate::-moz-progress-bar{background-color:#0000}@media (prefers-reduced-motion:no-preference){.progress:indeterminate::-moz-progress-bar{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}.progress::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){.progress::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}.progress::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}.textarea{border:var(--border) solid #0000;appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);min-height:5rem;font-size:max(var(--font-size,.875rem), .875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;flex-shrink:1;padding-block:.5rem;padding-inline:.75rem}@supports (color:color-mix(in lab, red, red)){.textarea{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}.textarea{--input-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.textarea{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.textarea textarea{appearance:none;background-color:#0000;border:none}.textarea textarea:focus,.textarea textarea:focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.textarea textarea:focus,.textarea textarea:focus-within{outline-offset:2px;outline:2px solid #0000}}.textarea:focus,.textarea:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.textarea:focus,.textarea:focus-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.textarea:focus,.textarea:focus-within{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.textarea:focus,.textarea:focus-within{--font-size:1rem}}}.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}:is(.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]))::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]))::placeholder{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){box-shadow:none}.textarea:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}.stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}.stack>*{width:100%;height:100%}.stack>:nth-child(n+2){opacity:.7;width:100%}.stack>:nth-child(2){z-index:2;opacity:.9}.stack>:first-child{z-index:3;width:100%}.modal-backdrop{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}.modal-backdrop button{cursor:pointer}.modal-box{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:.95;box-shadow:0 25px 50px -12px oklch(0% 0 0/.25)}.divider{white-space:nowrap;height:1rem;margin:var(--divider-m,1rem 0);--divider-color:var(--color-base-content);flex-direction:row;align-self:stretch;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.divider{--divider-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.divider:before,.divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.divider:before,.divider:after{border:.5px solid}}.divider:not(:empty){gap:1rem}.filter{flex-wrap:wrap;display:flex}.filter input[type=radio]{width:auto}.filter input{opacity:1;transition:margin .1s,opacity .3s,padding .3s,border-width .1s;overflow:hidden;scale:1}.filter input:not(:last-child){margin-inline-end:.25rem}.filter input.filter-reset{aspect-ratio:1}.filter input.filter-reset:after{--tw-content:"×";content:var(--tw-content)}.filter:not(:has(input:checked:not(.filter-reset))) .filter-reset,.filter:not(:has(input:checked:not(.filter-reset))) input[type=reset],.filter:has(input:checked:not(.filter-reset)) input:not(:checked,.filter-reset,input[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}.label{white-space:nowrap;color:currentColor;align-items:center;gap:.375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.label{color:color-mix(in oklab, currentcolor 60%, transparent)}}.label:has(input){cursor:pointer}.label:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex}.label:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid currentColor;margin-inline:-.75rem .75rem}@supports (color:color-mix(in lab, red, red)){.label:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}.label:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid currentColor;margin-inline:.75rem -.75rem}@supports (color:color-mix(in lab, red, red)){.label:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}.modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:var(--color-base-content);width:.5rem;height:.5rem;display:inline-block}@supports (color:color-mix(in lab, red, red)){.status{background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}.status{vertical-align:middle;color:#0000004d;background-position:50%;background-repeat:no-repeat}@supports (color:color-mix(in lab, red, red)){.status{color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.status{background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);box-shadow:0 2px 3px -1px}@supports (color:color-mix(in lab, red, red)){.status{box-shadow:0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000)}}.badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--badge-fg);border:var(--border) solid var(--badge-color,var(--color-base-200));background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);background-color:var(--badge-bg);--badge-bg:var(--badge-color,var(--color-base-100));--badge-fg:var(--color-base-content);--size:calc(var(--size-selector,.25rem) * 6);width:fit-content;height:var(--size);padding-inline:calc(var(--size) / 2 - var(--border));justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.tabs{--tabs-height:auto;--tabs-direction:row;--tab-height:calc(var(--size-field,.25rem) * 10);height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>*{place-items:start;gap:.5rem;display:grid}.footer.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer.footer-center>*{place-items:center}.stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid}.stat:not(:last-child){border-inline-end:var(--border) dashed currentColor}@supports (color:color-mix(in lab, red, red)){.stat:not(:last-child){border-inline-end:var(--border) dashed color-mix(in oklab, currentColor 10%, #0000)}}.stat:not(:last-child){border-block-end:none}.card-body{padding:var(--card-p,1.5rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex}.card-body :where(p){flex-grow:1}.alert{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.alert{box-shadow:0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color,var(--color-base-200))) calc(var(--depth) * 20%), #0000), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08))}}.alert:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");grid-auto-rows:min-content;column-gap:.75rem;padding-block:.25rem;display:grid}.card-title{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}.mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.link{cursor:pointer;text-decoration-line:underline}.link:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.link:focus{outline-offset:2px;outline:2px solid #0000}}.link:focus-visible{outline-offset:2px;outline:2px solid}.btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}@layer daisyui.l1.l2{.modal.modal-open,.modal[open],.modal:target,.modal-toggle:checked+.modal{pointer-events:auto;visibility:visible;opacity:1;transition:visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;background-color:oklch(0% 0 0/.4)}:is(.modal.modal-open,.modal[open],.modal:target,.modal-toggle:checked+.modal) .modal-box{opacity:1;translate:0;scale:1}:root:has(:is(.modal.modal-open,.modal[open],.modal:target,.modal-toggle:checked+.modal)){--page-has-backdrop:1;--page-overflow:hidden;--page-scroll-bg:var(--page-scroll-bg-on);--page-scroll-gutter:stable;--page-scroll-transition:var(--page-scroll-transition-on);animation:forwards set-page-has-scroll;animation-timeline:scroll()}@starting-style{.modal.modal-open,.modal[open],.modal:target,.modal-toggle:checked+.modal{opacity:0}}.btn:disabled:not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:disabled:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.btn:disabled:not(.btn-link,.btn-ghost){box-shadow:none}.btn:disabled{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:disabled{--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000)}}.btn[disabled]:not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn[disabled]:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.btn[disabled]:not(.btn-link,.btn-ghost){box-shadow:none}.btn[disabled]{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn[disabled]{--btn-fg:color-mix(in oklch, var(--color-base-content) 20%, #0000)}}@media (prefers-reduced-motion:no-preference){.collapse[open].collapse-arrow>.collapse-title:after,.collapse.collapse-open.collapse-arrow>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}.collapse.collapse-open.collapse-plus>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}:is(.collapse[tabindex].collapse-arrow:focus:not(.collapse-close),.collapse.collapse-arrow[tabindex]:focus-within:not(.collapse-close))>.collapse-title:after,.collapse.collapse-arrow:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}.collapse[open].collapse-plus>.collapse-title:after,.collapse[tabindex].collapse-plus:focus:not(.collapse-close)>.collapse-title:after,.collapse.collapse-plus:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}.list .list-row:has(.list-col-grow:first-child){--list-grid-cols:1fr}.list .list-row:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0, auto) 1fr}.list .list-row:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0, auto) minmax(0, auto) 1fr}.list .list-row:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.list .list-row:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.list .list-row:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.list .list-row>*{grid-row-start:1}.checkbox:disabled,.radio:disabled{cursor:not-allowed;opacity:.2}:is(.stack,.stack.stack-bottom)>*{grid-area:3/3/6/4}:is(.stack,.stack.stack-bottom)>:nth-child(2){grid-area:2/2/5/5}:is(.stack,.stack.stack-bottom)>:first-child{grid-area:1/1/4/6}.stack.stack-top>*{grid-area:1/3/4/4}.stack.stack-top>:nth-child(2){grid-area:2/2/5/5}.stack.stack-top>:first-child{grid-area:3/1/6/6}.stack.stack-start>*{grid-area:3/1/4/4}.stack.stack-start>:nth-child(2){grid-area:2/2/5/5}.stack.stack-start>:first-child{grid-area:1/3/6/6}.stack.stack-end>*{grid-area:3/3/4/6}.stack.stack-end>:nth-child(2){grid-area:2/2/5/5}.stack.stack-end>:first-child{grid-area:1/1/6/4}.input-sm{--size:calc(var(--size-field,.25rem) * 8);font-size:max(var(--font-size,.75rem), .75rem)}.input-sm[type=number]::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}.input-xs{--size:calc(var(--size-field,.25rem) * 6);font-size:max(var(--font-size,.6875rem), .6875rem)}.input-xs[type=number]::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}.checkbox-xs{--size:calc(var(--size-selector,.25rem) * 4);padding:.125rem}.select-sm{--size:calc(var(--size-field,.25rem) * 8);font-size:.75rem}.select-sm option{padding-block:.25rem;padding-inline:.625rem}.select-xs{--size:calc(var(--size-field,.25rem) * 6);font-size:.6875rem}.select-xs option{padding-block:.25rem;padding-inline:.5rem}.textarea-sm{font-size:max(var(--font-size,.75rem), .75rem)}.textarea-xs{font-size:max(var(--font-size,.6875rem), .6875rem)}.alert-error{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}.btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.textarea-warning,.textarea-warning:focus,.textarea-warning:focus-within{--input-color:var(--color-warning)}}.prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.collapse:not(td,tr,colgroup){visibility:revert-layer}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-full{top:100%}.right-3{right:calc(var(--spacing) * 3)}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.join{--join-ss:0;--join-se:0;--join-es:0;--join-ee:0;align-items:stretch;display:inline-flex}.join :where(.join-item){border-start-start-radius:var(--join-ss,0);border-start-end-radius:var(--join-se,0);border-end-end-radius:var(--join-ee,0);border-end-start-radius:var(--join-es,0)}.join :where(.join-item) *{--join-ss:var(--radius-field);--join-se:var(--radius-field);--join-es:var(--radius-field);--join-ee:var(--radius-field)}.join>.join-item:where(:first-child),.join :first-child:not(:last-child) :where(.join-item){--join-ss:var(--radius-field);--join-se:0;--join-es:var(--radius-field);--join-ee:0}.join>.join-item:where(:last-child),.join :last-child:not(:first-child) :where(.join-item){--join-ss:0;--join-se:var(--radius-field);--join-es:0;--join-ee:var(--radius-field)}.join>.join-item:where(:only-child),.join :only-child :where(.join-item){--join-ss:var(--radius-field);--join-se:var(--radius-field);--join-es:var(--radius-field);--join-ee:var(--radius-field)}.join>:where(:focus,:has(:focus)){z-index:1}@media (hover:hover){.join>:where(.btn:hover,:has(.btn:hover)){isolation:isolate}}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[9\]{z-index:9}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-auto{margin-block:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-0\.5{margin-left:calc(var(--spacing) * -.5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200))}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-24{max-height:calc(var(--spacing) * 24)}.max-h-28{max-height:calc(var(--spacing) * 28)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[30vh\]{max-height:30vh}.max-h-\[35vh\]{max-height:35vh}.max-h-\[250px\]{max-height:250px}.max-h-\[min\(24rem\,70vh\)\]{max-height:min(24rem,70vh)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-\[50px\]{min-height:50px}.min-h-\[80px\]{min-height:80px}.min-h-\[290px\]{min-height:290px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[4\.5rem\]{max-width:4.5rem}.max-w-\[11rem\]{max-width:11rem}.max-w-\[40\%\]{max-width:40%}.max-w-\[80\%\]{max-width:80%}.max-w-\[88\%\]{max-width:88%}.max-w-\[96\%\]{max-width:96%}.max-w-\[min\(92\%\,52rem\)\]{max-width:min(92%,52rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-tr-sm{border-top-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-accent{border-color:var(--color-accent)}.border-base-300,.border-base-300\/30{border-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.border-base-300\/30{border-color:color-mix(in oklab, var(--color-base-300) 30%, transparent)}}.border-base-300\/40{border-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.border-base-300\/40{border-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}}.border-base-300\/50{border-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.border-base-300\/50{border-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}}.border-base-300\/60{border-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.border-base-300\/60{border-color:color-mix(in oklab, var(--color-base-300) 60%, transparent)}}.border-base-300\/80{border-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.border-base-300\/80{border-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}}.border-error\/20{border-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.border-error\/20{border-color:color-mix(in oklab, var(--color-error) 20%, transparent)}}.border-primary,.border-primary\/20{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.border-primary\/30{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.border-primary\/40{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/40{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.border-primary\/50{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/50{border-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.border-primary\/80{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/80{border-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}}.border-transparent{border-color:#0000}.border-warning\/20{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/20{border-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}}.border-warning\/25{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/25{border-color:color-mix(in oklab, var(--color-warning) 25%, transparent)}}.border-warning\/30{border-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/30{border-color:color-mix(in oklab, var(--color-warning) 30%, transparent)}}.bg-\[\#0d1117\]{background-color:#0d1117}.bg-base-100{background-color:var(--color-base-100)}.bg-base-200,.bg-base-200\/50{background-color:var(--color-base-200)}@supports (color:color-mix(in lab, red, red)){.bg-base-200\/50{background-color:color-mix(in oklab, var(--color-base-200) 50%, transparent)}}.bg-base-200\/80{background-color:var(--color-base-200)}@supports (color:color-mix(in lab, red, red)){.bg-base-200\/80{background-color:color-mix(in oklab, var(--color-base-200) 80%, transparent)}}.bg-base-200\/95{background-color:var(--color-base-200)}@supports (color:color-mix(in lab, red, red)){.bg-base-200\/95{background-color:color-mix(in oklab, var(--color-base-200) 95%, transparent)}}.bg-base-300,.bg-base-300\/25{background-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.bg-base-300\/25{background-color:color-mix(in oklab, var(--color-base-300) 25%, transparent)}}.bg-base-300\/40{background-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.bg-base-300\/40{background-color:color-mix(in oklab, var(--color-base-300) 40%, transparent)}}.bg-base-300\/50{background-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.bg-base-300\/50{background-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}}.bg-base-content\/30{background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.bg-base-content\/30{background-color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-error,.bg-error\/10{background-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.bg-error\/10{background-color:color-mix(in oklab, var(--color-error) 10%, transparent)}}.bg-orange-500\/15{background-color:#fe6e0026}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/15{background-color:color-mix(in oklab, var(--color-orange-500) 15%, transparent)}}.bg-primary\/5{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-primary\/15{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/15{background-color:color-mix(in oklab, var(--color-primary) 15%, transparent)}}.bg-primary\/30{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/30{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.bg-primary\/60{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/60{background-color:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.bg-sky-500\/15{background-color:#00a5ef26}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/15{background-color:color-mix(in oklab, var(--color-sky-500) 15%, transparent)}}.bg-success{background-color:var(--color-success)}.bg-transparent{background-color:#0000}.bg-warning,.bg-warning\/8{background-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/8{background-color:color-mix(in oklab, var(--color-warning) 8%, transparent)}}.bg-warning\/15{background-color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/15{background-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-accent{--tw-gradient-to:var(--color-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent{color:var(--color-accent)}.text-base-300{color:var(--color-base-300)}.text-base-content,.text-base-content\/30{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/30{color:color-mix(in oklab, var(--color-base-content) 30%, transparent)}}.text-base-content\/35{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/35{color:color-mix(in oklab, var(--color-base-content) 35%, transparent)}}.text-base-content\/40{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/40{color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.text-base-content\/45{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/45{color:color-mix(in oklab, var(--color-base-content) 45%, transparent)}}.text-base-content\/50{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/50{color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}}.text-base-content\/55{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/55{color:color-mix(in oklab, var(--color-base-content) 55%, transparent)}}.text-base-content\/60{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/60{color:color-mix(in oklab, var(--color-base-content) 60%, transparent)}}.text-base-content\/65{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/65{color:color-mix(in oklab, var(--color-base-content) 65%, transparent)}}.text-base-content\/70{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/70{color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}}.text-base-content\/80{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/80{color:color-mix(in oklab, var(--color-base-content) 80%, transparent)}}.text-base-content\/85{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/85{color:color-mix(in oklab, var(--color-base-content) 85%, transparent)}}.text-base-content\/90{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/90{color:color-mix(in oklab, var(--color-base-content) 90%, transparent)}}.text-base-content\/95{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/95{color:color-mix(in oklab, var(--color-base-content) 95%, transparent)}}.text-emerald-400{color:var(--color-emerald-400)}.text-error,.text-error\/60{color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.text-error\/60{color:color-mix(in oklab, var(--color-error) 60%, transparent)}}.text-orange-400{color:var(--color-orange-400)}.text-primary{color:var(--color-primary)}.text-primary-content{color:var(--color-primary-content)}.text-primary\/70{color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/70{color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}.text-secondary{color:var(--color-secondary)}.text-sky-400{color:var(--color-sky-400)}.text-success{color:var(--color-success)}.text-transparent{color:#0000}.text-warning,.text-warning\/80{color:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.text-warning\/80{color:color-mix(in oklab, var(--color-warning) 80%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@layer daisyui.l1{.btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none}.btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)):not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}@media (hover:none){.btn-ghost:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}.btn-outline:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){.btn-outline:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}.blur{--tw-blur:blur(8px);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,)}.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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-base-200:hover{background-color:var(--color-base-200)}.hover\:bg-base-300:hover,.hover\:bg-base-300\/50:hover{background-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-base-300\/50:hover{background-color:color-mix(in oklab, var(--color-base-300) 50%, transparent)}}.hover\:bg-base-300\/80:hover{background-color:var(--color-base-300)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-base-300\/80:hover{background-color:color-mix(in oklab, var(--color-base-300) 80%, transparent)}}.hover\:bg-primary\/5:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.hover\:bg-primary\/30:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/30:hover{background-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.hover\:text-base-content:hover{color:var(--color-base-content)}.hover\:text-error:hover{color:var(--color-error)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:inline{display:inline}}@media (min-width:48rem){.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:mt-4{margin-top:calc(var(--spacing) * 4)}.md\:min-h-\[60px\]{min-height:60px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes dropdown{0%{opacity:0}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes rotator{89.9999%,to{--first-item-position:0 0%}90%,99.9999%{--first-item-position:0 calc(var(--items) * 100%)}to{translate:0 -100%}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes menu{0%{opacity:0}}@keyframes progress{50%{background-position-x:-115%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
3
- /* ── Sidebar responsive ──────────────────────────────────────────────────── */
4
- @media (min-width: 641px) { #hamburger { display: none !important; } }
5
- @media (max-width: 640px) {
6
- #sidebar {
7
- position: fixed;
8
- top: calc(44px + env(safe-area-inset-top, 0px));
9
- left: 0;
10
- bottom: 0;
11
- transform: translateX(-100%); z-index: 10;
12
- transition: transform .2s ease;
13
- padding-bottom: env(safe-area-inset-bottom, 0px);
14
- }
15
- #sidebar.open { transform: translateX(0); box-shadow: 4px 0 20px rgba(0,0,0,.4); }
16
-
17
- /* Compact chat composer on phones — less height, less dead space under bar */
18
- #composer-row { padding: 0 !important; }
19
- .composer-surface { min-height: 0; border-radius: 1.35rem; }
20
- #chat-input.chat-input,
21
- #chat-input {
22
- min-height: 32px !important;
23
- max-height: 72px !important;
24
- padding: 0 !important;
25
- border-radius: 1.15rem 1.15rem 0 0;
26
- /* 16px prevents iOS Safari auto-zoom on focus */
27
- font-size: 16px !important;
28
- line-height: 1.4 !important;
29
- }
30
- .composer-icon-btn { width: 40px; height: 40px; font-size: 19px; }
31
- .composer-send-btn, .composer-stop-btn { min-height: 40px; height: 40px; }
32
- .composer-hint { display: none; }
33
- #chat-opts {
34
- padding-top: 0.35rem !important;
35
- padding-left: 0.55rem !important;
36
- padding-right: 0.55rem !important;
37
- gap: 0.35rem !important;
38
- }
39
- #scroll-nav {
40
- bottom: 4.5rem !important;
41
- }
42
- /* File list actions always visible on touch (no hover) */
43
- .file-row-action {
44
- opacity: 1 !important;
45
- }
46
-
47
- /* Tighter chrome so the thread is the product */
48
- #topbar-project { display: none; }
49
- #project-view > .flex.bg-base-200 { /* tab strip */
50
- min-height: 40px;
51
- }
52
- #project-view [data-tab] {
53
- padding: 0.55rem 0.85rem !important;
54
- font-size: 13px !important;
55
- }
56
- #project-notes-bar,
57
- #session-notes-bar {
58
- font-size: 11px;
59
- padding: 0.35rem 0.7rem !important;
60
- }
61
- #messages {
62
- padding: 0.65rem 0.45rem !important;
63
- gap: 0.55rem !important;
64
- }
65
- .msg-row { gap: 3px; }
66
- .msg-row.assistant > div:not(.msg-ts),
67
- .msg-row.error > div:not(.msg-ts) {
68
- max-width: 100% !important;
69
- border-radius: 1rem !important;
70
- border-top-left-radius: 0.3rem !important;
71
- }
72
- .msg-row.user > div:not(.msg-ts) {
73
- max-width: 88% !important;
74
- border-radius: 1rem !important;
75
- border-top-right-radius: 0.3rem !important;
76
- }
77
- #sidebar-resize,
78
- #sidebar-toggle {
79
- display: none !important;
80
- }
81
- .md {
82
- font-size: 0.9375rem;
83
- line-height: 1.6;
84
- }
85
- .md h1, .md h2, .md h3 {
86
- font-size: 1.02em !important;
87
- padding: 0.05em 0 0.15em 0.45em !important;
88
- border-left-width: 3px !important;
89
- background: none !important;
90
- border-bottom: none !important;
91
- margin: 0.7em 0 0.35em !important;
92
- }
93
- .md :not(pre) > code {
94
- white-space: nowrap;
95
- display: inline;
96
- font-size: 0.82em;
97
- padding: 0.08em 0.32em;
98
- }
99
- .token-bar {
100
- font-size: 10px;
101
- line-height: 1.45;
102
- padding: 0.15rem 0.45rem;
103
- }
104
- }
105
-
106
- /* File row actions: hover-reveal on desktop only */
107
- @media (min-width: 641px) {
108
- .file-row-action {
109
- opacity: 0;
110
- }
111
- .group:hover .file-row-action,
112
- .group:focus-within .file-row-action {
113
- opacity: 1;
114
- }
115
- }
116
-
117
- /*
118
- * Safe areas (PWA + mobile Safari with viewport-fit=cover):
119
- * Do NOT pad the whole body (that leaves a dead empty strip under the chat bar).
120
- * Paint chrome into the insets; only inset interactive content.
121
- */
122
- html, body {
123
- height: 100%;
124
- height: 100dvh;
125
- max-height: 100dvh;
126
- overflow: hidden;
127
- }
128
- /* iOS keyboard: shrink the app to the visual viewport so the composer
129
- * sits above the keyboard instead of floating over Safari chrome. */
130
- html.vv-keyboard,
131
- html.vv-keyboard body {
132
- height: var(--vvh, 100dvh);
133
- max-height: var(--vvh, 100dvh);
134
- }
135
- html.vv-keyboard body {
136
- position: fixed;
137
- top: var(--vv-top, 0px);
138
- left: 0;
139
- right: 0;
140
- width: 100%;
141
- }
142
- html.pwa-standalone,
143
- html.pwa-standalone body {
144
- background: oklch(var(--b1));
145
- }
146
- /* Top bar: extend under status bar, push content below notch */
147
- html.pwa-standalone #topbar {
148
- padding-top: env(safe-area-inset-top, 0px);
149
- min-height: calc(44px + env(safe-area-inset-top, 0px));
150
- height: auto !important;
151
- padding-left: max(0.75rem, env(safe-area-inset-left, 0px));
152
- padding-right: max(0.75rem, env(safe-area-inset-right, 0px));
153
- }
154
- /*
155
- * Chat composer: background fills home-indicator inset.
156
- * Inner #composer-row already has small padding; only add safe-area beyond that
157
- * so we don't stack large empty strips under the input.
158
- */
159
- #chat-form {
160
- flex-shrink: 0;
161
- display: flex;
162
- flex-direction: column;
163
- }
164
- #chat-composer {
165
- padding-bottom: env(safe-area-inset-bottom, 0px);
166
- padding-left: env(safe-area-inset-left, 0px);
167
- padding-right: env(safe-area-inset-right, 0px);
168
- }
169
- html.vv-keyboard #chat-composer {
170
- padding-bottom: 0;
171
- }
172
- /* Welcome / machine picker full-screen panels */
173
- html.pwa-standalone #welcome,
174
- html.pwa-standalone #machine-picker {
175
- padding-top: max(1rem, env(safe-area-inset-top, 0px));
176
- padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
177
- padding-left: max(1rem, env(safe-area-inset-left, 0px));
178
- padding-right: max(1rem, env(safe-area-inset-right, 0px));
179
- }
180
- /* Meta agent drawer bottom */
181
- html.pwa-standalone #meta-agent-panel,
182
- html.pwa-standalone .ma-panel {
183
- padding-bottom: env(safe-area-inset-bottom, 0px);
184
- }
185
-
186
- #conn-dot {
187
- box-shadow: 0 0 0 2px color-mix(in oklch, var(--color-base-200) 80%, transparent);
188
- }
189
-
190
- /* ── Theme-aware code / tool surfaces ────────────────────────────────────── */
191
- /* Prefer DaisyUI tokens so light/dark both look intentional — no #0d1117 hardcode. */
192
- .code-surface {
193
- background: color-mix(in oklch, oklch(var(--bc)) 6%, oklch(var(--b1)));
194
- color: oklch(var(--bc) / 0.88);
195
- border: 1px solid oklch(var(--b3));
196
- }
197
- [data-theme="dark"] .code-surface,
198
- [data-theme="night"] .code-surface,
199
- [data-theme="black"] .code-surface {
200
- background: color-mix(in oklch, oklch(var(--b1)) 70%, black);
201
- color: oklch(var(--bc) / 0.9);
202
- }
203
-
204
- /* ── Markdown rendering (DaisyUI 5: use --color-* full oklch values) ──────── */
205
- /* NOTE: DaisyUI 5 does NOT use --p/--bc components. Colors are already oklch(...). */
206
- .md {
207
- line-height: 1.65;
208
- font-size: 0.9375rem;
209
- color: color-mix(in oklch, var(--color-base-content) 92%, transparent);
210
- word-wrap: break-word;
211
- overflow-wrap: anywhere;
212
- }
213
- .md > :first-child { margin-top: 0 !important; }
214
- .md > :last-child { margin-bottom: 0 !important; }
215
-
216
- /* Headings — force size/weight over DaisyUI base reset, colorful accents */
217
- .md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
218
- font-weight: 700 !important;
219
- line-height: 1.3;
220
- letter-spacing: -0.015em;
221
- margin: 1.15em 0 0.5em;
222
- scroll-margin-top: 0.5rem;
223
- }
224
- .md h1 {
225
- font-size: 1.38em !important;
226
- color: var(--color-primary) !important;
227
- padding: 0.15em 0 0.4em 0.7em;
228
- border-left: 4px solid var(--color-primary);
229
- border-bottom: 1px solid color-mix(in oklch, var(--color-primary) 30%, transparent);
230
- background: linear-gradient(
231
- 90deg,
232
- color-mix(in oklch, var(--color-primary) 14%, transparent),
233
- transparent 72%
234
- );
235
- border-radius: 0 6px 0 0;
236
- }
237
- .md h2 {
238
- font-size: 1.2em !important;
239
- color: var(--color-secondary) !important;
240
- padding: 0.1em 0 0.3em 0.65em;
241
- border-left: 3px solid var(--color-secondary);
242
- border-bottom: 1px dashed color-mix(in oklch, var(--color-secondary) 35%, transparent);
243
- background: linear-gradient(
244
- 90deg,
245
- color-mix(in oklch, var(--color-secondary) 12%, transparent),
246
- transparent 68%
247
- );
248
- }
249
- .md h3 {
250
- font-size: 1.08em !important;
251
- color: var(--color-accent) !important;
252
- padding-left: 0.55em;
253
- border-left: 3px solid var(--color-accent);
254
- }
255
- .md h4 {
256
- font-size: 1em !important;
257
- color: var(--color-info) !important;
258
- padding-left: 0.45em;
259
- border-left: 2px solid var(--color-info);
260
- }
261
- .md h5 {
262
- font-size: 0.88em !important;
263
- font-weight: 700 !important;
264
- text-transform: uppercase;
265
- letter-spacing: 0.06em;
266
- color: var(--color-success) !important;
267
- }
268
- .md h6 {
269
- font-size: 0.82em !important;
270
- font-weight: 650 !important;
271
- text-transform: uppercase;
272
- letter-spacing: 0.05em;
273
- color: var(--color-warning) !important;
274
- }
275
-
276
- .md p { margin: 0.55em 0; }
277
-
278
- /* Inline emphasis */
279
- .md strong {
280
- font-weight: 750 !important;
281
- color: color-mix(in oklch, var(--color-warning) 55%, var(--color-base-content)) !important;
282
- }
283
- .md em {
284
- font-style: italic;
285
- color: color-mix(in oklch, var(--color-secondary) 45%, var(--color-base-content)) !important;
286
- }
287
- .md strong em,
288
- .md em strong {
289
- color: color-mix(in oklch, var(--color-primary) 60%, var(--color-base-content)) !important;
290
- }
291
- .md s, .md del {
292
- color: var(--color-error) !important;
293
- text-decoration-color: color-mix(in oklch, var(--color-error) 60%, transparent);
294
- opacity: 0.85;
295
- }
296
- .md mark {
297
- background: color-mix(in oklch, var(--color-warning) 40%, transparent);
298
- color: var(--color-base-content);
299
- padding: 0.05em 0.25em;
300
- border-radius: 3px;
301
- }
302
-
303
- /* Lists — DaisyUI sets list-style:none globally */
304
- .md ul, .md ol {
305
- margin: 0.5em 0;
306
- padding-left: 1.5em !important;
307
- }
308
- .md ul { list-style-type: disc !important; }
309
- .md ol { list-style-type: decimal !important; }
310
- .md li { margin: 0.28em 0; padding-left: 0.15em; display: list-item; }
311
- .md li > ul, .md li > ol { margin: 0.2em 0; }
312
- .md ul > li::marker { color: var(--color-primary); }
313
- .md ol > li::marker {
314
- color: var(--color-secondary);
315
- font-weight: 700;
316
- }
317
- .md ul ul > li::marker { color: var(--color-accent); }
318
- .md ul ul ul > li::marker { color: var(--color-success); }
319
- .md ul.contains-task-list,
320
- .md ul.task-list {
321
- list-style: none !important;
322
- padding-left: 0.2em !important;
323
- }
324
- .md li.task-list-item,
325
- .md li:has(> input[type="checkbox"]) {
326
- list-style: none !important;
327
- display: flex;
328
- align-items: flex-start;
329
- gap: 0.45em;
330
- }
331
- .md input[type="checkbox"] {
332
- margin-top: 0.35em;
333
- accent-color: var(--color-success);
334
- flex-shrink: 0;
335
- }
336
-
337
- /* Inline code */
338
- .md :not(pre) > code {
339
- font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace;
340
- font-size: 0.86em;
341
- font-weight: 600;
342
- padding: 0.12em 0.4em;
343
- border-radius: 4px;
344
- background: color-mix(in oklch, var(--color-primary) 16%, var(--color-base-200));
345
- color: color-mix(in oklch, var(--color-primary) 75%, var(--color-base-content));
346
- border: 1px solid color-mix(in oklch, var(--color-primary) 28%, transparent);
347
- white-space: break-spaces;
348
- }
349
-
350
- /* Fenced code block */
351
- .md .code-block {
352
- margin: 0.75em 0;
353
- border-radius: 8px;
354
- border: 1px solid color-mix(in oklch, var(--color-primary) 18%, var(--color-base-300));
355
- background: color-mix(in oklch, var(--color-base-content) 4%, var(--color-base-100));
356
- overflow: hidden;
357
- }
358
- [data-theme="dark"] .md .code-block,
359
- [data-theme="night"] .md .code-block,
360
- [data-theme="black"] .md .code-block {
361
- background: color-mix(in oklch, var(--color-base-100) 70%, black);
362
- border-color: color-mix(in oklch, var(--color-primary) 22%, transparent);
363
- }
364
- .md .code-block-header {
365
- display: flex;
366
- align-items: center;
367
- justify-content: space-between;
368
- gap: 0.5rem;
369
- padding: 0.3rem 0.65rem;
370
- font-size: 11px;
371
- font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
372
- color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
373
- background: linear-gradient(
374
- 90deg,
375
- color-mix(in oklch, var(--color-primary) 14%, transparent),
376
- color-mix(in oklch, var(--color-accent) 8%, transparent) 55%,
377
- transparent
378
- );
379
- border-bottom: 1px solid color-mix(in oklch, var(--color-primary) 20%, transparent);
380
- user-select: none;
381
- }
382
- .md .code-block-lang {
383
- text-transform: lowercase;
384
- font-weight: 700;
385
- letter-spacing: 0.03em;
386
- color: var(--color-primary);
387
- }
388
- .md .code-copy {
389
- appearance: none;
390
- border: 1px solid color-mix(in oklch, var(--color-primary) 30%, transparent);
391
- background: color-mix(in oklch, var(--color-primary) 10%, var(--color-base-200));
392
- color: var(--color-primary);
393
- border-radius: 4px;
394
- padding: 0.1rem 0.45rem;
395
- font-size: 10px;
396
- line-height: 1.4;
397
- cursor: pointer;
398
- transition: background .12s, color .12s, border-color .12s;
399
- }
400
- .md .code-copy:hover {
401
- color: var(--color-primary-content);
402
- border-color: var(--color-primary);
403
- background: var(--color-primary);
404
- }
405
- .md .code-copy.copied {
406
- color: var(--color-success);
407
- border-color: color-mix(in oklch, var(--color-success) 50%, transparent);
408
- background: color-mix(in oklch, var(--color-success) 14%, transparent);
409
- }
410
- .md .code-block pre {
411
- margin: 0 !important;
412
- padding: 0.75rem 0.85rem !important;
413
- border: none !important;
414
- border-radius: 0 !important;
415
- background: transparent !important;
416
- overflow-x: auto;
417
- line-height: 1.55;
418
- }
419
- .md pre {
420
- margin: 0.75em 0;
421
- padding: 0.75rem 0.85rem;
422
- border-radius: 8px;
423
- border: 1px solid color-mix(in oklch, var(--color-base-content) 12%, transparent);
424
- background: color-mix(in oklch, var(--color-base-content) 5%, var(--color-base-100));
425
- color: color-mix(in oklch, var(--color-base-content) 92%, transparent);
426
- overflow-x: auto;
427
- line-height: 1.55;
428
- }
429
- [data-theme="dark"] .md pre,
430
- [data-theme="night"] .md pre,
431
- [data-theme="black"] .md pre {
432
- background: color-mix(in oklch, var(--color-base-100) 65%, black);
433
- }
434
- .md pre code {
435
- background: none !important;
436
- border: none !important;
437
- padding: 0 !important;
438
- font-size: 0.84em;
439
- font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace;
440
- color: inherit;
441
- white-space: pre;
442
- }
443
- .md pre code.hljs { background: transparent !important; }
444
-
445
- /* Syntax highlight tokens */
446
- .md pre .hljs-comment,
447
- .md pre .hljs-quote {
448
- color: color-mix(in oklch, var(--color-base-content) 42%, transparent);
449
- font-style: italic;
450
- }
451
- .md pre .hljs-keyword,
452
- .md pre .hljs-selector-tag,
453
- .md pre .hljs-meta .hljs-keyword {
454
- color: #7c3aed;
455
- font-weight: 600;
456
- }
457
- [data-theme="dark"] .md pre .hljs-keyword,
458
- [data-theme="night"] .md pre .hljs-keyword,
459
- [data-theme="black"] .md pre .hljs-keyword { color: #c792ea; }
460
- .md pre .hljs-string,
461
- .md pre .hljs-attr,
462
- .md pre .hljs-template-tag { color: #15803d; }
463
- [data-theme="dark"] .md pre .hljs-string,
464
- [data-theme="night"] .md pre .hljs-string { color: #c3e88d; }
465
- .md pre .hljs-number,
466
- .md pre .hljs-built_in,
467
- .md pre .hljs-literal { color: #c2410c; }
468
- [data-theme="dark"] .md pre .hljs-number,
469
- [data-theme="night"] .md pre .hljs-number { color: #f78c6c; }
470
- .md pre .hljs-title,
471
- .md pre .hljs-section,
472
- .md pre .hljs-function .hljs-title { color: #1d4ed8; }
473
- [data-theme="dark"] .md pre .hljs-title,
474
- [data-theme="night"] .md pre .hljs-title { color: #82aaff; }
475
- .md pre .hljs-type,
476
- .md pre .hljs-class .hljs-title { color: #0e7490; }
477
- [data-theme="dark"] .md pre .hljs-type { color: #ffcb6b; }
478
- .md pre .hljs-variable,
479
- .md pre .hljs-template-variable,
480
- .md pre .hljs-params {
481
- color: color-mix(in oklch, var(--color-base-content) 88%, transparent);
482
- }
483
- .md pre .hljs-addition {
484
- color: var(--color-success);
485
- background: color-mix(in oklch, var(--color-success) 14%, transparent);
486
- }
487
- .md pre .hljs-deletion {
488
- color: var(--color-error);
489
- background: color-mix(in oklch, var(--color-error) 14%, transparent);
490
- }
491
-
492
- /* Files tab: full-file preview with highlight.js */
493
- .file-preview {
494
- background: color-mix(in oklch, var(--color-base-content) 4%, var(--color-base-100));
495
- color: color-mix(in oklch, var(--color-base-content) 92%, transparent);
496
- }
497
- [data-theme="dark"] .file-preview,
498
- [data-theme="night"] .file-preview,
499
- [data-theme="black"] .file-preview {
500
- background: color-mix(in oklch, var(--color-base-100) 65%, black);
501
- }
502
- .file-preview code.hljs,
503
- .file-preview code.file-preview-code {
504
- display: block;
505
- padding: 0 !important;
506
- background: transparent !important;
507
- font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace;
508
- font-size: inherit;
509
- color: inherit;
510
- white-space: pre;
511
- overflow-x: auto;
512
- }
513
- /* Reuse chat token palette outside .md so file preview is colored even if CDN theme lags */
514
- .file-preview .hljs-comment,
515
- .file-preview .hljs-quote {
516
- color: color-mix(in oklch, var(--color-base-content) 42%, transparent);
517
- font-style: italic;
518
- }
519
- .file-preview .hljs-keyword,
520
- .file-preview .hljs-selector-tag,
521
- .file-preview .hljs-meta .hljs-keyword {
522
- color: #7c3aed;
523
- font-weight: 600;
524
- }
525
- [data-theme="dark"] .file-preview .hljs-keyword,
526
- [data-theme="night"] .file-preview .hljs-keyword,
527
- [data-theme="black"] .file-preview .hljs-keyword { color: #c792ea; }
528
- .file-preview .hljs-string,
529
- .file-preview .hljs-attr,
530
- .file-preview .hljs-template-tag { color: #15803d; }
531
- [data-theme="dark"] .file-preview .hljs-string,
532
- [data-theme="night"] .file-preview .hljs-string { color: #c3e88d; }
533
- .file-preview .hljs-number,
534
- .file-preview .hljs-built_in,
535
- .file-preview .hljs-literal { color: #c2410c; }
536
- [data-theme="dark"] .file-preview .hljs-number,
537
- [data-theme="night"] .file-preview .hljs-number { color: #f78c6c; }
538
- .file-preview .hljs-title,
539
- .file-preview .hljs-section,
540
- .file-preview .hljs-function .hljs-title { color: #1d4ed8; }
541
- [data-theme="dark"] .file-preview .hljs-title,
542
- [data-theme="night"] .file-preview .hljs-title { color: #82aaff; }
543
- .file-preview .hljs-type,
544
- .file-preview .hljs-class .hljs-title { color: #0e7490; }
545
- [data-theme="dark"] .file-preview .hljs-type { color: #ffcb6b; }
546
- .file-preview .hljs-variable,
547
- .file-preview .hljs-template-variable,
548
- .file-preview .hljs-params {
549
- color: color-mix(in oklch, var(--color-base-content) 88%, transparent);
550
- }
551
- .file-preview .hljs-addition {
552
- color: var(--color-success);
553
- background: color-mix(in oklch, var(--color-success) 14%, transparent);
554
- }
555
- .file-preview .hljs-deletion {
556
- color: var(--color-error);
557
- background: color-mix(in oklch, var(--color-error) 14%, transparent);
558
- }
559
-
560
- /* ── Office file previews (docx / xlsx / pptx) ─────────────────────────────── */
561
- .office-preview {
562
- min-height: 0;
563
- }
564
- .office-docx-body {
565
- max-width: 52rem;
566
- margin: 0 auto;
567
- line-height: 1.65;
568
- font-size: 0.9375rem;
569
- }
570
- .office-docx-body p { margin: 0.55em 0; }
571
- .office-docx-body h1, .office-docx-body h2, .office-docx-body h3 {
572
- font-weight: 700;
573
- margin: 1em 0 0.4em;
574
- line-height: 1.3;
575
- }
576
- .office-docx-body h1 { font-size: 1.4em; }
577
- .office-docx-body h2 { font-size: 1.2em; }
578
- .office-docx-body h3 { font-size: 1.05em; }
579
- .office-docx-body ul, .office-docx-body ol {
580
- margin: 0.5em 0;
581
- padding-left: 1.4em;
582
- }
583
- .office-docx-body table {
584
- border-collapse: collapse;
585
- width: 100%;
586
- margin: 0.75em 0;
587
- font-size: 0.88em;
588
- }
589
- .office-docx-body td, .office-docx-body th {
590
- border: 1px solid color-mix(in oklch, var(--color-base-content) 18%, transparent);
591
- padding: 0.35em 0.55em;
592
- }
593
- .office-docx-body img {
594
- max-width: 100%;
595
- height: auto;
596
- }
597
- .office-warn {
598
- border-bottom: 1px solid color-mix(in oklch, var(--color-warning) 30%, transparent);
599
- margin: -1rem -1rem 0.75rem;
600
- padding: 0.4rem 1rem;
601
- background: color-mix(in oklch, var(--color-warning) 10%, transparent);
602
- }
603
-
604
- .office-sheet-tab {
605
- appearance: none;
606
- border: 1px solid color-mix(in oklch, var(--color-base-content) 14%, transparent);
607
- background: color-mix(in oklch, var(--color-base-content) 4%, var(--color-base-100));
608
- color: color-mix(in oklch, var(--color-base-content) 70%, transparent);
609
- border-radius: 6px;
610
- padding: 0.2rem 0.65rem;
611
- font-size: 11px;
612
- cursor: pointer;
613
- white-space: nowrap;
614
- }
615
- .office-sheet-tab:hover { border-color: var(--color-primary); color: var(--color-primary); }
616
- .office-sheet-tab.active {
617
- background: color-mix(in oklch, var(--color-primary) 16%, transparent);
618
- border-color: color-mix(in oklch, var(--color-primary) 45%, transparent);
619
- color: var(--color-primary);
620
- font-weight: 600;
621
- }
622
- .office-sheet-body table {
623
- border-collapse: collapse;
624
- font-size: 12px;
625
- font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
626
- width: max-content;
627
- min-width: 100%;
628
- }
629
- .office-sheet-body td, .office-sheet-body th {
630
- border: 1px solid color-mix(in oklch, var(--color-base-content) 14%, transparent);
631
- padding: 0.2rem 0.45rem;
632
- white-space: pre;
633
- max-width: 20rem;
634
- overflow: hidden;
635
- text-overflow: ellipsis;
636
- }
637
- .office-sheet-body th,
638
- .office-sheet-body tr:first-child td {
639
- background: color-mix(in oklch, var(--color-primary) 8%, var(--color-base-200));
640
- font-weight: 600;
641
- }
642
-
643
- .office-slide-card {
644
- border: 1px solid color-mix(in oklch, var(--color-base-content) 12%, transparent);
645
- border-radius: 10px;
646
- background: color-mix(in oklch, var(--color-base-content) 3%, var(--color-base-100));
647
- overflow: hidden;
648
- }
649
- .office-slide-num {
650
- font-size: 11px;
651
- font-weight: 700;
652
- letter-spacing: 0.04em;
653
- text-transform: uppercase;
654
- color: var(--color-primary);
655
- padding: 0.35rem 0.75rem;
656
- border-bottom: 1px solid color-mix(in oklch, var(--color-primary) 18%, transparent);
657
- background: color-mix(in oklch, var(--color-primary) 8%, transparent);
658
- }
659
- .office-slide-body {
660
- padding: 0.75rem 0.9rem;
661
- font-size: 0.9rem;
662
- line-height: 1.55;
663
- }
664
- .office-slide-body p { margin: 0.35em 0; }
665
-
666
- .office-pdf-figure {
667
- margin: 0 auto;
668
- max-width: 100%;
669
- text-align: center;
670
- }
671
- .office-pdf-cap {
672
- font-size: 10px;
673
- color: color-mix(in oklch, var(--color-base-content) 45%, transparent);
674
- margin-bottom: 0.35rem;
675
- font-family: ui-monospace, Menlo, monospace;
676
- }
677
- .office-pdf-page {
678
- display: block;
679
- margin: 0 auto;
680
- max-width: 100%;
681
- height: auto;
682
- border-radius: 6px;
683
- border: 1px solid color-mix(in oklch, var(--color-base-content) 12%, transparent);
684
- box-shadow: 0 4px 18px color-mix(in oklch, black 18%, transparent);
685
- background: white;
686
- }
687
-
688
- /* Session list: favorites + thin (low-turn) markers */
689
- .session-fav-btn {
690
- appearance: none;
691
- border: none;
692
- background: transparent;
693
- color: color-mix(in oklch, var(--color-base-content) 35%, transparent);
694
- font-size: 12px;
695
- line-height: 1;
696
- cursor: pointer;
697
- padding: 0 1px;
698
- }
699
- .session-fav-btn:hover { color: #eab308; }
700
- .session-fav-btn.is-fav { color: #eab308; }
701
- .session-row.session-fav { background: color-mix(in oklch, #eab308 6%, transparent); }
702
- .session-row.session-thin {
703
- opacity: 0.88;
704
- }
705
- .session-thin-badge {
706
- font-size: 9px;
707
- font-family: ui-monospace, Menlo, monospace;
708
- font-weight: 700;
709
- letter-spacing: 0.02em;
710
- padding: 0 4px;
711
- border-radius: 3px;
712
- color: color-mix(in oklch, var(--color-warning) 90%, var(--color-base-content));
713
- background: color-mix(in oklch, var(--color-warning) 18%, transparent);
714
- border: 1px solid color-mix(in oklch, var(--color-warning) 35%, transparent);
715
- }
716
- .session-note-dot { font-size: 10px; opacity: 0.85; }
717
- .session-renamed-badge {
718
- font-size: 9px;
719
- color: color-mix(in oklch, var(--color-primary) 80%, var(--color-base-content));
720
- opacity: 0.9;
721
- }
722
- .session-title-renamed { font-style: normal; }
723
- .session-rename-btn,
724
- .session-hide-btn {
725
- appearance: none;
726
- border: none;
727
- background: transparent;
728
- font-size: 10px;
729
- line-height: 1;
730
- padding: 1px 3px;
731
- border-radius: 4px;
732
- color: color-mix(in oklch, var(--color-base-content) 35%, transparent);
733
- opacity: 0;
734
- cursor: pointer;
735
- transition: opacity .12s, color .12s, background .12s;
736
- }
737
- .session-row:hover .session-rename-btn,
738
- .session-row:focus-within .session-rename-btn,
739
- .session-row:hover .session-hide-btn,
740
- .session-row:focus-within .session-hide-btn,
741
- #session-notes-bar .session-rename-btn,
742
- #session-notes-bar .session-hide-btn {
743
- opacity: 1;
744
- }
745
- .session-rename-btn:hover {
746
- color: var(--color-primary);
747
- background: color-mix(in oklch, var(--color-primary) 12%, transparent);
748
- }
749
- .session-hide-btn:hover {
750
- color: var(--color-warning);
751
- background: color-mix(in oklch, var(--color-warning) 12%, transparent);
752
- }
753
- .session-hide-btn.is-hidden {
754
- opacity: 1;
755
- color: var(--color-warning);
756
- }
757
- .session-row.session-hidden-row {
758
- opacity: 0.78;
759
- }
760
- .session-hidden-badge {
761
- font-size: 9px;
762
- font-family: ui-monospace, Menlo, monospace;
763
- font-weight: 700;
764
- letter-spacing: 0.02em;
765
- padding: 0 4px;
766
- border-radius: 3px;
767
- color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
768
- background: color-mix(in oklch, var(--color-base-content) 8%, transparent);
769
- border: 1px solid color-mix(in oklch, var(--color-base-content) 14%, transparent);
770
- }
771
- .session-title-wrap {
772
- width: 100%;
773
- }
774
- .session-title-wrap.session-rename-active {
775
- flex: 1;
776
- min-width: 0;
777
- }
778
- .session-title-text {
779
- cursor: text;
780
- }
781
- .session-title-text:hover {
782
- color: var(--color-primary);
783
- }
784
- .session-rename-input {
785
- height: 1.5rem !important;
786
- min-height: 1.5rem !important;
787
- padding-left: 0.4rem !important;
788
- padding-right: 0.4rem !important;
789
- font-size: 11px !important;
790
- line-height: 1.25 !important;
791
- width: 100%;
792
- }
793
- .session-title-inline {
794
- padding: 1px 4px;
795
- border-radius: 4px;
796
- border: 1px solid transparent;
797
- }
798
- .session-title-inline:hover {
799
- border-color: color-mix(in oklch, var(--color-base-content) 12%, transparent);
800
- background: color-mix(in oklch, var(--color-base-content) 4%, transparent);
801
- }
802
-
803
- /* Hub machine picker + topbar menu */
804
- #machine-picker {
805
- background: color-mix(in oklch, var(--color-base-100) 92%, black);
806
- }
807
- .machine-pick-card {
808
- background: color-mix(in oklch, var(--color-base-content) 3%, var(--color-base-100));
809
- cursor: pointer;
810
- }
811
- .machine-pick-card:disabled {
812
- cursor: not-allowed;
813
- }
814
- #machine-menu {
815
- scrollbar-width: thin;
816
- }
817
- .machine-menu-item:disabled {
818
- cursor: not-allowed;
819
- }
820
-
821
- .line-clamp-2 {
822
- display: -webkit-box;
823
- -webkit-line-clamp: 2;
824
- -webkit-box-orient: vertical;
825
- overflow: hidden;
826
- }
827
-
828
- /* Blockquote */
829
- .md blockquote {
830
- margin: 0.75em 0;
831
- padding: 0.55em 0.9em;
832
- border-left: 3px solid var(--color-info);
833
- background: linear-gradient(
834
- 90deg,
835
- color-mix(in oklch, var(--color-info) 14%, var(--color-base-200)),
836
- color-mix(in oklch, var(--color-info) 5%, var(--color-base-200))
837
- );
838
- border-radius: 0 8px 8px 0;
839
- color: color-mix(in oklch, var(--color-info) 28%, var(--color-base-content));
840
- }
841
- .md blockquote p { margin: 0.35em 0; }
842
- .md blockquote > :first-child { margin-top: 0; }
843
- .md blockquote > :last-child { margin-bottom: 0; }
844
- .md blockquote strong {
845
- color: color-mix(in oklch, var(--color-info) 50%, var(--color-base-content)) !important;
846
- }
847
- .md blockquote blockquote {
848
- margin-left: 0.25em;
849
- border-left-color: var(--color-accent);
850
- background: color-mix(in oklch, var(--color-accent) 10%, var(--color-base-200));
851
- }
852
-
853
- /* Links — DaisyUI sets a { color: inherit } */
854
- .md a {
855
- color: var(--color-primary) !important;
856
- text-decoration: underline !important;
857
- text-decoration-color: color-mix(in oklch, var(--color-primary) 45%, transparent);
858
- text-underline-offset: 2px;
859
- font-weight: 600;
860
- transition: color .12s, text-decoration-color .12s;
861
- }
862
- .md a:hover {
863
- color: var(--color-secondary) !important;
864
- text-decoration-color: var(--color-secondary);
865
- }
866
-
867
- /* Tables */
868
- .md .table-wrap {
869
- overflow-x: auto;
870
- margin: 0.75em 0;
871
- border-radius: 8px;
872
- border: 1px solid color-mix(in oklch, var(--color-primary) 28%, transparent);
873
- box-shadow: 0 1px 0 color-mix(in oklch, var(--color-primary) 10%, transparent);
874
- }
875
- .md table {
876
- border-collapse: collapse;
877
- width: 100%;
878
- margin: 0;
879
- font-size: 0.88em;
880
- line-height: 1.45;
881
- }
882
- .md th,
883
- .md td {
884
- border-width: 1px !important;
885
- border-style: solid !important;
886
- border-color: color-mix(in oklch, var(--color-primary) 18%, var(--color-base-300)) !important;
887
- padding: 0.45em 0.7em;
888
- text-align: left;
889
- vertical-align: top;
890
- }
891
- .md th {
892
- background: linear-gradient(
893
- 180deg,
894
- color-mix(in oklch, var(--color-primary) 22%, var(--color-base-200)),
895
- color-mix(in oklch, var(--color-primary) 12%, var(--color-base-200))
896
- );
897
- color: color-mix(in oklch, var(--color-primary) 70%, var(--color-base-content)) !important;
898
- font-weight: 700 !important;
899
- white-space: nowrap;
900
- }
901
- .md tr:nth-child(even) td {
902
- background: color-mix(in oklch, var(--color-primary) 5%, transparent);
903
- }
904
- .md tr:hover td {
905
- background: color-mix(in oklch, var(--color-accent) 12%, transparent);
906
- }
907
-
908
- /* HR */
909
- .md hr {
910
- border: none;
911
- height: 2px;
912
- margin: 1.15em 0;
913
- border-radius: 2px;
914
- background: linear-gradient(
915
- 90deg,
916
- transparent,
917
- color-mix(in oklch, var(--color-primary) 60%, transparent) 12%,
918
- color-mix(in oklch, var(--color-accent) 55%, transparent) 50%,
919
- color-mix(in oklch, var(--color-success) 50%, transparent) 88%,
920
- transparent
921
- );
922
- }
923
-
924
- /* Images */
925
- .md img {
926
- max-width: 100%;
927
- height: auto;
928
- border-radius: 8px;
929
- border: 1px solid color-mix(in oklch, var(--color-primary) 25%, transparent);
930
- margin: 0.5em 0;
931
- box-shadow: 0 2px 8px color-mix(in oklch, var(--color-primary) 12%, transparent);
932
- }
933
-
934
- /* Kbd */
935
- .md kbd {
936
- font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
937
- font-size: 0.8em;
938
- font-weight: 600;
939
- padding: 0.12em 0.45em;
940
- border-radius: 4px;
941
- border: 1px solid color-mix(in oklch, var(--color-secondary) 35%, transparent);
942
- background: color-mix(in oklch, var(--color-secondary) 12%, var(--color-base-200));
943
- color: color-mix(in oklch, var(--color-secondary) 65%, var(--color-base-content));
944
- box-shadow: 0 1px 0 color-mix(in oklch, var(--color-secondary) 20%, transparent);
945
- }
946
-
947
- .md li > p { margin: 0.25em 0; }
948
-
949
- .msg-row.assistant .md {
950
- min-width: 0;
951
- }
952
-
953
- /* ── Diff colors ─────────────────────────────────────────────────────────── */
954
- .diff-add { color: oklch(var(--su)); }
955
- .diff-del { color: oklch(var(--er)); }
956
- .diff-hunk { color: oklch(var(--in)); }
957
- .diff-head { color: oklch(var(--bc)/.5); }
958
-
959
- /* ── Chat composer ───────────────────────────────────────────────────────── */
960
- /* One calm surface holds the prompt and its actions, like a modern messenger. */
961
- .composer-surface {
962
- min-height: 0;
963
- display: flex;
964
- flex-direction: column;
965
- overflow: hidden;
966
- border: 1px solid color-mix(in oklch, var(--color-base-content) 16%, transparent);
967
- border-radius: 1.35rem;
968
- background: color-mix(in oklch, var(--color-base-100) 78%, var(--color-base-200));
969
- box-shadow: 0 8px 24px color-mix(in oklch, black 12%, transparent), inset 0 1px 0 color-mix(in oklch, white 6%, transparent);
970
- transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
971
- }
972
- .composer-surface:focus-within {
973
- border-color: color-mix(in oklch, var(--color-primary) 62%, transparent);
974
- box-shadow: 0 8px 28px color-mix(in oklch, black 15%, transparent), 0 0 0 3px color-mix(in oklch, var(--color-primary) 12%, transparent);
975
- }
976
- .composer-actions {
977
- display: flex;
978
- align-items: center;
979
- justify-content: space-between;
980
- gap: .75rem;
981
- padding: 0;
982
- }
983
- .composer-tools, .composer-submit { display: flex; align-items: center; gap: .35rem; }
984
- .composer-icon-btn,
985
- .composer-send-btn,
986
- .composer-stop-btn {
987
- border: 0;
988
- border-radius: 999px;
989
- cursor: pointer;
990
- transition: transform .15s ease, background .15s ease, color .15s ease;
991
- }
992
- .composer-icon-btn {
993
- width: 36px;
994
- height: 36px;
995
- padding: 0;
996
- color: color-mix(in oklch, var(--color-base-content) 72%, transparent);
997
- background: transparent;
998
- font-size: 17px;
999
- line-height: 1;
1000
- }
1001
- .composer-icon-btn:hover { background: color-mix(in oklch, var(--color-base-content) 9%, transparent); color: var(--color-base-content); }
1002
- .composer-send-btn, .composer-stop-btn { height: 36px; min-height: 36px; padding: 0 .95rem; font-size: .8125rem; font-weight: 700; }
1003
- .composer-send-btn { color: oklch(var(--pc)); background: oklch(var(--p)); box-shadow: 0 3px 10px color-mix(in oklch, oklch(var(--p)) 38%, transparent); }
1004
- .composer-send-btn:hover { transform: translateY(-1px); background: color-mix(in oklch, oklch(var(--p)) 88%, white); }
1005
- .composer-send-btn.btn-warning { color: oklch(var(--wc)); background: oklch(var(--wa)); box-shadow: 0 3px 10px color-mix(in oklch, oklch(var(--wa)) 38%, transparent); }
1006
- .composer-stop-btn { color: oklch(var(--ec)); background: oklch(var(--er)); }
1007
- .composer-hint { color: color-mix(in oklch, var(--color-base-content) 43%, transparent); font-size: 11px; }
1008
- .composer-surface:has(.textarea-warning) { border-color: color-mix(in oklch, var(--color-warning) 65%, transparent); }
1009
- #chat-composer.chat-drop-active {
1010
- outline: 2px dashed color-mix(in oklch, var(--color-primary) 70%, transparent);
1011
- outline-offset: -2px;
1012
- background: color-mix(in oklch, var(--color-primary) 8%, var(--color-base-200));
1013
- }
1014
- #chat-attach-bar:not(.hidden) {
1015
- display: flex;
1016
- }
1017
- .chat-thumb {
1018
- width: 64px;
1019
- height: 64px;
1020
- border-radius: 12px;
1021
- overflow: hidden;
1022
- border: 1px solid color-mix(in oklch, var(--color-base-content) 12%, transparent);
1023
- position: relative;
1024
- flex-shrink: 0;
1025
- background: color-mix(in oklch, var(--color-base-content) 4%, var(--color-base-100));
1026
- box-shadow: 0 1px 2px color-mix(in oklch, black 12%, transparent);
1027
- }
1028
- .chat-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
1029
- .chat-thumb-path {
1030
- display: flex;
1031
- align-items: center;
1032
- justify-content: center;
1033
- width: 100%;
1034
- height: 100%;
1035
- font-size: 10px;
1036
- padding: 4px;
1037
- text-align: center;
1038
- word-break: break-all;
1039
- line-height: 1.15;
1040
- color: color-mix(in oklch, var(--color-base-content) 70%, transparent);
1041
- background: color-mix(in oklch, var(--color-base-content) 6%, var(--color-base-100));
1042
- }
1043
- .chat-thumb-label {
1044
- display: none;
1045
- }
1046
- .chat-thumb-x {
1047
- position: absolute;
1048
- top: 4px;
1049
- right: 4px;
1050
- background: rgba(255,255,255,.92);
1051
- color: #334155;
1052
- border: 1px solid rgba(15,23,42,.1);
1053
- border-radius: 999px;
1054
- font-size: 11px;
1055
- width: 20px;
1056
- height: 20px;
1057
- cursor: pointer;
1058
- line-height: 1;
1059
- z-index: 1;
1060
- box-shadow: 0 1px 3px rgba(15,23,42,.18);
1061
- }
1062
- #chat-input.chat-input,
1063
- #chat-input {
1064
- width: 100%;
1065
- min-height: 32px;
1066
- max-height: 72px;
1067
- padding: 0;
1068
- border: 0;
1069
- border-radius: 1.25rem 1.25rem 0 0;
1070
- background: transparent;
1071
- color: var(--color-base-content);
1072
- outline: none !important;
1073
- box-shadow: none !important;
1074
- --tw-ring-shadow: 0 0 #0000 !important;
1075
- --tw-ring-offset-shadow: 0 0 #0000 !important;
1076
- transition: background .15s ease;
1077
- /* Avoid iOS inherited large text scaling making the box look oversized */
1078
- -webkit-text-size-adjust: 100%;
1079
- }
1080
- /* Kill browser password/contact autofill widgets (side checkmarks / arrows) */
1081
- #chat-input::-webkit-contacts-auto-fill-button,
1082
- #chat-input::-webkit-credentials-auto-fill-button,
1083
- #chat-input::-webkit-strong-password-auto-fill-button,
1084
- #ma-input::-webkit-contacts-auto-fill-button,
1085
- #ma-input::-webkit-credentials-auto-fill-button {
1086
- visibility: hidden !important;
1087
- display: none !important;
1088
- pointer-events: none !important;
1089
- position: absolute !important;
1090
- right: 0 !important;
1091
- width: 0 !important;
1092
- height: 0 !important;
1093
- margin: 0 !important;
1094
- padding: 0 !important;
1095
- opacity: 0 !important;
1096
- }
1097
- #chat-input:-webkit-autofill,
1098
- #chat-input:-webkit-autofill:hover,
1099
- #chat-input:-webkit-autofill:focus {
1100
- -webkit-box-shadow: 0 0 0 1000px var(--color-base-100) inset !important;
1101
- transition: background-color 99999s ease-in-out 0s;
1102
- }
1103
-
1104
- /* Recent sessions panel (position set in JS under topbar; never use top:100% with fixed) */
1105
- #recent-menu {
1106
- min-width: 16rem;
1107
- overscroll-behavior: contain;
1108
- -webkit-overflow-scrolling: touch;
1109
- }
1110
- #recent-menu.recent-menu-open {
1111
- display: block; /* beat .hidden if both race */
1112
- }
1113
- @media (max-width: 640px) {
1114
- #recent-menu {
1115
- min-width: 0;
1116
- width: auto;
1117
- }
1118
- /* Keep 最近 + hamburger reachable; tuck secondary actions */
1119
- #topbar {
1120
- overflow: visible;
1121
- gap: 0.35rem;
1122
- }
1123
- #topbar .topbar-actions {
1124
- gap: 0.25rem;
1125
- flex-shrink: 0;
1126
- }
1127
- #btn-theme,
1128
- #btn-settings,
1129
- #btn-logout,
1130
- #btn-pwa-install {
1131
- display: none !important;
1132
- }
1133
- #topbar-project {
1134
- font-size: 11px;
1135
- max-width: 30vw;
1136
- }
1137
- #recent-menu-list .recent-menu-item {
1138
- min-height: 44px; /* comfortable touch targets */
1139
- padding-top: 0.5rem;
1140
- padding-bottom: 0.5rem;
1141
- }
1142
- }
1143
- #chat-input:focus,
1144
- #chat-input:focus-visible {
1145
- outline: none !important;
1146
- box-shadow: none !important;
1147
- border-color: transparent;
1148
- }
1149
- #chat-input.textarea-warning {
1150
- border-color: color-mix(in oklch, var(--color-warning) 65%, transparent);
1151
- background: color-mix(in oklch, var(--color-warning) 6%, var(--color-base-100));
1152
- }
1153
- #chat-input.textarea-warning:focus {
1154
- border-color: color-mix(in oklch, var(--color-warning) 80%, transparent);
1155
- }
1156
-
1157
- /* ── Typing dots ─────────────────────────────────────────────────────────── */
1158
- .dot { width: 5px; height: 5px; background: currentColor; border-radius: 50%; display: inline-block; animation: blink 1.2s infinite; }
1159
- .dot:nth-child(2) { animation-delay: .4s; }
1160
- .dot:nth-child(3) { animation-delay: .8s; }
1161
- @keyframes blink { 0%,80%,100% { opacity:.2 } 40% { opacity:1 } }
1162
-
1163
- /* ── Scrollbar ───────────────────────────────────────────────────────────── */
1164
- ::-webkit-scrollbar { width: 4px; height: 4px; }
1165
- ::-webkit-scrollbar-track { background: transparent; }
1166
- ::-webkit-scrollbar-thumb { background: oklch(var(--b3)); border-radius: 2px; }
1167
-
1168
- /* ── Scroll jump buttons ─────────────────────────────────────────────────── */
1169
- .scroll-fab {
1170
- width: 32px; height: 32px; border-radius: 50%;
1171
- display: flex; align-items: center; justify-content: center;
1172
- font-size: 15px; line-height: 1; cursor: pointer;
1173
- background: oklch(var(--b2)); color: oklch(var(--bc));
1174
- border: 1px solid oklch(var(--b3));
1175
- box-shadow: 0 2px 6px rgba(0,0,0,.15);
1176
- opacity: .85; transition: opacity .15s, transform .15s;
1177
- }
1178
- .scroll-fab:hover { opacity: 1; transform: translateY(-1px); }
1179
- .scroll-fab.hidden { display: none; }
1180
-
1181
- /* ── Tool cards ──────────────────────────────────────────────────────────── */
1182
- .tool-card {
1183
- border-radius: 6px;
1184
- border: 1px solid color-mix(in oklch, oklch(var(--su)) 18%, oklch(var(--b3)));
1185
- background: color-mix(in oklch, oklch(var(--su)) 6%, oklch(var(--b2)));
1186
- }
1187
- .tool-detail {
1188
- display: none;
1189
- margin-top: 0.25rem;
1190
- padding: 0.5rem;
1191
- border-radius: 4px;
1192
- font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
1193
- font-size: 11px;
1194
- overflow-x: auto;
1195
- white-space: pre;
1196
- max-height: 18rem;
1197
- overflow-y: auto;
1198
- background: color-mix(in oklch, oklch(var(--bc)) 5%, oklch(var(--b1)));
1199
- color: oklch(var(--bc) / 0.85);
1200
- border: 1px solid oklch(var(--b3));
1201
- }
1202
- [data-theme="dark"] .tool-detail,
1203
- [data-theme="night"] .tool-detail,
1204
- [data-theme="black"] .tool-detail {
1205
- background: color-mix(in oklch, oklch(var(--b1)) 65%, black);
1206
- }
1207
- .tool-card.open .tool-detail { display: block; }
1208
- .tool-card.open .tool-chevron { transform: rotate(90deg); }
1209
- .tool-chevron { transition: transform .15s; display: inline-block; }
1210
-
1211
- /* Tool batch (density: clean) */
1212
- .tool-batch {
1213
- border-radius: 6px;
1214
- border: 1px dashed oklch(var(--b3));
1215
- background: oklch(var(--b2) / 0.6);
1216
- cursor: pointer;
1217
- user-select: none;
1218
- }
1219
- .tool-batch .tool-batch-list { display: none; margin-top: 0.35rem; }
1220
- .tool-batch.open .tool-batch-list { display: flex; flex-direction: column; gap: 0.25rem; }
1221
- .tool-batch.open .tool-chevron { transform: rotate(90deg); }
1222
-
1223
- /* Density modes */
1224
- #messages[data-density="clean"] { gap: 0.35rem; }
1225
- #messages[data-density="clean"] .msg-row { margin-block: 0; }
1226
- #messages[data-density="clean"] .tool-card:not(.tool-batch-item) {
1227
- /* individual tools still shown when inside expanded batch */
1228
- }
1229
- #messages[data-density="full"] .tool-card .tool-detail {
1230
- /* full density: detail stays collapsed until click, but preview is longer */
1231
- }
1232
- #messages[data-density="full"] .msg-ts { opacity: 0.55; }
1233
-
1234
- /* ── Message timestamps ──────────────────────────────────────────────────── */
1235
- .msg-row { display: flex; flex-direction: column; gap: 2px; }
1236
- .msg-row.user { align-items: flex-end; }
1237
- .msg-row.assistant, .msg-row.error { align-items: flex-start; }
1238
- .msg-ts {
1239
- font-size: 10px;
1240
- line-height: 1;
1241
- color: oklch(var(--bc) / 0.32);
1242
- padding: 0 10px;
1243
- font-variant-numeric: tabular-nums;
1244
- user-select: none;
1245
- }
1246
- .msg-row.user .msg-ts { text-align: right; }
1247
-
1248
- .token-bar {
1249
- display: flex;
1250
- align-items: flex-start;
1251
- gap: 0.4rem;
1252
- padding: 0.1rem 0.45rem;
1253
- font-size: 10px;
1254
- font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
1255
- color: color-mix(in oklch, var(--color-base-content) 38%, transparent);
1256
- line-height: 1.45;
1257
- }
1258
- .token-bar-mark {
1259
- flex-shrink: 0;
1260
- opacity: 0.55;
1261
- }
1262
- .token-bar-text {
1263
- min-width: 0;
1264
- overflow-wrap: anywhere;
1265
- word-break: break-word;
1266
- }
1267
-
1268
- /* ── Long message collapse ───────────────────────────────────────────────── */
1269
- .msg-card .msg-body { max-height: 8em; overflow: hidden; mask-image: linear-gradient(to bottom, black 60%, transparent 100%); }
1270
- .msg-card.open .msg-body { max-height: none; mask-image: none; }
1271
- .msg-expand-btn { display: block; }
1272
-
1273
- /* ── Git graph ───────────────────────────────────────────────────────────── */
1274
- .git-graph { font-family: monospace; font-size: 11px; line-height: 1.5; white-space: pre; color: oklch(var(--bc)/.7); }
1275
- .git-graph .gh { color: oklch(var(--su)); font-weight: 600; }
1276
- .git-graph .gm { color: oklch(var(--bc)/.85); }
1277
-
1278
- /* ── Sidebar project management ──────────────────────────────────────────── */
1279
- .agent-pill {
1280
- font-size: 10px;
1281
- line-height: 1;
1282
- padding: 3px 7px;
1283
- border-radius: 999px;
1284
- border: 1px solid oklch(var(--b3));
1285
- color: oklch(var(--bc) / 0.55);
1286
- background: transparent;
1287
- cursor: pointer;
1288
- transition: background .12s, color .12s, border-color .12s;
1289
- }
1290
- .agent-pill:hover { color: oklch(var(--bc) / 0.85); background: oklch(var(--b3) / 0.5); }
1291
- .agent-pill.active {
1292
- color: oklch(var(--p));
1293
- border-color: color-mix(in oklch, oklch(var(--p)) 40%, transparent);
1294
- background: color-mix(in oklch, oklch(var(--p)) 12%, transparent);
1295
- font-weight: 600;
1296
- }
1297
- .project-header:hover .font-semibold { color: oklch(var(--p)); }
1298
-
1299
- /* Shell tab terminal — keep dark intentionally (terminal aesthetic) */
1300
- #tab-shell { background: #0d1117; }
1301
- #term-output { color: #c9d1d9; }
1302
-
1303
- /* ── Meta Agent panel (DaisyUI 5: use --color-* full values, solid surfaces) ── */
1304
- .meta-agent-panel {
1305
- position: fixed;
1306
- inset: 0;
1307
- z-index: 80;
1308
- display: flex;
1309
- align-items: stretch;
1310
- justify-content: flex-end;
1311
- }
1312
- .meta-agent-panel.hidden { display: none !important; }
1313
- .meta-agent-backdrop {
1314
- position: absolute;
1315
- inset: 0;
1316
- background: rgba(0, 0, 0, 0.55);
1317
- }
1318
- .meta-agent-sheet {
1319
- position: relative;
1320
- width: min(520px, 100vw);
1321
- height: 100%;
1322
- /* Solid panel — no alpha / no invalid oklch(var(--b1)) from DaisyUI 4 tokens */
1323
- background: var(--color-base-100);
1324
- color: var(--color-base-content);
1325
- border-left: 1px solid var(--color-base-300);
1326
- box-shadow: -12px 0 40px rgba(0, 0, 0, 0.35);
1327
- display: flex;
1328
- flex-direction: column;
1329
- animation: ma-slide-in 0.18s ease-out;
1330
- opacity: 1;
1331
- isolation: isolate;
1332
- }
1333
- .ma-hist-item {
1334
- border: 1px solid var(--color-base-300);
1335
- border-radius: 10px;
1336
- padding: 8px 10px;
1337
- background: var(--color-base-200);
1338
- transition: border-color .12s, background .12s;
1339
- }
1340
- .ma-hist-item:hover {
1341
- border-color: color-mix(in oklch, var(--color-primary) 40%, var(--color-base-300));
1342
- }
1343
- .ma-hist-item.active {
1344
- border-color: color-mix(in oklch, var(--color-primary) 55%, var(--color-base-300));
1345
- background: color-mix(in oklch, var(--color-primary) 12%, var(--color-base-200));
1346
- }
1347
- .ma-hist-open { cursor: pointer; }
1348
- .line-clamp-2 {
1349
- display: -webkit-box;
1350
- -webkit-line-clamp: 2;
1351
- -webkit-box-orient: vertical;
1352
- overflow: hidden;
1353
- }
1354
- #ma-resume-bar { min-height: 32px; }
1355
- @keyframes ma-slide-in {
1356
- from { transform: translateX(16px); }
1357
- to { transform: translateX(0); }
1358
- }
1359
- .meta-agent-header {
1360
- display: flex;
1361
- align-items: center;
1362
- justify-content: space-between;
1363
- gap: 8px;
1364
- padding: 10px 12px;
1365
- border-bottom: 1px solid var(--color-base-300);
1366
- flex-shrink: 0;
1367
- background: var(--color-base-200);
1368
- }
1369
- .meta-agent-body {
1370
- min-height: 0;
1371
- background: var(--color-base-100);
1372
- }
1373
- .ma-msg { max-width: 100%; }
1374
- .ma-bubble {
1375
- border-radius: 12px;
1376
- padding: 8px 12px;
1377
- font-size: 13px;
1378
- line-height: 1.55;
1379
- word-break: break-word;
1380
- }
1381
- .ma-bubble.user {
1382
- background: color-mix(in oklch, var(--color-primary) 18%, var(--color-base-100));
1383
- border: 1px solid color-mix(in oklch, var(--color-primary) 30%, var(--color-base-300));
1384
- margin-left: 12%;
1385
- }
1386
- .ma-bubble.assistant {
1387
- background: var(--color-base-200);
1388
- border: 1px solid var(--color-base-300);
1389
- margin-right: 4%;
1390
- }
1391
- .ma-bubble.error {
1392
- background: color-mix(in oklch, var(--color-error) 15%, var(--color-base-100));
1393
- border: 1px solid color-mix(in oklch, var(--color-error) 40%, var(--color-base-300));
1394
- color: var(--color-error);
1395
- font-size: 12px;
1396
- }
1397
- .ma-sys {
1398
- font-size: 11px;
1399
- color: color-mix(in oklch, var(--color-base-content) 45%, transparent);
1400
- text-align: center;
1401
- padding: 4px 8px;
1402
- }
1403
- .ma-tool {
1404
- font-size: 11px;
1405
- font-family: ui-monospace, monospace;
1406
- background: var(--color-base-200);
1407
- border: 1px solid var(--color-base-300);
1408
- border-radius: 8px;
1409
- padding: 6px 8px;
1410
- margin-right: 8%;
1411
- }
1412
- .ma-tool.done { border-color: color-mix(in oklch, var(--color-success) 45%, var(--color-base-300)); }
1413
- .ma-tool.error { border-color: color-mix(in oklch, var(--color-error) 45%, var(--color-base-300)); }
1414
- .ma-tool-name {
1415
- font-weight: 700;
1416
- color: var(--color-primary);
1417
- margin-right: 6px;
1418
- }
1419
- .ma-tool-phase { color: color-mix(in oklch, var(--color-base-content) 45%, transparent); }
1420
- .ma-tool-args, .ma-tool-result {
1421
- margin: 4px 0 0;
1422
- white-space: pre-wrap;
1423
- word-break: break-all;
1424
- max-height: 80px;
1425
- overflow: auto;
1426
- font-size: 10px;
1427
- opacity: 0.75;
1428
- }
1429
- .ma-approval {
1430
- font-size: 12px;
1431
- background: color-mix(in oklch, var(--color-warning) 10%, var(--color-base-200));
1432
- border: 1px solid color-mix(in oklch, var(--color-warning) 45%, var(--color-base-300));
1433
- border-radius: 8px;
1434
- padding: 8px 10px;
1435
- margin-right: 8%;
1436
- }
1437
- .ma-approval-label { font-weight: 600; margin-bottom: 4px; }
1438
- .ma-approval-cmd {
1439
- font-family: ui-monospace, monospace;
1440
- font-size: 11px;
1441
- white-space: pre-wrap;
1442
- word-break: break-all;
1443
- background: var(--color-base-100);
1444
- border-radius: 6px;
1445
- padding: 6px 8px;
1446
- margin: 4px 0;
1447
- }
1448
- .ma-approval-actions { display: flex; gap: 6px; justify-content: flex-end; }
1449
- .ma-thumb {
1450
- width: 56px;
1451
- height: 56px;
1452
- border-radius: 8px;
1453
- overflow: hidden;
1454
- border: 1px solid var(--color-base-300);
1455
- position: relative;
1456
- flex-shrink: 0;
1457
- }
1458
- .ma-thumb img { width: 100%; height: 100%; object-fit: cover; }
1459
- .ma-thumb-path {
1460
- display: flex;
1461
- align-items: center;
1462
- justify-content: center;
1463
- width: 100%;
1464
- height: 100%;
1465
- font-size: 10px;
1466
- background: var(--color-base-200);
1467
- }
1468
- .ma-thumb-label {
1469
- position: absolute;
1470
- left: 0;
1471
- bottom: 0;
1472
- right: 0;
1473
- font-size: 9px;
1474
- text-align: center;
1475
- background: rgba(0,0,0,.55);
1476
- color: #fff;
1477
- line-height: 1.2;
1478
- padding: 1px 0;
1479
- }
1480
- .ma-thumb-x {
1481
- position: absolute;
1482
- top: 0;
1483
- right: 0;
1484
- background: rgba(0,0,0,.65);
1485
- color: #fff;
1486
- border: 0;
1487
- font-size: 10px;
1488
- width: 16px;
1489
- height: 16px;
1490
- cursor: pointer;
1491
- line-height: 1;
1492
- z-index: 1;
1493
- }
1494
- .ma-report-md { font-size: 13px; }
1495
- .ma-report-item { display: block; }
1496
-
1497
- @media (max-width: 640px) {
1498
- .md h1, .md h2, .md h3 {
1499
- background: none !important;
1500
- border-bottom: none !important;
1501
- font-size: 1.02em !important;
1502
- padding: 0.05em 0 0.15em 0.5em !important;
1503
- }
1504
- }