claude-simple 0.2.27 → 0.2.30

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.
Files changed (79) hide show
  1. package/README.md +17 -1
  2. package/bin/edge-ctl.js +151 -4
  3. package/client.js +29 -4
  4. package/dist/addon-fit.min.js +0 -0
  5. package/dist/app.0.2.30.min.js +1308 -0
  6. package/dist/index.html +2 -2
  7. package/dist/style.0.2.30.min.css +2012 -0
  8. package/dist/xterm.min.css +0 -0
  9. package/dist/xterm.min.js +0 -0
  10. package/gateway.js +0 -0
  11. package/package.json +2 -2
  12. package/public/addon-fit.min.js +0 -0
  13. package/public/agent-panel.js +54 -22
  14. package/public/api.js +8 -5
  15. package/public/app.js +7 -5
  16. package/public/base.css +0 -0
  17. package/public/cache.js +19 -0
  18. package/public/chat.js +110 -19
  19. package/public/files.js +26 -10
  20. package/public/git.js +2 -2
  21. package/public/icons/icon-180.png +0 -0
  22. package/public/icons/icon-192.png +0 -0
  23. package/public/icons/icon-512.png +0 -0
  24. package/public/icons/icon-maskable-512.png +0 -0
  25. package/public/index.html +2 -2
  26. package/public/lib.js +0 -0
  27. package/public/manifest.webmanifest +0 -0
  28. package/public/markdown.js +16 -0
  29. package/public/math.js +145 -7
  30. package/public/mobile.js +0 -0
  31. package/public/notes.js +316 -0
  32. package/public/notifications.js +0 -0
  33. package/public/offline.html +0 -0
  34. package/public/pwa.js +1 -1
  35. package/public/router.js +4 -0
  36. package/public/scroll-follow.js +78 -0
  37. package/public/settings.js +41 -0
  38. package/public/shell/boot.js +0 -0
  39. package/public/shell/dashboard.js +0 -0
  40. package/public/shell/hub.js +0 -0
  41. package/public/shell/layout.js +0 -0
  42. package/public/shell/notes.js +0 -0
  43. package/public/shell/session-context.js +0 -0
  44. package/public/shell/session-list.js +79 -21
  45. package/public/shell/session-nav.js +70 -21
  46. package/public/shell/templates.js +3 -0
  47. package/public/shell/util.js +0 -0
  48. package/public/shell.js +15 -2
  49. package/public/state.js +7 -7
  50. package/public/style.css +161 -0
  51. package/public/sw.js +10 -5
  52. package/public/terminal.js +0 -0
  53. package/public/wake-lock.js +0 -0
  54. package/public/workspace-path.js +61 -0
  55. package/public/xterm.min.css +0 -0
  56. package/public/xterm.min.js +0 -0
  57. package/src/agent-quota.js +228 -0
  58. package/src/agents/claude.js +0 -0
  59. package/src/agents/codex.js +2 -0
  60. package/src/agents/cursor.js +2 -1
  61. package/src/agents/gemini.js +2 -1
  62. package/src/agents/grok.js +22 -1
  63. package/src/agents/meta-agent.js +7 -4
  64. package/src/agents/models.js +21 -12
  65. package/src/agents/sessions.js +270 -81
  66. package/src/agents/stream-batch.js +0 -0
  67. package/src/app.js +111 -51
  68. package/src/auto-update.js +2 -0
  69. package/src/collab.js +3 -0
  70. package/src/platform.js +133 -0
  71. package/src/project-api-path.js +14 -0
  72. package/src/runtime/approvals.js +0 -0
  73. package/src/runtime/chat-broadcast.js +12 -0
  74. package/src/runtime/outbox.js +0 -0
  75. package/src/runtime/port-websocket.js +80 -0
  76. package/src/runtime/protocol.js +0 -0
  77. package/src/session-history.js +31 -0
  78. package/dist/app.0.2.27.min.js +0 -1182
  79. package/dist/style.0.2.27.min.css +0 -1851
@@ -0,0 +1,2012 @@
1
+ /*! tailwindcss v4.3.3 | 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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--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-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-slate-700:oklch(37.2% .044 257.287);--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--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;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{--page-has-backdrop:var(--page-scroll-lock) 1;--page-scroll-bg:var(--page-scroll-lock) var(--root-bg,#0000)}@supports (color:color-mix(in lab, red, red)){:root{--page-scroll-bg:var(--page-scroll-lock) color-mix(in srgb, var(--root-bg,#0000), oklch(0% 0 0) calc(var(--page-has-backdrop,0) * 40%))}}:root{background-image:var(--page-scroll-lock) linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000));transition:var(--page-scroll-lock) background-color .3s ease-out;animation:var(--page-scroll-lock) set-page-has-scroll forwards;animation-timeline:var(--page-scroll-lock) scroll();--page-has-scroll:initial;scrollbar-gutter:var(--page-has-scroll) var(--page-scroll-lock) stable}@keyframes set-page-has-scroll{0%,to{--page-has-scroll: }}: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")}:root,[data-theme]{background-color:var(--root-bg);color:var(--color-base-content)}:root{background-color:var(--page-scroll-bg,var(--root-bg))}:where(:root,[data-theme]){--root-bg:var(--color-base-100)}:root{--page-scroll-lock:initial;--page-overflow:var(--page-scroll-lock) hidden}:root:not(span){overflow:var(--page-overflow)}:root{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%}@property --aura-angle{syntax:"<angle>";inherits:false;initial-value:0deg}}@layer components;@layer utilities{@layer daisyui.l1.l2{.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;align-items:normal;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}.diff:hover .diff-item-2:after{height:2.4rem}@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.modal-open{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)}.modal.modal-open>.modal-box{opacity:1;translate:0;scale:1}:root:has(.modal.modal-open){--page-scroll-lock: }@starting-style{.modal.modal-open{opacity:0}}.modal[open]{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)}.modal[open]>.modal-box{opacity:1;translate:0;scale:1}:root:has(.modal[open]){--page-scroll-lock: }@starting-style{.modal[open]{opacity:0}}.modal:popover-open{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)}.modal:popover-open>.modal-box{opacity:1;translate:0;scale:1}:root:has(.modal:popover-open){--page-scroll-lock: }@starting-style{.modal:popover-open{opacity:0}}.modal:target{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)}.modal:target>.modal-box{opacity:1;translate:0;scale:1}:root:has(.modal:target){--page-scroll-lock: }@starting-style{.modal:target{opacity:0}}.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)}.modal-toggle:checked+.modal>.modal-box{opacity:1;translate:0;scale:1}:root:has(.modal-toggle:checked+.modal){--page-scroll-lock: }@starting-style{.modal-toggle:checked+.modal{opacity:0}}.tabs-border>.tab{--tab-border-color:#0000 #0000 var(--tab-border-color) #0000;border-radius:var(--radius-field);position:relative}.tabs-border>.tab:before{content:"";background-color:var(--tab-border-color);width:calc(100% - var(--tab-p) * 2);border-radius:var(--radius-field);height:3px;bottom:0;left:var(--tab-p);transition:background-color .2s;position:absolute}:is(.tabs-border>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-border>.tab:is(input:checked),.tabs-border>.tab:is(label:has(:checked))):before{--tab-border-color:currentColor;border-top:3px solid}.tabs-lift>.tab{--tab-border:0 0 var(--border) 0;--tab-radius-ss:var(--tab-radius-limit);--tab-radius-se:var(--tab-radius-limit);--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border) var(--tab-p) 0 var(--tab-p);--tab-border-colors:#0000 #0000 var(--tab-border-color) #0000;--tab-corner-width:calc(100% + var(--tab-radius-limit) * 2);--tab-corner-height:var(--tab-radius-limit);--tab-corner-position:top left, top right;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es)}.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked)){--tab-border:var(--border) var(--border) 0 var(--border);--tab-border-colors:var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);--tab-paddings:0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left, var(--tab-radius-grad));--radius-end:radial-gradient(circle at top right, var(--tab-radius-grad));background-color:var(--tab-bg)}:is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start), var(--radius-end);background-size:var(--tab-radius-limit) var(--tab-radius-limit);inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}:is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):first-child:before{--radius-start:none}[dir=rtl] :is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):first-child:before{transform:rotateY(180deg)}:is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):last-child:before{--radius-end:none}[dir=rtl] :is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):last-child:before{transform:rotateY(180deg)}.tabs-lift:has(>.tab-content)>.tab:first-child:not(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){--tab-border-colors:var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color)}.tabs-top>.tab{--tab-order:0;--tab-border:0 0 var(--border) 0;--tab-radius-ss:var(--tab-radius-limit);--tab-radius-se:var(--tab-radius-limit);--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border) var(--tab-p) 0 var(--tab-p);--tab-border-colors:#0000 #0000 var(--tab-border-color) #0000;--tab-corner-width:calc(100% + var(--tab-radius-limit) * 2);--tab-corner-height:var(--tab-radius-limit);--tab-corner-position:top left, top right}.tabs-top>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-top>.tab:is(input:checked),.tabs-top>.tab:is(label:has(:checked)){--tab-border:var(--border) var(--border) 0 var(--border);--tab-border-colors:var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);--tab-paddings:0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left, var(--tab-radius-grad));--radius-end:radial-gradient(circle at top right, var(--tab-radius-grad))}.tabs-top:has(>.tab-content)>.tab:first-child:not(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){--tab-border-colors:var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color)}.tabs-bottom>.tab{--tab-order:1;--tab-border:var(--border) 0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:var(--tab-radius-limit);--tab-radius-ee:var(--tab-radius-limit);--tab-border-colors:var(--tab-border-color) #0000 #0000 #0000;--tab-paddings:0 var(--tab-p) var(--border) var(--tab-p);--tab-corner-width:calc(100% + var(--tab-radius-limit) * 2);--tab-corner-height:var(--tab-radius-limit);--tab-corner-position:top left, top right}.tabs-bottom>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-bottom>.tab:is(input:checked),.tabs-bottom>.tab:is(label:has(:checked)){--tab-border:0 var(--border) var(--border) var(--border);--tab-border-colors:#0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color);--tab-paddings:var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left, var(--tab-radius-grad));--radius-end:radial-gradient(circle at bottom right, var(--tab-radius-grad))}.tabs-bottom:has(>.tab-content)>.tab:first-child:not(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){--tab-border-colors:#0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color)}.tabs-box>.tab{border-radius:var(--radius-field);border-style:none}.tabs-box>.tab:focus-visible,.tabs-box>.tab:is(label:has(:checked:focus-visible)){outline-offset:2px}.tabs-box>.tab:focus-visible{z-index:1}.tabs-xs>.tab{--tab-p:.375rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.75rem}.tabs-sm>.tab{--tab-p:.5rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.875rem}.tabs-md>.tab{--tab-p:.75rem;--tab-radius-min:calc(.75rem - var(--border));font-size:.875rem}.tabs-lg>.tab{--tab-p:1rem;--tab-radius-min:calc(1.5rem - var(--border));font-size:1.125rem}.tabs-xl>.tab{--tab-p:1.25rem;--tab-radius-min:calc(2rem - var(--border));font-size:1.125rem}.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}.list\! .list-row:has(.list-col-grow:first-child){--list-grid-cols:1fr!important}.list\! .list-row:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0, auto) 1fr!important}.list\! .list-row:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0, auto) minmax(0, auto) 1fr!important}.list\! .list-row:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr!important}.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!important}.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!important}.list\! .list-row>*{grid-row-start:1!important}.steps-horizontal .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.steps-horizontal .step:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}[dir=rtl] :is(.steps-horizontal .step):before{translate:0}.steps-vertical .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid}.steps-vertical .step:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}[dir=rtl] :is(.steps-vertical .step):before{translate:50% -50%}.steps-horizontal .step\!{text-align:center!important;grid-template-rows:40px 1fr!important;grid-template-columns:auto!important;place-items:center!important;min-width:4rem!important;display:grid!important}.steps-horizontal .step\!:before{width:100%!important;height:.5rem!important;margin-inline-start:-100%!important;translate:0!important}[dir=rtl] :is(.steps-horizontal .step\!):before{translate:0!important}.steps-vertical .step\!{grid-template-rows:auto!important;grid-template-columns:40px 1fr!important;justify-items:start!important;gap:.5rem!important;min-height:4rem!important;display:grid!important}.steps-vertical .step\!:before{width:.5rem!important;height:100%!important;margin-inline-start:50%!important;translate:-50% -50%!important}[dir=rtl] :is(.steps-vertical .step\!):before{translate:50% -50%!important}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after,.steps .step-neutral>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}.steps .step-primary+.step-primary:before,.steps .step-primary:after,.steps .step-primary>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after,.steps .step-secondary>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}.steps .step-accent+.step-accent:before,.steps .step-accent:after,.steps .step-accent>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}.steps .step-info+.step-info:before,.steps .step-info:after,.steps .step-info>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}.steps .step-success+.step-success:before,.steps .step-success:after,.steps .step-success>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}.steps .step-warning+.step-warning:before,.steps .step-warning:after,.steps .step-warning>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}.steps .step-error+.step-error:before,.steps .step-error:after,.steps .step-error>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}.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:disabled,.radio:disabled{cursor:not-allowed;opacity:.2}.image-full>.card-body{color:var(--color-neutral-content);position:relative}.card-xs .card-body{--card-p:.5rem;--card-fs:.6875rem}.card-sm .card-body{--card-p:1rem;--card-fs:.75rem}.card-md .card-body{--card-p:1.5rem;--card-fs:.875rem}.card-lg .card-body{--card-p:2rem;--card-fs:1rem}.card-xl .card-body{--card-p:2.5rem;--card-fs:1.125rem}: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}.modal-top>.modal-box{--modal-tl:0;--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 -100%;scale:1}.modal-middle>.modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:var(--radius-box);--modal-br:var(--radius-box);width:91.6667%;max-width:32rem;height:auto;max-height:calc(100vh - 5em);translate:0 2%;scale:.98}.modal-bottom>.modal-box{--modal-tl:var(--radius-box);--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 5em);translate:0 100%;scale:1}.modal-start>.modal-box{--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);width:auto;max-width:none;height:100vh;max-height:none;translate:-100%;scale:1}[dir=rtl] :is(.modal-start>.modal-box){--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;translate:100%}.modal-end>.modal-box{--modal-tl:var(--radius-box);--modal-tr:0;--modal-bl:var(--radius-box);--modal-br:0;width:auto;max-width:none;height:100vh;max-height:none;translate:100%;scale:1}[dir=rtl] :is(.modal-end>.modal-box){--modal-tl:0;--modal-tr:var(--radius-box);--modal-bl:0;--modal-br:var(--radius-box);translate:-100%}.divider-horizontal.divider{flex-direction:column;width:1rem;height:auto}.divider-horizontal.divider:before,.divider-horizontal.divider:after{width:.125rem;height:100%}.divider-vertical.divider{flex-direction:row;width:auto;height:1rem}.divider-vertical.divider:before,.divider-vertical.divider:after{width:100%;height:.125rem}.stats-horizontal .stat:not(:last-child){border-inline-end:var(--border) dashed currentColor}@supports (color:color-mix(in lab, red, red)){.stats-horizontal .stat:not(:last-child){border-inline-end:var(--border) dashed color-mix(in oklab, currentColor 10%, #0000)}}.stats-horizontal .stat:not(:last-child){border-block-end:none}.stats-vertical .stat:not(:last-child){border-inline-end:none;border-block-end:var(--border) dashed currentColor}@supports (color:color-mix(in lab, red, red)){.stats-vertical .stat:not(:last-child){border-block-end:var(--border) dashed color-mix(in oklab, currentColor 10%, #0000)}}.card-xs .card-title{--cardtitle-fs:.875rem}.card-sm .card-title{--cardtitle-fs:1rem}.card-md .card-title{--cardtitle-fs:1.125rem}.card-lg .card-title{--cardtitle-fs:1.25rem}.card-xl .card-title{--cardtitle-fs:1.375rem}.checkbox-xs{--size:calc(var(--size-selector,.25rem) * 4);padding:.125rem}.alert-error{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}.progress-primary{color:var(--color-primary)}.input-sm{--in-size-mul:8;--font-size-min:.75rem;--spin-my:-2}.floating-label:has(.input-sm){--top-mul:4;--font-size:.75rem}.input-xs{--in-size-mul:6;--font-size-min:.6875rem;--spin-my:-1}.floating-label:has(.input-xs){--top-mul:3;--font-size:.6875rem}.select-sm{--sl-size-mul:8;--font-size-min:.75rem;--option-px:2.5}.floating-label:has(.select-sm){--top-mul:4;--font-size:.75rem}.select-xs{--sl-size-mul:6;--font-size-min:.6875rem;--option-px:2}.floating-label:has(.select-xs){--top-mul:3;--font-size:.6875rem}.btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}.btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}.btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}.btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.textarea-sm{--font-size-min:.75rem}.floating-label:has(.textarea-sm){--top-mul:4;--font-size:.75rem}.textarea-warning,.textarea-warning:focus,.textarea-warning:focus-within{--input-color:var(--color-warning)}.textarea-xs{--font-size-min:.6875rem}.floating-label:has(.textarea-xs){--top-mul:3;--font-size:.6875rem}@media (prefers-reduced-motion:no-preference){.collapse:not(td,tr,colgroup)[open].collapse-arrow>.collapse-title:after,.collapse:not(td,tr,colgroup).collapse-open.collapse-arrow>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}.collapse:not(td,tr,colgroup).collapse-open.collapse-plus>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}:is(.collapse:not(td,tr,colgroup)[tabindex].collapse-arrow:focus:not(.collapse-close),.collapse:not(td,tr,colgroup).collapse-arrow[tabindex]:focus-within:not(.collapse-close))>.collapse-title:after,.collapse:not(td,tr,colgroup).collapse-arrow:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}.collapse:not(td,tr,colgroup)[open].collapse-plus>.collapse-title:after,.collapse:not(td,tr,colgroup)[tabindex].collapse-plus:focus:not(.collapse-close)>.collapse-title:after,.collapse:not(td,tr,colgroup).collapse-plus:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}.\@container{container-type:inline-size}@layer daisyui.l1.l2.l3{.modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:overlay .3s allow-discrete, 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}.modal[popover]{color:inherit;background:0 0;border:0;max-width:none;max-height:none;margin:0;padding:0;inset:0}.modal[popover]::backdrop{background-color:oklch(0% 0 0/.4);transition:background-color .3s ease-out}@media (hover:hover){.tab:is(.tabs>.tab):hover{color:var(--color-base-content)}}@supports (color:color-mix(in lab, red, red)){.tab:is(.tabs>.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)}}@media (forced-colors:active){.tab:is(.tabs>.tab):focus{outline-offset:2px;outline:2px solid #0000}}@media (hover:hover){.tab:is(.tabs>.tab):hover{color:var(--color-base-content)}}@supports (color:color-mix(in lab, red, red)){.tab:is(.tabs>.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)}}@media (forced-colors:active){.tab:is(.tabs>.tab):focus{outline-offset:2px;outline:2px solid #0000}}.tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);--tt-tail-off:.5rem;display:inline-block;position:relative}.tooltip>.tooltip-content,.tooltip[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;line-height:1.25;position:absolute}.tooltip:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;-webkit-mask-position:-1px 0;mask-position:-1px 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--mask-tooltip);-webkit-mask-image:var(--mask-tooltip);mask-image:var(--mask-tooltip);transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.tooltip>.tooltip-content,.tooltip[data-tip]:before,.tooltip:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content{opacity:1;--tt-pos:0rem}@media (prefers-reduced-motion:no-preference){:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before{opacity:1;--tt-pos:0rem}@media (prefers-reduced-motion:no-preference){:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after,:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{opacity:1;--tt-pos:0rem}@media (prefers-reduced-motion:no-preference){:is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}.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}.tab:is(.tabs>.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:is(.tabs>.tab):hover{color:var(--color-base-content)}}.tab:is(.tabs>.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(.tabs>.tab):is(input[type=radio]){min-width:fit-content}.tab:is(.tabs>.tab):is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.tab:is(.tabs>.tab):is(label){position:relative}.tab:is(.tabs>.tab):is(label) input{cursor:pointer;appearance:none;opacity:0;position:absolute;inset:0}:is(.tab:is(.tabs>.tab):checked,.tab:is(.tabs>.tab):is(label:has(:checked)),.tab:is(.tabs>.tab):is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]))+.tab-content{display:block}.tab:is(.tabs>.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:is(.tabs>.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:is(.tabs>.tab):not(input):empty{cursor:default;flex-grow:1}.tab:is(.tabs>.tab):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.tab:is(.tabs>.tab):focus{outline-offset:2px;outline:2px solid #0000}}.tab:is(.tabs>.tab):focus-visible,.tab:is(.tabs>.tab):is(label:has(:checked:focus-visible)){outline-offset:-5px;outline:2px solid}.tab:is(.tabs>.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,li menu){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative}.menu :where(li ul,li menu):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,menu,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;-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,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus{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,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus{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,menu,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus{outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,menu,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,menu,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,menu,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,menu,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,menu,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,menu,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,menu,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,menu,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,menu,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,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,menu,.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,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,menu,.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,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,menu,.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,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,menu,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul,menu,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,menu,.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,.menu :where(li) [disabled]{pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.menu :where(li).menu-disabled,.menu :where(li) [disabled]{color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}.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]{z-index:999}@media (prefers-reduced-motion:no-preference){.dropdown[popover]{transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover]{opacity:0;scale:.95}}.dropdown .dropdown-content{z-index:999}@media (prefers-reduced-motion:no-preference){.dropdown .dropdown-content{transition-behavior:allow-discrete;transition-property:opacity,scale,display,overlay;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.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){overflow:revert-layer}.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!important}.\!btn{--size:calc(var(--size-field,.25rem) * 10)!important;--btn-p:1rem!important;--btn-fg:var(--color-base-content)!important;cursor:pointer!important;text-align:center!important;vertical-align:middle!important;outline-offset:2px!important;webkit-user-select:none!important;-webkit-user-select:none!important;user-select:none!important;border-width:var(--border)!important;touch-action:manipulation!important;--btn-bg:var(--btn-color,var(--color-base-200))!important;--btn-border:var(--btn-color,var(--color-base-200))!important;border-start-start-radius:var(--join-ss,var(--radius-field))!important;border-start-end-radius:var(--join-se,var(--radius-field))!important;border-end-end-radius:var(--join-ee,var(--radius-field))!important;border-end-start-radius:var(--join-es,var(--radius-field))!important;flex-wrap:nowrap!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:.375rem!important;font-weight:600!important;transition-property:color,background-color,border-color,box-shadow,transform!important;transition-duration:.2s!important;transition-timing-function:cubic-bezier(0,0,.2,1)!important;display:inline-flex!important}@supports (color:color-mix(in lab, red, red)){.\!btn{--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%))!important}}.\!btn{--btn-soft-bg:initial!important;--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)!important}@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)!important}}.\!btn{--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%))!important;height:var(--size)!important;padding-inline:var(--btn-p)!important;font-size:var(--fontsize,.875rem)!important;background-color:var(--btn-bg)!important;color:var(--btn-fg)!important;border-color:var(--btn-border)!important;border-style:var(--btn-border-style,solid)!important;outline-color:var(--btn-color,var(--color-base-content))!important;--tw-prose-links:var(--btn-fg)!important;background-image:none, var(--fx-noise)!important;background-size:auto, calc(var(--noise,0) * 100%)!important;text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15))!important;box-shadow:var(--btn-inset) inset, var(--btn-shadow)!important}.\!btn:is([type=checkbox],[type=radio]){appearance:none!important}.\!btn:is([type=checkbox],[type=radio])[aria-label]:after{--tw-content:attr(aria-label)!important;content:var(--tw-content)!important}.\!btn:where(:checked:not(.filter [type=radio].\!btn)){--btn-color:var(--color-primary)!important;--btn-fg:var(--color-primary-content)!important}:where(.btn){width:unset}.btn{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:var(--btn-color,var(--color-base-200));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,transform;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-color,var(--color-base-200)), #000 calc(var(--depth) * 5%))}}.btn{--btn-soft-bg:initial;--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-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow)}.btn:is([type=checkbox],[type=radio]){appearance:none}.btn:is([type=checkbox],[type=radio])[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}.btn:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.\!loading{pointer-events:none!important;aspect-ratio:1!important;vertical-align:middle!important;width:calc(var(--size-selector,.25rem) * 6)!important;background-color:currentColor!important;display:inline-block!important;-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='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")!important;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='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")!important;-webkit-mask-position:50%!important;mask-position:50%!important;-webkit-mask-size:100%!important;mask-size:100%!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important}@media (prefers-reduced-motion:no-preference){.\!loading{-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")!important;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")!important}}.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='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' 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='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' 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}@media (prefers-reduced-motion:no-preference){.loading{-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")}}.filter{flex-wrap:wrap;display:flex}.filter [type=radio]{width:auto}.filter input{opacity:1;transition:visibility .1s allow-discrete, margin .1s, opacity .3s, padding .3s, border-width .1s;overflow:hidden;scale:1}.filter input.filter-reset{aspect-ratio:1}.filter input.filter-reset:after{--tw-content:"×";content:var(--tw-content)}.filter>input:not(:last-child),.filter>:not(:last-child) input{margin-inline-end:.25rem}.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}@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)}}: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)}}.list\!{flex-direction:column!important;font-size:.875rem!important;display:flex!important}.list\! .list-row{--list-grid-cols:minmax(0, auto) 1fr!important;border-radius:var(--radius-box)!important;word-break:break-word!important;grid-auto-flow:column!important;grid-template-columns:var(--list-grid-cols)!important;gap:1rem!important;padding:1rem!important;display:grid!important;position:relative!important}@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)!important}}:is(.list\!>:not(:last-child).list-row,.list\!>:not(:last-child) .list-row):after{content:""!important;border-bottom:var(--border) solid!important;inset-inline:var(--radius-box)!important;border-color:var(--color-base-content)!important;position:absolute!important;bottom:0!important}@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)!important}}.toggle{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;display:inline-grid;position:relative;box-shadow:inset 0 1px}@supports (color:color-mix(in lab, red, red)){.toggle{box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset}}.toggle{--input-color:var(--color-base-content);transition:color .3s,grid-template-columns .2s}@supports (color:color-mix(in lab, red, red)){.toggle{--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000)}}.toggle{--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size)}.toggle>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s}.toggle>:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.toggle>:focus{outline-offset:2px;outline:2px solid #0000}}.toggle>:nth-child(2){color:var(--color-base-100);rotate:0deg}.toggle>:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}.toggle:has(:checked)>:nth-child(2){opacity:0;rotate:15deg}.toggle:has(:checked)>:nth-child(3){opacity:1;rotate:0deg}.toggle:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;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;background-color:currentColor;grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@supports (color:color-mix(in lab, red, red)){.toggle: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 color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000)}}.toggle:before{background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}@media (forced-colors:active){.toggle:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{.toggle:before{outline-offset:-1rem;outline:.25rem solid}}.toggle:focus-visible,.toggle:has(:focus-visible){outline-offset:2px;outline:2px solid}.toggle:checked{background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr}.toggle:checked:before{background-color:currentColor}@starting-style{.toggle:checked:before{opacity:0}}.toggle[aria-checked=true]{background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr}.toggle[aria-checked=true]:before{background-color:currentColor}@starting-style{.toggle[aria-checked=true]:before{opacity:0}}.toggle:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr}.toggle:has(>input:checked):before{background-color:currentColor}@starting-style{.toggle:has(>input:checked):before{opacity:0}}.toggle:indeterminate{grid-template-columns:.5fr 1fr .5fr}.toggle:disabled{cursor:not-allowed;opacity:.3}.toggle:disabled:before{border:var(--border) solid currentColor;background-color:#0000}.input{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--size:calc(var(--size-field,.25rem) * var(--in-size-mul,10));--input-color:var(--color-base-content);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{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.input{cursor:text;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);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))}@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 input{appearance:none;background-color:#0000;border:none;width:100%;height:100%}.input input::placeholder{color:var(--color-base-content);opacity:.5}.input input:focus,.input input:focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.input input:focus,.input input:focus-within{outline-offset:2px;outline:2px solid #0000}}.input input::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}.input::-webkit-inner-spin-button{margin-inline-end:-10px}.input::-webkit-calendar-picker-indicator{inset-inline-end:.75em}input.input{text-align:start;display:inline-flex;position:relative}input.input[type=url],input.input[type=tel],input.input[type=email],input.input[type=number]{direction:ltr}input.input::-webkit-datetime-edit{min-height:100%;text-align:inherit;align-items:center;display:grid}input.input::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}input.input::-webkit-inner-spin-button{margin-block:calc(.25rem * var(--spin-my,-3))}input.input::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute}input.input::-webkit-color-swatch-wrapper{padding-block:.25rem}.input input{text-align:start;display:inline-flex;position:relative}.input input[type=url],.input input[type=tel],.input input[type=email],.input input[type=number]{direction:ltr}.input input::-webkit-datetime-edit{min-height:100%;text-align:inherit;align-items:center;display:grid}.input input::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}.input input::-webkit-inner-spin-button{margin-block:calc(.25rem * var(--spin-my,-3))}.input input::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute}.input input::-webkit-color-swatch-wrapper{padding-block:.25rem}.input:focus{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.input:focus{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.input:focus{outline:2px solid var(--input-color);outline-offset:2px}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.input:focus{--font-size:1rem}}}.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-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.input:focus-within{outline:2px solid var(--input-color);outline-offset:2px}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.input:focus-within{--font-size:1rem}}}.input:has(>input[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.input:has(>input[disabled]):is(input),.input:has(>input[disabled]) :is(input){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.input:has(>input[disabled]):is(input),.input:has(>input[disabled]) :is(input){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.input:has(>input[disabled]){box-shadow:none}.input:has(>input[disabled])::placeholder,.input:has(>input[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.input:is(:disabled,[disabled]):is(input),.input:is(:disabled,[disabled]) :is(input){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.input:is(:disabled,[disabled]):is(input),.input:is(:disabled,[disabled]) :is(input){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.input:is(:disabled,[disabled]){box-shadow:none}.input:is(:disabled,[disabled])::placeholder,.input:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}fieldset:disabled .input{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}fieldset:disabled .input:is(input),fieldset:disabled .input :is(input){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){fieldset:disabled .input:is(input),fieldset:disabled .input :is(input){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}fieldset:disabled .input{box-shadow:none}fieldset:disabled .input::placeholder,fieldset:disabled .input ::placeholder{color:var(--color-base-content);opacity:.2}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.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{--range-fill-x:calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2));--range-fill-y:0;--range-fill-spread:calc(100cqw * var(--range-fill));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::-moz-range-track{background-color:var(--range-bg);border-radius:var(--radius-selector);width:100%;height:calc(var(--range-thumb-size) * .5)}.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, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);position:relative;inset-block-start: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, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread)}}.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, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread);background-color:currentColor;position:relative}@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, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread)}}.range:disabled{cursor:not-allowed;opacity:.3}.range\!{appearance:none!important;webkit-appearance:none!important;--range-thumb:var(--color-base-100)!important;--range-thumb-size:calc(var(--size-selector,.25rem) * 6)!important;--range-progress:currentColor!important;--range-fill:1!important;--range-p:.25rem!important;--range-bg:currentColor!important}@supports (color:color-mix(in lab, red, red)){.range\!{--range-bg:color-mix(in oklab, currentColor 10%, #0000)!important}}.range\!{--range-fill-x:calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2))!important;--range-fill-y:0!important;--range-fill-spread:calc(100cqw * var(--range-fill))!important;cursor:pointer!important;vertical-align:middle!important;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector))!important;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)))!important;width:clamp(3rem,20rem,100%)!important;height:var(--range-thumb-size)!important;background-color:#0000!important;border:none!important;overflow:hidden!important}[dir=rtl] .range\!{--range-dir:-1!important}.range\!:focus{outline:none!important}.range\!:focus-visible{outline-offset:2px!important;outline:2px solid!important}.range\!::-webkit-slider-runnable-track{background-color:var(--range-bg)!important;border-radius:var(--radius-selector)!important;width:100%!important;height:calc(var(--range-thumb-size) * .5)!important}@media (forced-colors:active){.range\!::-webkit-slider-runnable-track{border:1px solid!important}.range\!::-moz-range-track{border:1px solid!important}}.range\!::-moz-range-track{background-color:var(--range-bg)!important;border-radius:var(--radius-selector)!important;width:100%!important;height:calc(var(--range-thumb-size) * .5)!important}.range\!::-webkit-slider-thumb{box-sizing:border-box!important;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)))!important;background-color:var(--range-thumb)!important;height:var(--range-thumb-size)!important;width:var(--range-thumb-size)!important;border:var(--range-p) solid!important;appearance:none!important;webkit-appearance:none!important;color:var(--range-progress)!important;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, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread)!important;position:relative!important;inset-block-start:50%!important;transform:translateY(-50%)!important}@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, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread)!important}}.range\!::-moz-range-thumb{box-sizing:border-box!important;border-radius:calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)))!important;height:var(--range-thumb-size)!important;width:var(--range-thumb-size)!important;border:var(--range-p) solid!important;color:var(--range-progress)!important;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, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread)!important;background-color:currentColor!important;position:relative!important}@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, var(--range-fill-x) var(--range-fill-y) 0 var(--range-fill-spread)!important}}.range\!:disabled{cursor:not-allowed!important;opacity:.3!important}.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:0px;--tw-border-spacing-y:0px;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(: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){z-index:1;position:sticky;top:0}.table :where(.table-pin-rows tfoot){z-index:1;position:sticky;bottom:0}.table :where(.table-pin-rows :is(thead,tfoot) tr){background-color:var(--color-base-100)}.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)}}.table\!{border-collapse:separate!important;--tw-border-spacing-x:0px!important;--tw-border-spacing-y:0px!important;width:100%!important;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)!important;border-radius:var(--radius-box)!important;text-align:left!important;font-size:.875rem!important;position:relative!important}.table\!:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right!important}@media (hover:hover){:is(:is(.table\! tr.row-hover),.table\! tr.row-hover:nth-child(2n)):hover{background-color:var(--color-base-200)!important}}.table\! :where(th,td){vertical-align:middle!important;padding-block:.75rem!important;padding-inline:1rem!important}.table\! :where(thead,tfoot){white-space:nowrap!important;color:var(--color-base-content)!important}@supports (color:color-mix(in lab, red, red)){.table\! :where(thead,tfoot){color:color-mix(in oklab, var(--color-base-content) 60%, transparent)!important}}.table\! :where(thead,tfoot){font-size:.875rem!important;font-weight:600!important}.table\! :where(tfoot tr:first-child :is(td,th)){border-top:var(--border) solid var(--color-base-content)!important}@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)!important}}.table\! :where(.table-pin-rows thead){z-index:1!important;position:sticky!important;top:0!important}.table\! :where(.table-pin-rows tfoot){z-index:1!important;position:sticky!important;bottom:0!important}.table\! :where(.table-pin-rows :is(thead,tfoot) tr){background-color:var(--color-base-100)!important}.table\! :where(.table-pin-cols tr th){background-color:var(--color-base-100)!important;position:sticky!important;left:0!important;right:0!important}.table\! :where(thead tr :is(td,th),tbody tr:not(:last-child) :is(td,th)){border-bottom:var(--border) solid var(--color-base-content)!important}@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)!important}}.steps .step\!{text-align:center!important;--step-bg:var(--color-base-300)!important;--step-fg:var(--color-base-content)!important;grid-template-rows:40px 1fr!important;grid-template-columns:auto!important;place-items:center!important;min-width:4rem!important;display:grid!important}.steps .step\!:before{width:100%!important;height:.5rem!important;color:var(--step-bg)!important;background-color:var(--step-bg)!important;content:""!important;border:1px solid!important;grid-row-start:1!important;grid-column-start:1!important;margin-inline-start:-100%!important;top:0!important}.steps .step\!>.step-icon,.steps .step\!:not(:has(.step-icon)):after{--tw-content:counter(step)!important;content:var(--tw-content)!important;counter-increment:step!important;z-index:1!important;color:var(--step-fg)!important;background-color:var(--step-bg)!important;border:1px solid var(--step-bg)!important;border-radius:3.40282e38px!important;grid-row-start:1!important;grid-column-start:1!important;place-self:center!important;place-items:center!important;width:2rem!important;height:2rem!important;display:grid!important;position:relative!important}.steps .step\!:first-child:before{--tw-content:none!important;content:var(--tw-content)!important}.steps .step\![data-content]:after{--tw-content:attr(data-content)!important;content:var(--tw-content)!important}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}.steps .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.steps .step:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}.steps .step>.step-icon,.steps .step:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.steps .step:first-child:before{--tw-content:none;content:var(--tw-content)}.steps .step[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}.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}.select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10));--input-color:var(--color-base-content);flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.select{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.select{width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);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));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}}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.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::placeholder{color:var(--color-base-content);opacity:.5}.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{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.select:focus{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.select:focus{outline:2px solid var(--input-color);outline-offset:2px}.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-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.select:focus-within{outline:2px solid var(--input-color);outline-offset:2px}.select:open{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.select:open{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.select:open{outline:2px solid var(--input-color);outline-offset:2px;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}.select:has(>select[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.select:has(>select[disabled]):is(select),.select:has(>select[disabled]) :is(select){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.select:has(>select[disabled]):is(select),.select:has(>select[disabled]) :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.select:has(>select[disabled]){box-shadow:none}.select:has(>select[disabled])::placeholder,.select:has(>select[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.select:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.select:is(:disabled,[disabled]):is(select),.select:is(:disabled,[disabled]) :is(select){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.select:is(:disabled,[disabled]):is(select),.select:is(:disabled,[disabled]) :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.select:is(:disabled,[disabled]){box-shadow:none}.select:is(:disabled,[disabled])::placeholder,.select:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}fieldset:disabled .select:is(select),fieldset:disabled .select :is(select){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){fieldset:disabled .select:is(select),fieldset:disabled .select :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}fieldset:disabled .select{box-shadow:none}fieldset:disabled .select::placeholder,fieldset:disabled .select ::placeholder{color:var(--color-base-content);opacity:.2}.select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){:is(.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) selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}:is(.select,.select select) optgroup{padding-top:.5em}:is(.select,.select select) optgroup option:first-child{margin-top:.5em}@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)}}@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{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px,3));white-space:normal;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)}[dir=rtl] .select::picker(select){translate:.5rem}[dir=rtl] .select select::picker(select){translate:.5rem}.select\!{appearance:none!important;background-color:var(--color-base-100)!important;vertical-align:middle!important;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10))!important;--input-color:var(--color-base-content)!important;flex-shrink:1!important;align-items:center!important;gap:.375rem!important;padding-inline:.75rem 1.75rem!important;display:inline-flex!important;position:relative!important}@supports (color:color-mix(in lab, red, red)){.select\!{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)!important}}.select\!{width:clamp(3rem,20rem,100%)!important;height:var(--size)!important;font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem))!important;touch-action:manipulation!important;white-space:nowrap!important;text-overflow:ellipsis!important;border:var(--border) solid var(--input-color,#0000)!important;box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset!important;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%)!important;background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%)!important;background-repeat:no-repeat!important;background-size:4px 4px,4px 4px!important;border-start-start-radius:var(--join-ss,var(--radius-field))!important;border-start-end-radius:var(--join-se,var(--radius-field))!important;border-end-end-radius:var(--join-ee,var(--radius-field))!important;border-end-start-radius:var(--join-es,var(--radius-field))!important;overflow:hidden!important}@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!important}}[dir=rtl] .select\!{background-position:12px calc(1px + 50%),16px calc(1px + 50%)!important}.select\![multiple]{background-image:none!important;height:auto!important;padding-block:.75rem!important;padding-inline-end:.75rem!important;overflow:auto!important}.select\! select{appearance:none!important;width:calc(100% + 2.75rem)!important;height:calc(100% - calc(var(--border) * 2))!important;background:inherit!important;border-radius:inherit!important;border-style:none!important;align-items:center!important;margin-inline:-.75rem -1.75rem!important;padding-inline:.75rem 1.75rem!important}.select\! select::placeholder{color:var(--color-base-content)!important;opacity:.5!important}.select\! select:focus,.select\! select:focus-within{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){.select\! select:focus,.select\! select:focus-within{outline-offset:2px!important;outline:2px solid #0000!important}}.select\! select:not(:last-child){background-image:none!important;margin-inline-end:-1.375rem!important}.select\!:focus{--input-color:var(--color-base-content)!important;box-shadow:0 1px var(--input-color)!important}@supports (color:color-mix(in lab, red, red)){.select\!:focus{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)!important}}.select\!:focus{outline:2px solid var(--input-color)!important;outline-offset:2px!important}.select\!:focus-within{--input-color:var(--color-base-content)!important;box-shadow:0 1px var(--input-color)!important}@supports (color:color-mix(in lab, red, red)){.select\!:focus-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)!important}}.select\!:focus-within{outline:2px solid var(--input-color)!important;outline-offset:2px!important}.select\!:open{--input-color:var(--color-base-content)!important;box-shadow:0 1px var(--input-color)!important}@supports (color:color-mix(in lab, red, red)){.select\!:open{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)!important}}.select\!:open{outline:2px solid var(--input-color)!important;outline-offset:2px!important;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)!important}.select\!:has(>select[disabled]){cursor:not-allowed!important;border-color:var(--color-base-200)!important;background-color:var(--color-base-200)!important}.select\!:has(>select[disabled]):is(select),.select\!:has(>select[disabled]) :is(select){color:var(--color-base-content)!important}@supports (color:color-mix(in lab, red, red)){.select\!:has(>select[disabled]):is(select),.select\!:has(>select[disabled]) :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)!important}}.select\!:has(>select[disabled]){box-shadow:none!important}.select\!:has(>select[disabled])::placeholder,.select\!:has(>select[disabled]) ::placeholder{color:var(--color-base-content)!important;opacity:.2!important}.select\!:is(:disabled,[disabled]){cursor:not-allowed!important;border-color:var(--color-base-200)!important;background-color:var(--color-base-200)!important}.select\!:is(:disabled,[disabled]):is(select),.select\!:is(:disabled,[disabled]) :is(select){color:var(--color-base-content)!important}@supports (color:color-mix(in lab, red, red)){.select\!:is(:disabled,[disabled]):is(select),.select\!:is(:disabled,[disabled]) :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)!important}}.select\!:is(:disabled,[disabled]){box-shadow:none!important}.select\!:is(:disabled,[disabled])::placeholder,.select\!:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content)!important;opacity:.2!important}fieldset:disabled .select\!{cursor:not-allowed!important;border-color:var(--color-base-200)!important;background-color:var(--color-base-200)!important}fieldset:disabled .select\!:is(select),fieldset:disabled .select\! :is(select){color:var(--color-base-content)!important}@supports (color:color-mix(in lab, red, red)){fieldset:disabled .select\!:is(select),fieldset:disabled .select\! :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)!important}}fieldset:disabled .select\!{box-shadow:none!important}fieldset:disabled .select\!::placeholder,fieldset:disabled .select\! ::placeholder{color:var(--color-base-content)!important;opacity:.2!important}.select\!:has(>select[disabled])>select[disabled]{cursor:not-allowed!important}@supports (appearance:base-select){:is(.select\!,.select\! select){appearance:base-select!important}:is(.select\!,.select\! select)::picker(select){appearance:base-select!important}}:is(.select\!,.select\! select)::picker(select){color:inherit!important;border:var(--border) solid var(--color-base-200)!important;border-radius:var(--radius-box)!important;background-color:inherit!important;max-height:min(24rem,70dvh)!important;box-shadow:0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/.2)!important;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))!important;margin-block:.5rem!important;margin-inline:.5rem!important;padding:.5rem!important;translate:-.5rem!important}:is(.select\!,.select\! select)::picker-icon{display:none!important}:is(.select\!,.select\! select) selectedcontent{text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;overflow:hidden!important}:is(.select\!,.select\! select) optgroup{padding-top:.5em!important}:is(.select\!,.select\! select) optgroup option:first-child{margin-top:.5em!important}@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)!important}}@media (forced-colors:active){:is(.select\!,.select\! select) option:not(:disabled):hover,:is(.select\!,.select\! select) option:not(:disabled):focus-visible{outline-offset:2px!important;outline:2px solid #0000!important}}:is(.select\!,.select\! select) option{border-radius:var(--radius-field)!important;padding-block:.375rem!important;padding-inline:calc(.25rem * var(--option-px,3))!important;white-space:normal!important;transition-property:color,background-color!important;transition-duration:.2s!important;transition-timing-function:cubic-bezier(0,0,.2,1)!important}:is(.select\!,.select\! select) option:not(:disabled):hover,:is(.select\!,.select\! select) option:not(:disabled):focus-visible{cursor:pointer!important;background-color:var(--color-base-content)!important}@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)!important}}:is(.select\!,.select\! select) option:not(:disabled):hover,:is(.select\!,.select\! select) option:not(:disabled):focus-visible{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){:is(.select\!,.select\! select) option:not(:disabled):hover,:is(.select\!,.select\! select) option:not(:disabled):focus-visible{outline-offset:2px!important;outline:2px solid #0000!important}}:is(.select\!,.select\! select) option:not(:disabled):active{background-color:var(--color-neutral)!important;color:var(--color-neutral-content)!important;box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)!important}[dir=rtl] .select\!::picker(select){translate:.5rem!important}[dir=rtl] .select\! select::picker(select){translate:.5rem!important}.avatar-group .avatar{border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}.avatar{vertical-align:middle;align-self:center;display:inline-flex;position:relative}.avatar>div{aspect-ratio:1;display:block;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.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{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))}.checkbox:checked:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){.checkbox:checked:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:0deg}}@media print{.checkbox:checked:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:0deg}}.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))}.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){.checkbox[aria-checked=true]:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:0deg}}@media print{.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{background-color:var(--color-base-100);border-color:currentColor}@media (prefers-reduced-motion:no-preference){.radio:checked{animation:.2s ease-out radio}}.radio:checked: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){.radio:checked:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{.radio:checked:before{outline-offset:-1rem;outline:.25rem solid}}.radio[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor}@media (prefers-reduced-motion:no-preference){.radio[aria-checked=true]{animation:.2s ease-out radio}}.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){.radio[aria-checked=true]:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{.radio[aria-checked=true]:before{outline-offset:-1rem;outline:.25rem solid}}.drawer{grid-auto-columns:max-content auto;width:100%;display:grid;position:relative}.card-body{padding:var(--card-p,1.5rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex}.card{border-radius:var(--radius-box);outline-offset:2px;outline:2px solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.card:focus-visible,.card[aria-checked=true],.card:has(>:checked,>:is([type=checkbox],[type=radio]):focus-visible){outline-color:currentColor}.card:has(>:checked:focus-visible),.card[aria-checked=true]:focus-visible,.card[aria-checked=true]:has(>:is([type=checkbox],[type=radio]):focus-visible){outline-width:4px}.card:has(>:is([type=checkbox],[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.card>:is([type=checkbox],[type=radio]){appearance:none}.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}@media (prefers-reduced-motion:no-preference){.progress::-moz-progress-bar{transition:inline-size .3s}}}@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}@media (prefers-reduced-motion:no-preference){.progress::-webkit-progress-value{transition:inline-size .3s}}}.textarea{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:var(--color-base-content);flex-shrink:1;min-height:5rem;padding-block:.5rem;padding-inline:.75rem}@supports (color:color-mix(in lab, red, red)){.textarea{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.textarea{width:clamp(3rem,20rem,100%);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}@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 textarea{appearance:none;background-color:#0000;border:none}.textarea textarea::placeholder{color:var(--color-base-content);opacity:.5}.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{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.textarea:focus{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.textarea:focus{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.textarea:focus{--font-size:1rem}}}.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-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.textarea:focus-within{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.textarea:focus-within{--font-size:1rem}}}.textarea:has(>textarea[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]){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.textarea:has(>textarea[disabled]){box-shadow:none}.textarea:has(>textarea[disabled])::placeholder,.textarea:has(>textarea[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.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:is(:disabled,[disabled]){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.textarea:is(:disabled,[disabled]){box-shadow:none}.textarea:is(:disabled,[disabled])::placeholder,.textarea:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.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{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.divider:before{border:.5px solid}}.divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.divider:after{border:.5px solid}}.divider:not(:empty){gap:1rem}.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}@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)}}@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)}}.label\!{white-space:nowrap!important;color:currentColor!important;align-items:center!important;gap:.375rem!important;display:inline-flex!important}@supports (color:color-mix(in lab, red, red)){.label\!{color:color-mix(in oklab, currentcolor 60%, transparent)!important}}.label\!:has(input){cursor:pointer!important}.label\!:is(.input>*,.select>*){white-space:nowrap!important;height:calc(100% - .5rem)!important;font-size:inherit!important;align-items:center!important;padding-inline:.75rem!important;display:flex!important}.label\!:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid currentColor!important;margin-inline:-.75rem .75rem!important}@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)!important}}.label\!:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid currentColor!important;margin-inline:.75rem -.75rem!important}@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)!important}}@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)}}@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)}}.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)}}.label:is(.input>*,.select\!>*){white-space:nowrap!important;height:calc(100% - .5rem)!important;font-size:inherit!important;align-items:center!important;padding-inline:.75rem!important;display:flex!important}.label:is(.input>*,.select\!>*):first-child{border-inline-end:var(--border) solid currentColor!important;margin-inline:-.75rem .75rem!important}@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)!important}}.label:is(.input>*,.select\!>*):last-child{border-inline-start:var(--border) solid currentColor!important;margin-inline:.75rem -.75rem!important}@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)!important}}.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)}}.status\!{aspect-ratio:1!important;border-radius:var(--radius-selector)!important;background-color:var(--color-base-content)!important;width:.5rem!important;height:.5rem!important;display:inline-block!important}@supports (color:color-mix(in lab, red, red)){.status\!{background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)!important}}.status\!{vertical-align:middle!important;color:#0000004d!important;background-position:50%!important;background-repeat:no-repeat!important}@supports (color:color-mix(in lab, red, red)){.status\!{color:color-mix(in oklab, var(--color-black) 30%, transparent)!important}}.status\!{background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000)!important;box-shadow:0 2px 3px -1px!important}@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)!important}}.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}.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>:not(script,style,template){place-items:start;gap:.5rem;display:grid}.footer\!{grid-auto-flow:row!important;place-items:start!important;gap:2.5rem 1rem!important;width:100%!important;font-size:.875rem!important;line-height:1.25rem!important;display:grid!important}.footer\!>:not(script,style,template){place-items:start!important;gap:.5rem!important;display:grid!important}.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}.fieldset{grid-template-columns:1fr;grid-auto-rows:max-content;gap:.375rem;padding-block:.25rem;font-size:.75rem;display:grid}.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}.menu .dropdown:focus-within .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}.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-outline{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.btn-ghost{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.aura:has(>.\!btn,>.input,>.select){--aura-radius:var(--radius-field)!important}.aura:has(>.card,>.alert){--aura-radius:var(--radius-box)}.aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}.aura:has(>.btn,>.input,>.select\!){--aura-radius:var(--radius-field)!important}.aura:has(>.checkbox,>.toggle,>.badge){--aura-radius:var(--radius-selector)}.collapse:not(td,tr,colgroup){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}@media (prefers-reduced-motion:no-preference){.collapse:not(td,tr,colgroup){transition:grid-template-rows .2s}}.collapse:not(td,tr,colgroup)>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:not(td,tr,colgroup):is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),.collapse:not(td,tr,colgroup):not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:not(td,tr,colgroup):is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.collapse:not(td,tr,colgroup):not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content}@supports not (content-visibility:visible){.collapse:not(td,tr,colgroup):is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.collapse:not(td,tr,colgroup):not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible}}.collapse:not(td,tr,colgroup):focus-visible,.collapse:not(td,tr,colgroup):has(>input:is([type=checkbox],[type=radio]):focus-visible),.collapse:not(td,tr,colgroup):has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}.collapse:not(td,tr,colgroup):not(.collapse-close)>input[type=checkbox],.collapse:not(td,tr,colgroup):not(.collapse-close)>input[type=radio]:not(:checked),.collapse:not(td,tr,colgroup):not(.collapse-close)>.collapse-title{cursor:pointer}:is(.collapse:not(td,tr,colgroup)[tabindex]:focus:not(.collapse-close,.collapse[open]),.collapse:not(td,tr,colgroup)[tabindex]:focus-within:not(.collapse-close,.collapse[open]))>.collapse-title{cursor:unset}.collapse:not(td,tr,colgroup):is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),.collapse:not(td,tr,colgroup):not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}.collapse:not(td,tr,colgroup):is(details){width:100%}.collapse:not(td,tr,colgroup):is(details)::details-content{--overflow-delay:0s;height:0;overflow:clip}.collapse:not(td,tr,colgroup):is(details):where([open])::details-content{overflow:revert-layer;height:auto}@media (prefers-reduced-motion:no-preference){.collapse:not(td,tr,colgroup):is(details)::details-content{transition:overflow .2s allow-discrete var(--overflow-delay), 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}.collapse:not(td,tr,colgroup):is(details):where([open])::details-content{--overflow-delay:.2s}}.collapse:not(td,tr,colgroup):is(details)>summary{outline:none;display:block;position:relative}.collapse:not(td,tr,colgroup):is(details)>summary::-webkit-details-marker{display:none}.kbd{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;color:var(--color-base-content);border:var(--border) solid var(--color-base-content);flex-shrink:0;justify-content:center;align-items:center;padding-inline:.5em;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.kbd{border:var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000)}}.kbd{border-bottom:calc(var(--border) + 1px) solid var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.kbd{border-bottom:calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000)}}.kbd{--size:calc(var(--size-selector,.25rem) * 6);height:var(--size);min-width:var(--size);font-size:.875rem}.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) * 33%);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)}}.prose :where(a.\!btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none!important}@layer daisyui.l1{@media (hover:hover){.\!btn:hover{--btn-bg:var(--btn-color,var(--color-base-200))!important}@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%)!important}}.\!btn:hover{color:var(--btn-fg)!important;--btn-border:var(--btn-bg)!important}@supports (color:color-mix(in lab, red, red)){.\!btn:hover{--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))!important}}.\!btn:hover{--btn-border-style:solid!important;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%))!important;--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)!important}@supports (color:color-mix(in lab, red, red)){.\!btn:hover{--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)!important}}}.\!btn:active:not(.btn-active){--btn-bg:var(--btn-color,var(--color-base-200))!important;translate:0 .5px!important}@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%)!important}}.\!btn:active:not(.btn-active){color:var(--btn-fg,var(--color-base-content))!important;--btn-border:var(--btn-color,var(--color-base-200))!important}@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%)!important}}.\!btn:active:not(.btn-active){--btn-border-style:solid!important;--btn-inset:0 0 0 0 oklch(0% 0 0/0)!important;--btn-shadow:0 0 0 0 oklch(0% 0 0/0)!important}.\!btn:where(:checked:not(.filter [type=radio].\!btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200))!important;color:var(--btn-fg,var(--color-base-content))!important;--btn-border:var(--btn-bg)!important}@supports (color:color-mix(in lab, red, red)){.\!btn:where(:checked:not(.filter [type=radio].\!btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))!important}}.\!btn:where(:checked:not(.filter [type=radio].\!btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border-style:solid!important;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%))!important;--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)!important}@supports (color:color-mix(in lab, red, red)){.\!btn:where(:checked:not(.filter [type=radio].\!btn),:not([type=radio],[type=checkbox]):focus-visible){--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)!important}}.\!btn:where(:checked:not(.filter [type=radio].\!btn),:not([type=radio],[type=checkbox]):focus-visible){isolation:isolate!important}.\!btn:focus-visible,.\!btn:has(:focus-visible){isolation:isolate!important;outline-width:2px!important;outline-style:solid!important}@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:hover{color:var(--btn-fg);--btn-border:var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:hover{--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.btn:hover{--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--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:hover{--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: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){color:var(--btn-fg,var(--color-base-content));--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-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0)}.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--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:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--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:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){isolation:isolate}.btn:focus-visible,.btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}.filter:not(:has(:checked:not(.filter-reset))) :is(.filter-reset,[type=reset]):not(:focus-visible){visibility:hidden;opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}.filter:not(:has(:focus-visible)):has(:checked:not(.filter-reset,[type=checkbox])) :is(input,button):not(:checked,.filter-reset,[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}@layer daisyui{.\!btn:is(:disabled,[disabled],[aria-disabled=true]){pointer-events:none!important;color:var(--color-base-content)!important}@supports (color:color-mix(in lab, red, red)){.\!btn:is(:disabled,[disabled],[aria-disabled=true]){color:color-mix(in oklch, var(--color-base-content) 20%, #0000)!important}}.\!btn:is(:disabled,[disabled],[aria-disabled=true]){--btn-bg:#0000!important;--btn-border:#0000!important;--btn-inset:0 0 0 0 oklch(0% 0 0/0)!important;--btn-shadow:0 0 0 0 oklch(0% 0 0/0)!important;background-image:none!important}:is(.btn-disabled,.\!btn:is(:disabled,[disabled],[aria-disabled=true])):not(.btn-link,.btn-ghost){background-color:var(--color-base-content)!important}@supports (color:color-mix(in lab, red, red)){:is(.btn-disabled,.\!btn:is(:disabled,[disabled],[aria-disabled=true])):not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)!important}}.btn:is(:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:is(:disabled,[disabled],[aria-disabled=true]){color:color-mix(in oklch, var(--color-base-content) 20%, #0000)}}.btn:is(:disabled,[disabled],[aria-disabled=true]){--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}:is(.btn-disabled,.btn:is(:disabled,[disabled],[aria-disabled=true])):not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.btn-disabled,.btn:is(:disabled,[disabled],[aria-disabled=true])):not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}.collapse:not(td,tr,colgroup){visibility:revert-layer}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}:is(.input[type=url],.input[type=tel],.input[type=email],.input[type=number]):dir(rtl){border-start-start-radius:var(--join-se,var(--radius-field));border-start-end-radius:var(--join-ss,var(--radius-field));border-end-end-radius:var(--join-es,var(--radius-field));border-end-start-radius:var(--join-ee,var(--radius-field))}@layer daisyui.l1.l2.l3.l4{.card-body p{flex-grow:1}.card 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 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}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-\[calc\(100\%-\.25rem\)\]{top:calc(100% - .25rem)}.top-full{top:100%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-0{left:0}.left-1{left:var(--spacing)}.left-2{left:calc(var(--spacing) * 2)}.isolate{isolation:isolate}.join{--join-ss:0;--join-se:0;--join-es:0;--join-ee:0;--join-v:0;--join-h:1;align-items:stretch;display:inline-flex}@scope(.join){:scope>:where(:focus,:has(:focus)){z-index:2}@media (hover:hover){:scope>:where(.btn:hover,:has(.btn:hover)){z-index:1}}:scope :where(:scope>:first-child){--join-ss:var(--radius-field);--join-se:calc(var(--radius-field) * var(--join-v));--join-es:calc(var(--radius-field) * var(--join-h));--join-ee:0}:scope :where(:scope>:last-child){--join-ss:0;--join-se:calc(var(--radius-field) * var(--join-h));--join-es:calc(var(--radius-field) * var(--join-v));--join-ee:var(--radius-field)}:scope :where(:scope>:only-child){--join-ss:var(--radius-field);--join-se:var(--radius-field);--join-es:var(--radius-field);--join-ee:var(--radius-field)}}.z-10{z-index:10}.z-30{z-index:30}.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:0}.m-1{margin:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.my-1{margin-block:var(--spacing)}.my-auto{margin-block:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.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)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:var(--spacing)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.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:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.kbd{box-shadow:none}.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}:root .prose{--tw-prose-body:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:root .prose{--tw-prose-body:color-mix(in oklab, var(--color-base-content) 80%, #0000)}}:root .prose{--tw-prose-headings:var(--color-base-content);--tw-prose-lead:var(--color-base-content);--tw-prose-links:var(--color-base-content);--tw-prose-bold:var(--color-base-content);--tw-prose-counters:var(--color-base-content);--tw-prose-bullets:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:root .prose{--tw-prose-bullets:color-mix(in oklab, var(--color-base-content) 50%, #0000)}}:root .prose{--tw-prose-hr:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:root .prose{--tw-prose-hr:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}:root .prose{--tw-prose-quotes:var(--color-base-content);--tw-prose-quote-borders:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:root .prose{--tw-prose-quote-borders:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}:root .prose{--tw-prose-captions:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:root .prose{--tw-prose-captions:color-mix(in oklab, var(--color-base-content) 50%, #0000)}}:root .prose{--tw-prose-code:var(--color-base-content);--tw-prose-pre-code:var(--color-neutral-content);--tw-prose-pre-bg:var(--color-neutral);--tw-prose-th-borders:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:root .prose{--tw-prose-th-borders:color-mix(in oklab, var(--color-base-content) 50%, #0000)}}:root .prose{--tw-prose-td-borders:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:root .prose{--tw-prose-td-borders:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}:root .prose{--tw-prose-kbd:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:root .prose{--tw-prose-kbd:color-mix(in oklab, var(--color-base-content) 80%, #0000)}}:root .prose :where(code):not(pre>code){background-color:var(--color-base-200);border-radius:var(--radius-selector);border:var(--border) solid var(--color-base-300);font-weight:inherit;padding-block:.2em;padding-inline:.5em}:root .prose :where(code):not(pre>code):before,:root .prose :where(code):not(pre>code):after{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.aspect-square{aspect-ratio:1}.size-1{width:var(--spacing);height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-40{height:calc(var(--spacing) * 40)}.h-84{height:calc(var(--spacing) * 84)}.h-120{height:calc(var(--spacing) * 120)}.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)}.max-h-\[min\(30rem\,75vh\)\]{max-height:min(30rem,75vh)}.min-h-0{min-height:0}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-\[50px\]{min-height:50px}.min-h-\[80px\]{min-height:80px}.min-h-\[220px\]{min-height:220px}.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-7{width:calc(var(--spacing) * 7)}.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-\[44\%\]{width:44%}.w-\[min\(26rem\,calc\(100vw-1rem\)\)\]{width:min(26rem,100vw - 1rem)}.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-\[240px\]{max-width:240px}.max-w-\[min\(92\%\,52rem\)\]{max-width:min(92%,52rem)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.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:var(--spacing)}.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\/35{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/35{border-color:color-mix(in oklab, var(--color-primary) 35%, 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-slate-700{border-color:var(--color-slate-700)}.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-\[\#161b22\]{background-color:#161b22}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.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,.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-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/15{background-color:color-mix(in oklab, var(--color-violet-500) 15%, transparent)}}.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}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.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{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.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\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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:var(--spacing)}.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)}.pb-1{padding-bottom:var(--spacing)}.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-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-justify{text-align:justify}.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-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.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)}.text-wrap{text-wrap:wrap}.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-amber-400{color:var(--color-amber-400)}.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{color:var(--color-error)}.text-error-content{color:var(--color-error-content)}.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-violet-400{color:var(--color-violet-400)}.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)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.italic\!{font-style:italic!important}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.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{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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-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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);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)!important;outline-width:1px!important}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.blur\!{--tw-blur:blur(8px)!important;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,)!important}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.invert{--tw-invert:invert(100%);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,)}.backdrop-filter{-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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.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,.hover\:bg-base-200\/70:hover{background-color:var(--color-base-200)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-base-200\/70:hover{background-color:color-mix(in oklab, var(--color-base-200) 70%, transparent)}}.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\: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 toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes aura{to{--aura-angle:360deg;transform:translateZ(1px)}}@keyframes aura-glow{20%,80%{opacity:.7;filter:blur(.25rem)}50%{opacity:1;filter:blur(.75rem)}}@keyframes aura-glow-after{20%,80%{opacity:.3;filter:blur(1rem)}50%{opacity:.6;filter:blur(1.5rem)}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes progress{50%{background-position-x:-115%}}@keyframes menu{0%{opacity:0}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.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 dropdown{0%{opacity:0}}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@property --tw-ease{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
+ width: min(86vw, 22rem) !important;
12
+ min-width: min(86vw, 22rem) !important;
13
+ max-width: min(86vw, 22rem) !important;
14
+ transform: translateX(-103%); z-index: 10;
15
+ transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease;
16
+ padding-bottom: env(safe-area-inset-bottom, 0px);
17
+ overscroll-behavior: contain;
18
+ }
19
+ #sidebar.open { transform: translateX(0); box-shadow: 4px 0 20px rgba(0,0,0,.4); }
20
+
21
+ /* Compact chat composer on phones — less height, less dead space under bar */
22
+ #composer-row { padding: 0 !important; }
23
+ .composer-surface { min-height: 0; border-radius: 0.8rem; }
24
+ #chat-input.chat-input,
25
+ #chat-input {
26
+ min-height: 32px !important;
27
+ max-height: 72px !important;
28
+ padding: 8px 12px 4px !important;
29
+ border-radius: 0.65rem 0.65rem 0 0;
30
+ /* 16px prevents iOS Safari auto-zoom on focus */
31
+ font-size: 16px !important;
32
+ line-height: 1.4 !important;
33
+ }
34
+ /* Two fixed icon slots: settings + attachment never wrap below the input. */
35
+ .composer-tools { flex: 0 0 64px; flex-wrap: nowrap; gap: 0; }
36
+ .composer-icon-btn { width: 32px; height: 32px; min-width: 32px; font-size: 17px; }
37
+ .composer-actions { flex-wrap: nowrap; gap: .35rem; }
38
+ .composer-submit { min-width: 0; flex-shrink: 1; }
39
+ .composer-send-btn, .composer-stop-btn { min-height: 40px; height: 40px; }
40
+ .composer-hint { display: none; }
41
+ #chat-opts {
42
+ padding-top: 0.35rem !important;
43
+ padding-left: 0.55rem !important;
44
+ padding-right: 0.55rem !important;
45
+ gap: 0.35rem !important;
46
+ }
47
+ #scroll-nav {
48
+ bottom: 4.5rem !important;
49
+ }
50
+ /* File list actions always visible on touch (no hover) */
51
+ .file-row-action {
52
+ opacity: 1 !important;
53
+ }
54
+
55
+ /* Tighter chrome so the thread is the product */
56
+ #topbar-project { display: none; }
57
+ #project-view > .flex.bg-base-200 { /* tab strip */
58
+ min-height: 40px;
59
+ }
60
+ #project-view [data-tab] {
61
+ padding: 0.55rem 0.85rem !important;
62
+ font-size: 13px !important;
63
+ }
64
+ #project-notes-bar,
65
+ #session-notes-bar {
66
+ font-size: 11px;
67
+ padding: 0.35rem 0.7rem !important;
68
+ }
69
+ #messages {
70
+ padding: 0.65rem 0.45rem !important;
71
+ gap: 0.55rem !important;
72
+ }
73
+ .msg-row { gap: 3px; }
74
+ .msg-row.assistant > div:not(.msg-ts),
75
+ .msg-row.error > div:not(.msg-ts) {
76
+ max-width: 100% !important;
77
+ border-radius: 1rem !important;
78
+ border-top-left-radius: 0.3rem !important;
79
+ }
80
+ .msg-row.user > div:not(.msg-ts) {
81
+ max-width: 88% !important;
82
+ border-radius: 1rem !important;
83
+ border-top-right-radius: 0.3rem !important;
84
+ }
85
+ #sidebar-resize,
86
+ #sidebar-toggle {
87
+ display: none !important;
88
+ }
89
+ #sidebar .input,
90
+ #sidebar .select {
91
+ min-height: 2.25rem;
92
+ font-size: 16px !important; /* prevents Safari focus zoom */
93
+ }
94
+ #sidebar #time-range { font-size: 12px !important; }
95
+ #sidebar #session-list {
96
+ padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
97
+ -webkit-overflow-scrolling: touch;
98
+ }
99
+ #sidebar [data-view],
100
+ #sidebar .agent-pill {
101
+ min-height: 28px;
102
+ }
103
+ #sidebar .sidebar-mobile-actions {
104
+ display: flex;
105
+ gap: 0.35rem;
106
+ padding-bottom: max(0.5rem, env(safe-area-inset-bottom, 0px));
107
+ }
108
+ .md {
109
+ font-size: 0.9375rem;
110
+ line-height: 1.6;
111
+ }
112
+ .md h1, .md h2, .md h3 {
113
+ font-size: 1.02em !important;
114
+ padding: 0.05em 0 0.15em 0.45em !important;
115
+ border-left-width: 3px !important;
116
+ background: none !important;
117
+ border-bottom: none !important;
118
+ margin: 0.7em 0 0.35em !important;
119
+ }
120
+ .md :not(pre) > code {
121
+ white-space: nowrap;
122
+ display: inline;
123
+ font-size: 0.82em;
124
+ padding: 0.08em 0.32em;
125
+ }
126
+ .token-bar {
127
+ font-size: 10px;
128
+ line-height: 1.45;
129
+ padding: 0.15rem 0.45rem;
130
+ }
131
+ }
132
+
133
+ @media (min-width: 641px) {
134
+ #sidebar .sidebar-mobile-actions { display: none !important; }
135
+ #sidebar {
136
+ transition: width .18s ease, min-width .18s ease;
137
+ }
138
+ #sidebar.desktop-collapsed {
139
+ border-right-color: transparent;
140
+ }
141
+ }
142
+
143
+ /* File row actions: hover-reveal on desktop only */
144
+ @media (min-width: 641px) {
145
+ .file-row-action {
146
+ opacity: 0;
147
+ }
148
+ .group:hover .file-row-action,
149
+ .group:focus-within .file-row-action {
150
+ opacity: 1;
151
+ }
152
+ }
153
+
154
+ /*
155
+ * Safe areas (PWA + mobile Safari with viewport-fit=cover):
156
+ * Do NOT pad the whole body (that leaves a dead empty strip under the chat bar).
157
+ * Paint chrome into the insets; only inset interactive content.
158
+ */
159
+ html, body {
160
+ height: 100%;
161
+ height: 100dvh;
162
+ max-height: 100dvh;
163
+ overflow: hidden;
164
+ }
165
+ /* iOS keyboard: shrink the app to the visual viewport so the composer
166
+ * sits above the keyboard instead of floating over Safari chrome. */
167
+ html.vv-keyboard,
168
+ html.vv-keyboard body {
169
+ height: var(--vvh, 100dvh);
170
+ max-height: var(--vvh, 100dvh);
171
+ }
172
+ html.vv-keyboard body {
173
+ position: fixed;
174
+ top: var(--vv-top, 0px);
175
+ left: 0;
176
+ right: 0;
177
+ width: 100%;
178
+ }
179
+ html.pwa-standalone,
180
+ html.pwa-standalone body {
181
+ background: oklch(var(--b1));
182
+ }
183
+ /* Top bar: extend under status bar, push content below notch */
184
+ html.pwa-standalone #topbar {
185
+ padding-top: env(safe-area-inset-top, 0px);
186
+ min-height: calc(44px + env(safe-area-inset-top, 0px));
187
+ height: auto !important;
188
+ padding-left: max(0.75rem, env(safe-area-inset-left, 0px));
189
+ padding-right: max(0.75rem, env(safe-area-inset-right, 0px));
190
+ }
191
+ /*
192
+ * Chat composer: background fills home-indicator inset.
193
+ * Inner #composer-row already has small padding; only add safe-area beyond that
194
+ * so we don't stack large empty strips under the input.
195
+ */
196
+ #chat-form {
197
+ flex-shrink: 0;
198
+ display: flex;
199
+ flex-direction: column;
200
+ }
201
+ #chat-composer {
202
+ padding-bottom: env(safe-area-inset-bottom, 0px);
203
+ padding-left: env(safe-area-inset-left, 0px);
204
+ padding-right: env(safe-area-inset-right, 0px);
205
+ }
206
+ html.vv-keyboard #chat-composer {
207
+ padding-bottom: 0;
208
+ }
209
+ /* Welcome / machine picker full-screen panels */
210
+ html.pwa-standalone #welcome,
211
+ html.pwa-standalone #machine-picker {
212
+ padding-top: max(1rem, env(safe-area-inset-top, 0px));
213
+ padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
214
+ padding-left: max(1rem, env(safe-area-inset-left, 0px));
215
+ padding-right: max(1rem, env(safe-area-inset-right, 0px));
216
+ }
217
+ /* Meta agent drawer bottom */
218
+ html.pwa-standalone #meta-agent-panel,
219
+ html.pwa-standalone .ma-panel {
220
+ padding-bottom: env(safe-area-inset-bottom, 0px);
221
+ }
222
+
223
+ #conn-dot {
224
+ box-shadow: 0 0 0 2px color-mix(in oklch, var(--color-base-200) 80%, transparent);
225
+ }
226
+
227
+ /* ── Theme-aware code / tool surfaces ────────────────────────────────────── */
228
+ /* Prefer DaisyUI tokens so light/dark both look intentional — no #0d1117 hardcode. */
229
+ .code-surface {
230
+ background: color-mix(in oklch, oklch(var(--bc)) 6%, oklch(var(--b1)));
231
+ color: oklch(var(--bc) / 0.88);
232
+ border: 1px solid oklch(var(--b3));
233
+ }
234
+ [data-theme="dark"] .code-surface,
235
+ [data-theme="night"] .code-surface,
236
+ [data-theme="black"] .code-surface {
237
+ background: color-mix(in oklch, oklch(var(--b1)) 70%, black);
238
+ color: oklch(var(--bc) / 0.9);
239
+ }
240
+
241
+ /* ── Markdown rendering (DaisyUI 5: use --color-* full oklch values) ──────── */
242
+ /* NOTE: DaisyUI 5 does NOT use --p/--bc components. Colors are already oklch(...). */
243
+ .md {
244
+ line-height: 1.65;
245
+ font-size: 0.9375rem;
246
+ color: color-mix(in oklch, var(--color-base-content) 92%, transparent);
247
+ word-wrap: break-word;
248
+ overflow-wrap: anywhere;
249
+ }
250
+ .md > :first-child { margin-top: 0 !important; }
251
+ .md > :last-child { margin-bottom: 0 !important; }
252
+
253
+ /* Headings — force size/weight over DaisyUI base reset, colorful accents */
254
+ .md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
255
+ font-weight: 700 !important;
256
+ line-height: 1.3;
257
+ letter-spacing: -0.015em;
258
+ margin: 1.15em 0 0.5em;
259
+ scroll-margin-top: 0.5rem;
260
+ }
261
+ .md h1 {
262
+ font-size: 1.38em !important;
263
+ color: var(--color-primary) !important;
264
+ padding: 0.15em 0 0.4em 0.7em;
265
+ border-left: 4px solid var(--color-primary);
266
+ border-bottom: 1px solid color-mix(in oklch, var(--color-primary) 30%, transparent);
267
+ background: linear-gradient(
268
+ 90deg,
269
+ color-mix(in oklch, var(--color-primary) 14%, transparent),
270
+ transparent 72%
271
+ );
272
+ border-radius: 0 6px 0 0;
273
+ }
274
+ .md h2 {
275
+ font-size: 1.2em !important;
276
+ color: var(--color-secondary) !important;
277
+ padding: 0.1em 0 0.3em 0.65em;
278
+ border-left: 3px solid var(--color-secondary);
279
+ border-bottom: 1px dashed color-mix(in oklch, var(--color-secondary) 35%, transparent);
280
+ background: linear-gradient(
281
+ 90deg,
282
+ color-mix(in oklch, var(--color-secondary) 12%, transparent),
283
+ transparent 68%
284
+ );
285
+ }
286
+ .md h3 {
287
+ font-size: 1.08em !important;
288
+ color: var(--color-accent) !important;
289
+ padding-left: 0.55em;
290
+ border-left: 3px solid var(--color-accent);
291
+ }
292
+ .md h4 {
293
+ font-size: 1em !important;
294
+ color: var(--color-info) !important;
295
+ padding-left: 0.45em;
296
+ border-left: 2px solid var(--color-info);
297
+ }
298
+ .md h5 {
299
+ font-size: 0.88em !important;
300
+ font-weight: 700 !important;
301
+ text-transform: uppercase;
302
+ letter-spacing: 0.06em;
303
+ color: var(--color-success) !important;
304
+ }
305
+ .md h6 {
306
+ font-size: 0.82em !important;
307
+ font-weight: 650 !important;
308
+ text-transform: uppercase;
309
+ letter-spacing: 0.05em;
310
+ color: var(--color-warning) !important;
311
+ }
312
+
313
+ .md p { margin: 0.55em 0; }
314
+
315
+ /* Inline emphasis */
316
+ .md strong {
317
+ font-weight: 750 !important;
318
+ color: color-mix(in oklch, var(--color-warning) 55%, var(--color-base-content)) !important;
319
+ }
320
+ .md em {
321
+ font-style: italic;
322
+ color: color-mix(in oklch, var(--color-secondary) 45%, var(--color-base-content)) !important;
323
+ }
324
+ .md strong em,
325
+ .md em strong {
326
+ color: color-mix(in oklch, var(--color-primary) 60%, var(--color-base-content)) !important;
327
+ }
328
+ .md s, .md del {
329
+ color: var(--color-error) !important;
330
+ text-decoration-color: color-mix(in oklch, var(--color-error) 60%, transparent);
331
+ opacity: 0.85;
332
+ }
333
+ .md mark {
334
+ background: color-mix(in oklch, var(--color-warning) 40%, transparent);
335
+ color: var(--color-base-content);
336
+ padding: 0.05em 0.25em;
337
+ border-radius: 3px;
338
+ }
339
+
340
+ /* Lists — DaisyUI sets list-style:none globally */
341
+ .md ul, .md ol {
342
+ margin: 0.5em 0;
343
+ padding-left: 1.5em !important;
344
+ }
345
+ .md ul { list-style-type: disc !important; }
346
+ .md ol { list-style-type: decimal !important; }
347
+ .md li { margin: 0.28em 0; padding-left: 0.15em; display: list-item; }
348
+ .md li > ul, .md li > ol { margin: 0.2em 0; }
349
+ .md ul > li::marker { color: var(--color-primary); }
350
+ .md ol > li::marker {
351
+ color: var(--color-secondary);
352
+ font-weight: 700;
353
+ }
354
+ .md ul ul > li::marker { color: var(--color-accent); }
355
+ .md ul ul ul > li::marker { color: var(--color-success); }
356
+ .md ul.contains-task-list,
357
+ .md ul.task-list {
358
+ list-style: none !important;
359
+ padding-left: 0.2em !important;
360
+ }
361
+ .md li.task-list-item,
362
+ .md li:has(> input[type="checkbox"]) {
363
+ list-style: none !important;
364
+ display: flex;
365
+ align-items: flex-start;
366
+ gap: 0.45em;
367
+ }
368
+ .md input[type="checkbox"] {
369
+ margin-top: 0.35em;
370
+ accent-color: var(--color-success);
371
+ flex-shrink: 0;
372
+ }
373
+
374
+ /* Inline code */
375
+ .md :not(pre) > code {
376
+ font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace;
377
+ font-size: 0.86em;
378
+ font-weight: 600;
379
+ padding: 0.12em 0.4em;
380
+ border-radius: 4px;
381
+ background: color-mix(in oklch, var(--color-primary) 16%, var(--color-base-200));
382
+ color: color-mix(in oklch, var(--color-primary) 75%, var(--color-base-content));
383
+ border: 1px solid color-mix(in oklch, var(--color-primary) 28%, transparent);
384
+ white-space: break-spaces;
385
+ }
386
+
387
+ /* Fenced code block */
388
+ .md .code-block {
389
+ margin: 0.75em 0;
390
+ border-radius: 8px;
391
+ border: 1px solid color-mix(in oklch, var(--color-primary) 18%, var(--color-base-300));
392
+ background: color-mix(in oklch, var(--color-base-content) 4%, var(--color-base-100));
393
+ overflow: hidden;
394
+ }
395
+ [data-theme="dark"] .md .code-block,
396
+ [data-theme="night"] .md .code-block,
397
+ [data-theme="black"] .md .code-block {
398
+ background: color-mix(in oklch, var(--color-base-100) 70%, black);
399
+ border-color: color-mix(in oklch, var(--color-primary) 22%, transparent);
400
+ }
401
+ .md .code-block-header {
402
+ display: flex;
403
+ align-items: center;
404
+ justify-content: space-between;
405
+ gap: 0.5rem;
406
+ padding: 0.3rem 0.65rem;
407
+ font-size: 11px;
408
+ font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
409
+ color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
410
+ background: linear-gradient(
411
+ 90deg,
412
+ color-mix(in oklch, var(--color-primary) 14%, transparent),
413
+ color-mix(in oklch, var(--color-accent) 8%, transparent) 55%,
414
+ transparent
415
+ );
416
+ border-bottom: 1px solid color-mix(in oklch, var(--color-primary) 20%, transparent);
417
+ user-select: none;
418
+ }
419
+ .md .code-block-lang {
420
+ text-transform: lowercase;
421
+ font-weight: 700;
422
+ letter-spacing: 0.03em;
423
+ color: var(--color-primary);
424
+ }
425
+ .md .code-copy {
426
+ appearance: none;
427
+ border: 1px solid color-mix(in oklch, var(--color-primary) 30%, transparent);
428
+ background: color-mix(in oklch, var(--color-primary) 10%, var(--color-base-200));
429
+ color: var(--color-primary);
430
+ border-radius: 4px;
431
+ padding: 0.1rem 0.45rem;
432
+ font-size: 10px;
433
+ line-height: 1.4;
434
+ cursor: pointer;
435
+ transition: background .12s, color .12s, border-color .12s;
436
+ }
437
+ .md .code-copy:hover {
438
+ color: var(--color-primary-content);
439
+ border-color: var(--color-primary);
440
+ background: var(--color-primary);
441
+ }
442
+ .md .code-copy.copied {
443
+ color: var(--color-success);
444
+ border-color: color-mix(in oklch, var(--color-success) 50%, transparent);
445
+ background: color-mix(in oklch, var(--color-success) 14%, transparent);
446
+ }
447
+ .md .code-block pre {
448
+ margin: 0 !important;
449
+ padding: 0.75rem 0.85rem !important;
450
+ border: none !important;
451
+ border-radius: 0 !important;
452
+ background: transparent !important;
453
+ overflow-x: auto;
454
+ line-height: 1.55;
455
+ }
456
+ .md pre {
457
+ margin: 0.75em 0;
458
+ padding: 0.75rem 0.85rem;
459
+ border-radius: 8px;
460
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 12%, transparent);
461
+ background: color-mix(in oklch, var(--color-base-content) 5%, var(--color-base-100));
462
+ color: color-mix(in oklch, var(--color-base-content) 92%, transparent);
463
+ overflow-x: auto;
464
+ line-height: 1.55;
465
+ }
466
+ [data-theme="dark"] .md pre,
467
+ [data-theme="night"] .md pre,
468
+ [data-theme="black"] .md pre {
469
+ background: color-mix(in oklch, var(--color-base-100) 65%, black);
470
+ }
471
+ .md pre code {
472
+ background: none !important;
473
+ border: none !important;
474
+ padding: 0 !important;
475
+ font-size: 0.84em;
476
+ font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace;
477
+ color: inherit;
478
+ white-space: pre;
479
+ }
480
+ .md pre code.hljs { background: transparent !important; }
481
+
482
+ /* Syntax highlight tokens */
483
+ .md pre .hljs-comment,
484
+ .md pre .hljs-quote {
485
+ color: color-mix(in oklch, var(--color-base-content) 42%, transparent);
486
+ font-style: italic;
487
+ }
488
+ .md pre .hljs-keyword,
489
+ .md pre .hljs-selector-tag,
490
+ .md pre .hljs-meta .hljs-keyword {
491
+ color: #7c3aed;
492
+ font-weight: 600;
493
+ }
494
+ [data-theme="dark"] .md pre .hljs-keyword,
495
+ [data-theme="night"] .md pre .hljs-keyword,
496
+ [data-theme="black"] .md pre .hljs-keyword { color: #c792ea; }
497
+ .md pre .hljs-string,
498
+ .md pre .hljs-attr,
499
+ .md pre .hljs-template-tag { color: #15803d; }
500
+ [data-theme="dark"] .md pre .hljs-string,
501
+ [data-theme="night"] .md pre .hljs-string { color: #c3e88d; }
502
+ .md pre .hljs-number,
503
+ .md pre .hljs-built_in,
504
+ .md pre .hljs-literal { color: #c2410c; }
505
+ [data-theme="dark"] .md pre .hljs-number,
506
+ [data-theme="night"] .md pre .hljs-number { color: #f78c6c; }
507
+ .md pre .hljs-title,
508
+ .md pre .hljs-section,
509
+ .md pre .hljs-function .hljs-title { color: #1d4ed8; }
510
+ [data-theme="dark"] .md pre .hljs-title,
511
+ [data-theme="night"] .md pre .hljs-title { color: #82aaff; }
512
+ .md pre .hljs-type,
513
+ .md pre .hljs-class .hljs-title { color: #0e7490; }
514
+ [data-theme="dark"] .md pre .hljs-type { color: #ffcb6b; }
515
+ .md pre .hljs-variable,
516
+ .md pre .hljs-template-variable,
517
+ .md pre .hljs-params {
518
+ color: color-mix(in oklch, var(--color-base-content) 88%, transparent);
519
+ }
520
+ .md pre .hljs-addition {
521
+ color: var(--color-success);
522
+ background: color-mix(in oklch, var(--color-success) 14%, transparent);
523
+ }
524
+ .md pre .hljs-deletion {
525
+ color: var(--color-error);
526
+ background: color-mix(in oklch, var(--color-error) 14%, transparent);
527
+ }
528
+
529
+ /* Files tab: full-file preview with highlight.js */
530
+ .file-preview {
531
+ background: color-mix(in oklch, var(--color-base-content) 4%, var(--color-base-100));
532
+ color: color-mix(in oklch, var(--color-base-content) 92%, transparent);
533
+ }
534
+ [data-theme="dark"] .file-preview,
535
+ [data-theme="night"] .file-preview,
536
+ [data-theme="black"] .file-preview {
537
+ background: color-mix(in oklch, var(--color-base-100) 65%, black);
538
+ }
539
+ .file-preview code.hljs,
540
+ .file-preview code.file-preview-code {
541
+ display: block;
542
+ padding: 0 !important;
543
+ background: transparent !important;
544
+ font-family: ui-monospace, SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace;
545
+ font-size: inherit;
546
+ color: inherit;
547
+ white-space: pre;
548
+ overflow-x: auto;
549
+ }
550
+
551
+ /* Markdown files open as a rendered document; source remains one tap away. */
552
+ .file-markdown-toolbar {
553
+ display: flex;
554
+ gap: 0.25rem;
555
+ padding: 0.4rem 1rem;
556
+ border-bottom: 1px solid color-mix(in oklch, var(--color-base-content) 10%, transparent);
557
+ background: color-mix(in oklch, var(--color-base-200) 75%, transparent);
558
+ }
559
+ .file-markdown-mode {
560
+ border: 1px solid transparent;
561
+ border-radius: 0.375rem;
562
+ padding: 0.18rem 0.55rem;
563
+ color: color-mix(in oklch, var(--color-base-content) 58%, transparent);
564
+ background: transparent;
565
+ font-size: 0.72rem;
566
+ font-weight: 600;
567
+ cursor: pointer;
568
+ }
569
+ .file-markdown-mode:hover {
570
+ color: var(--color-base-content);
571
+ background: color-mix(in oklch, var(--color-base-content) 7%, transparent);
572
+ }
573
+ .file-markdown-mode.active {
574
+ color: var(--color-primary);
575
+ border-color: color-mix(in oklch, var(--color-primary) 35%, transparent);
576
+ background: color-mix(in oklch, var(--color-primary) 12%, transparent);
577
+ }
578
+ .file-markdown-preview {
579
+ min-height: 0;
580
+ }
581
+ /* Reuse chat token palette outside .md so file preview is colored even if CDN theme lags */
582
+ .file-preview .hljs-comment,
583
+ .file-preview .hljs-quote {
584
+ color: color-mix(in oklch, var(--color-base-content) 42%, transparent);
585
+ font-style: italic;
586
+ }
587
+ .file-preview .hljs-keyword,
588
+ .file-preview .hljs-selector-tag,
589
+ .file-preview .hljs-meta .hljs-keyword {
590
+ color: #7c3aed;
591
+ font-weight: 600;
592
+ }
593
+ [data-theme="dark"] .file-preview .hljs-keyword,
594
+ [data-theme="night"] .file-preview .hljs-keyword,
595
+ [data-theme="black"] .file-preview .hljs-keyword { color: #c792ea; }
596
+ .file-preview .hljs-string,
597
+ .file-preview .hljs-attr,
598
+ .file-preview .hljs-template-tag { color: #15803d; }
599
+ [data-theme="dark"] .file-preview .hljs-string,
600
+ [data-theme="night"] .file-preview .hljs-string { color: #c3e88d; }
601
+ .file-preview .hljs-number,
602
+ .file-preview .hljs-built_in,
603
+ .file-preview .hljs-literal { color: #c2410c; }
604
+ [data-theme="dark"] .file-preview .hljs-number,
605
+ [data-theme="night"] .file-preview .hljs-number { color: #f78c6c; }
606
+ .file-preview .hljs-title,
607
+ .file-preview .hljs-section,
608
+ .file-preview .hljs-function .hljs-title { color: #1d4ed8; }
609
+ [data-theme="dark"] .file-preview .hljs-title,
610
+ [data-theme="night"] .file-preview .hljs-title { color: #82aaff; }
611
+ .file-preview .hljs-type,
612
+ .file-preview .hljs-class .hljs-title { color: #0e7490; }
613
+ [data-theme="dark"] .file-preview .hljs-type { color: #ffcb6b; }
614
+ .file-preview .hljs-variable,
615
+ .file-preview .hljs-template-variable,
616
+ .file-preview .hljs-params {
617
+ color: color-mix(in oklch, var(--color-base-content) 88%, transparent);
618
+ }
619
+ .file-preview .hljs-addition {
620
+ color: var(--color-success);
621
+ background: color-mix(in oklch, var(--color-success) 14%, transparent);
622
+ }
623
+ .file-preview .hljs-deletion {
624
+ color: var(--color-error);
625
+ background: color-mix(in oklch, var(--color-error) 14%, transparent);
626
+ }
627
+
628
+ /* ── Office file previews (docx / xlsx / pptx) ─────────────────────────────── */
629
+ .office-preview {
630
+ min-height: 0;
631
+ }
632
+ .office-docx-body {
633
+ max-width: 52rem;
634
+ margin: 0 auto;
635
+ line-height: 1.65;
636
+ font-size: 0.9375rem;
637
+ }
638
+ .office-docx-body p { margin: 0.55em 0; }
639
+ .office-docx-body h1, .office-docx-body h2, .office-docx-body h3 {
640
+ font-weight: 700;
641
+ margin: 1em 0 0.4em;
642
+ line-height: 1.3;
643
+ }
644
+ .office-docx-body h1 { font-size: 1.4em; }
645
+ .office-docx-body h2 { font-size: 1.2em; }
646
+ .office-docx-body h3 { font-size: 1.05em; }
647
+ .office-docx-body ul, .office-docx-body ol {
648
+ margin: 0.5em 0;
649
+ padding-left: 1.4em;
650
+ }
651
+ .office-docx-body table {
652
+ border-collapse: collapse;
653
+ width: 100%;
654
+ margin: 0.75em 0;
655
+ font-size: 0.88em;
656
+ }
657
+ .office-docx-body td, .office-docx-body th {
658
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 18%, transparent);
659
+ padding: 0.35em 0.55em;
660
+ }
661
+ .office-docx-body img {
662
+ max-width: 100%;
663
+ height: auto;
664
+ }
665
+ .office-warn {
666
+ border-bottom: 1px solid color-mix(in oklch, var(--color-warning) 30%, transparent);
667
+ margin: -1rem -1rem 0.75rem;
668
+ padding: 0.4rem 1rem;
669
+ background: color-mix(in oklch, var(--color-warning) 10%, transparent);
670
+ }
671
+
672
+ .office-sheet-tab {
673
+ appearance: none;
674
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 14%, transparent);
675
+ background: color-mix(in oklch, var(--color-base-content) 4%, var(--color-base-100));
676
+ color: color-mix(in oklch, var(--color-base-content) 70%, transparent);
677
+ border-radius: 6px;
678
+ padding: 0.2rem 0.65rem;
679
+ font-size: 11px;
680
+ cursor: pointer;
681
+ white-space: nowrap;
682
+ }
683
+ .office-sheet-tab:hover { border-color: var(--color-primary); color: var(--color-primary); }
684
+ .office-sheet-tab.active {
685
+ background: color-mix(in oklch, var(--color-primary) 16%, transparent);
686
+ border-color: color-mix(in oklch, var(--color-primary) 45%, transparent);
687
+ color: var(--color-primary);
688
+ font-weight: 600;
689
+ }
690
+ .office-sheet-body table {
691
+ border-collapse: collapse;
692
+ font-size: 12px;
693
+ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
694
+ width: max-content;
695
+ min-width: 100%;
696
+ }
697
+ .office-sheet-body td, .office-sheet-body th {
698
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 14%, transparent);
699
+ padding: 0.2rem 0.45rem;
700
+ white-space: pre;
701
+ max-width: 20rem;
702
+ overflow: hidden;
703
+ text-overflow: ellipsis;
704
+ }
705
+ .office-sheet-body th,
706
+ .office-sheet-body tr:first-child td {
707
+ background: color-mix(in oklch, var(--color-primary) 8%, var(--color-base-200));
708
+ font-weight: 600;
709
+ }
710
+
711
+ .office-slide-card {
712
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 12%, transparent);
713
+ border-radius: 10px;
714
+ background: color-mix(in oklch, var(--color-base-content) 3%, var(--color-base-100));
715
+ overflow: hidden;
716
+ }
717
+ .office-slide-num {
718
+ font-size: 11px;
719
+ font-weight: 700;
720
+ letter-spacing: 0.04em;
721
+ text-transform: uppercase;
722
+ color: var(--color-primary);
723
+ padding: 0.35rem 0.75rem;
724
+ border-bottom: 1px solid color-mix(in oklch, var(--color-primary) 18%, transparent);
725
+ background: color-mix(in oklch, var(--color-primary) 8%, transparent);
726
+ }
727
+ .office-slide-body {
728
+ padding: 0.75rem 0.9rem;
729
+ font-size: 0.9rem;
730
+ line-height: 1.55;
731
+ }
732
+ .office-slide-body p { margin: 0.35em 0; }
733
+
734
+ .office-pdf-figure {
735
+ margin: 0 auto;
736
+ max-width: 100%;
737
+ text-align: center;
738
+ }
739
+ .office-pdf-cap {
740
+ font-size: 10px;
741
+ color: color-mix(in oklch, var(--color-base-content) 45%, transparent);
742
+ margin-bottom: 0.35rem;
743
+ font-family: ui-monospace, Menlo, monospace;
744
+ }
745
+ .office-pdf-page {
746
+ display: block;
747
+ margin: 0 auto;
748
+ max-width: 100%;
749
+ height: auto;
750
+ border-radius: 6px;
751
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 12%, transparent);
752
+ box-shadow: 0 4px 18px color-mix(in oklch, black 18%, transparent);
753
+ background: white;
754
+ }
755
+
756
+ /* Session list: favorites + thin (low-turn) markers */
757
+ .session-fav-btn {
758
+ appearance: none;
759
+ border: none;
760
+ background: transparent;
761
+ color: color-mix(in oklch, var(--color-base-content) 35%, transparent);
762
+ font-size: 12px;
763
+ line-height: 1;
764
+ cursor: pointer;
765
+ padding: 0 1px;
766
+ }
767
+ .session-fav-btn:hover { color: #eab308; }
768
+ .session-fav-btn.is-fav { color: #eab308; }
769
+ .session-row.session-fav { background: color-mix(in oklch, #eab308 6%, transparent); }
770
+ .session-row.session-thin {
771
+ opacity: 0.88;
772
+ }
773
+ .session-row.session-branch {
774
+ margin-left: calc(var(--branch-depth, 1) * 0.7rem);
775
+ border-left-style: dashed;
776
+ }
777
+ .session-branch-line {
778
+ margin-top: 1px;
779
+ font-size: 9px;
780
+ line-height: 1.25;
781
+ font-family: ui-monospace, Menlo, monospace;
782
+ color: color-mix(in oklch, var(--color-primary) 58%, var(--color-base-content));
783
+ overflow: hidden;
784
+ text-overflow: ellipsis;
785
+ white-space: nowrap;
786
+ }
787
+ .session-branch-badge {
788
+ font-size: 9px;
789
+ color: color-mix(in oklch, var(--color-primary) 82%, var(--color-base-content));
790
+ border: 1px solid color-mix(in oklch, var(--color-primary) 28%, transparent);
791
+ border-radius: 3px;
792
+ padding: 0 3px;
793
+ }
794
+ .session-branch-current {
795
+ margin-left: auto;
796
+ max-width: 10rem;
797
+ overflow: hidden;
798
+ text-overflow: ellipsis;
799
+ white-space: nowrap;
800
+ font-family: ui-monospace, Menlo, monospace;
801
+ font-size: 10px;
802
+ color: color-mix(in oklch, var(--color-primary) 72%, var(--color-base-content));
803
+ }
804
+ .session-thin-badge {
805
+ font-size: 9px;
806
+ font-family: ui-monospace, Menlo, monospace;
807
+ font-weight: 700;
808
+ letter-spacing: 0.02em;
809
+ padding: 0 4px;
810
+ border-radius: 3px;
811
+ color: color-mix(in oklch, var(--color-warning) 90%, var(--color-base-content));
812
+ background: color-mix(in oklch, var(--color-warning) 18%, transparent);
813
+ border: 1px solid color-mix(in oklch, var(--color-warning) 35%, transparent);
814
+ }
815
+ .session-note-dot { font-size: 10px; opacity: 0.85; }
816
+ .session-renamed-badge {
817
+ font-size: 9px;
818
+ color: color-mix(in oklch, var(--color-primary) 80%, var(--color-base-content));
819
+ opacity: 0.9;
820
+ }
821
+ .session-title-renamed { font-style: normal; }
822
+ .session-rename-btn,
823
+ .session-hide-btn {
824
+ appearance: none;
825
+ border: none;
826
+ background: transparent;
827
+ font-size: 10px;
828
+ line-height: 1;
829
+ padding: 1px 3px;
830
+ border-radius: 4px;
831
+ color: color-mix(in oklch, var(--color-base-content) 35%, transparent);
832
+ opacity: 0;
833
+ cursor: pointer;
834
+ transition: opacity .12s, color .12s, background .12s;
835
+ }
836
+ .session-row:hover .session-rename-btn,
837
+ .session-row:focus-within .session-rename-btn,
838
+ .session-row:hover .session-hide-btn,
839
+ .session-row:focus-within .session-hide-btn,
840
+ #session-notes-bar .session-rename-btn,
841
+ #session-notes-bar .session-hide-btn {
842
+ opacity: 1;
843
+ }
844
+ .session-rename-btn:hover {
845
+ color: var(--color-primary);
846
+ background: color-mix(in oklch, var(--color-primary) 12%, transparent);
847
+ }
848
+ .session-hide-btn:hover {
849
+ color: var(--color-warning);
850
+ background: color-mix(in oklch, var(--color-warning) 12%, transparent);
851
+ }
852
+ .session-hide-btn.is-hidden {
853
+ opacity: 1;
854
+ color: var(--color-warning);
855
+ }
856
+ .session-row.session-hidden-row {
857
+ opacity: 0.78;
858
+ }
859
+ .session-hidden-badge {
860
+ font-size: 9px;
861
+ font-family: ui-monospace, Menlo, monospace;
862
+ font-weight: 700;
863
+ letter-spacing: 0.02em;
864
+ padding: 0 4px;
865
+ border-radius: 3px;
866
+ color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
867
+ background: color-mix(in oklch, var(--color-base-content) 8%, transparent);
868
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 14%, transparent);
869
+ }
870
+ .session-title-wrap {
871
+ width: 100%;
872
+ }
873
+ .session-title-wrap.session-rename-active {
874
+ flex: 1;
875
+ min-width: 0;
876
+ }
877
+ .session-title-text {
878
+ cursor: text;
879
+ }
880
+ .session-title-text:hover {
881
+ color: var(--color-primary);
882
+ }
883
+ .session-rename-input {
884
+ height: 1.5rem !important;
885
+ min-height: 1.5rem !important;
886
+ padding-left: 0.4rem !important;
887
+ padding-right: 0.4rem !important;
888
+ font-size: 11px !important;
889
+ line-height: 1.25 !important;
890
+ width: 100%;
891
+ }
892
+ .session-title-inline {
893
+ padding: 1px 4px;
894
+ border-radius: 4px;
895
+ border: 1px solid transparent;
896
+ }
897
+ .session-title-inline:hover {
898
+ border-color: color-mix(in oklch, var(--color-base-content) 12%, transparent);
899
+ background: color-mix(in oklch, var(--color-base-content) 4%, transparent);
900
+ }
901
+
902
+ /* Hub machine picker + topbar menu */
903
+ #machine-picker {
904
+ background: color-mix(in oklch, var(--color-base-100) 92%, black);
905
+ }
906
+ .machine-pick-card {
907
+ background: color-mix(in oklch, var(--color-base-content) 3%, var(--color-base-100));
908
+ cursor: pointer;
909
+ }
910
+ .machine-pick-card:disabled {
911
+ cursor: not-allowed;
912
+ }
913
+ #machine-menu {
914
+ scrollbar-width: thin;
915
+ }
916
+ .machine-menu-item:disabled {
917
+ cursor: not-allowed;
918
+ }
919
+
920
+ .line-clamp-2 {
921
+ display: -webkit-box;
922
+ -webkit-line-clamp: 2;
923
+ -webkit-box-orient: vertical;
924
+ overflow: hidden;
925
+ }
926
+
927
+ /* Blockquote */
928
+ .md blockquote {
929
+ margin: 0.75em 0;
930
+ padding: 0.55em 0.9em;
931
+ border-left: 3px solid var(--color-info);
932
+ background: linear-gradient(
933
+ 90deg,
934
+ color-mix(in oklch, var(--color-info) 14%, var(--color-base-200)),
935
+ color-mix(in oklch, var(--color-info) 5%, var(--color-base-200))
936
+ );
937
+ border-radius: 0 8px 8px 0;
938
+ color: color-mix(in oklch, var(--color-info) 28%, var(--color-base-content));
939
+ }
940
+ .md blockquote p { margin: 0.35em 0; }
941
+ .md blockquote > :first-child { margin-top: 0; }
942
+ .md blockquote > :last-child { margin-bottom: 0; }
943
+ .md blockquote strong {
944
+ color: color-mix(in oklch, var(--color-info) 50%, var(--color-base-content)) !important;
945
+ }
946
+ .md blockquote blockquote {
947
+ margin-left: 0.25em;
948
+ border-left-color: var(--color-accent);
949
+ background: color-mix(in oklch, var(--color-accent) 10%, var(--color-base-200));
950
+ }
951
+
952
+ /* Links — DaisyUI sets a { color: inherit } */
953
+ .md a {
954
+ color: var(--color-primary) !important;
955
+ text-decoration: underline !important;
956
+ text-decoration-color: color-mix(in oklch, var(--color-primary) 45%, transparent);
957
+ text-underline-offset: 2px;
958
+ font-weight: 600;
959
+ transition: color .12s, text-decoration-color .12s;
960
+ }
961
+ .md a:hover {
962
+ color: var(--color-secondary) !important;
963
+ text-decoration-color: var(--color-secondary);
964
+ }
965
+
966
+ /* Tables */
967
+ .md .table-wrap {
968
+ overflow-x: auto;
969
+ margin: 0.75em 0;
970
+ border-radius: 8px;
971
+ border: 1px solid color-mix(in oklch, var(--color-primary) 28%, transparent);
972
+ box-shadow: 0 1px 0 color-mix(in oklch, var(--color-primary) 10%, transparent);
973
+ }
974
+ .md table {
975
+ border-collapse: collapse;
976
+ width: 100%;
977
+ margin: 0;
978
+ font-size: 0.88em;
979
+ line-height: 1.45;
980
+ }
981
+ .md th,
982
+ .md td {
983
+ border-width: 1px !important;
984
+ border-style: solid !important;
985
+ border-color: color-mix(in oklch, var(--color-primary) 18%, var(--color-base-300)) !important;
986
+ padding: 0.45em 0.7em;
987
+ text-align: left;
988
+ vertical-align: top;
989
+ }
990
+ .md th {
991
+ background: linear-gradient(
992
+ 180deg,
993
+ color-mix(in oklch, var(--color-primary) 22%, var(--color-base-200)),
994
+ color-mix(in oklch, var(--color-primary) 12%, var(--color-base-200))
995
+ );
996
+ color: color-mix(in oklch, var(--color-primary) 70%, var(--color-base-content)) !important;
997
+ font-weight: 700 !important;
998
+ white-space: nowrap;
999
+ }
1000
+ .md tr:nth-child(even) td {
1001
+ background: color-mix(in oklch, var(--color-primary) 5%, transparent);
1002
+ }
1003
+ .md tr:hover td {
1004
+ background: color-mix(in oklch, var(--color-accent) 12%, transparent);
1005
+ }
1006
+
1007
+ /* HR */
1008
+ .md hr {
1009
+ border: none;
1010
+ height: 2px;
1011
+ margin: 1.15em 0;
1012
+ border-radius: 2px;
1013
+ background: linear-gradient(
1014
+ 90deg,
1015
+ transparent,
1016
+ color-mix(in oklch, var(--color-primary) 60%, transparent) 12%,
1017
+ color-mix(in oklch, var(--color-accent) 55%, transparent) 50%,
1018
+ color-mix(in oklch, var(--color-success) 50%, transparent) 88%,
1019
+ transparent
1020
+ );
1021
+ }
1022
+
1023
+ /* Images */
1024
+ .md img {
1025
+ max-width: 100%;
1026
+ height: auto;
1027
+ border-radius: 8px;
1028
+ border: 1px solid color-mix(in oklch, var(--color-primary) 25%, transparent);
1029
+ margin: 0.5em 0;
1030
+ box-shadow: 0 2px 8px color-mix(in oklch, var(--color-primary) 12%, transparent);
1031
+ }
1032
+
1033
+ /* Kbd */
1034
+ .md kbd {
1035
+ font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
1036
+ font-size: 0.8em;
1037
+ font-weight: 600;
1038
+ padding: 0.12em 0.45em;
1039
+ border-radius: 4px;
1040
+ border: 1px solid color-mix(in oklch, var(--color-secondary) 35%, transparent);
1041
+ background: color-mix(in oklch, var(--color-secondary) 12%, var(--color-base-200));
1042
+ color: color-mix(in oklch, var(--color-secondary) 65%, var(--color-base-content));
1043
+ box-shadow: 0 1px 0 color-mix(in oklch, var(--color-secondary) 20%, transparent);
1044
+ }
1045
+
1046
+ .md li > p { margin: 0.25em 0; }
1047
+
1048
+ .msg-row.assistant .md {
1049
+ min-width: 0;
1050
+ }
1051
+
1052
+ /* ── Diff colors ─────────────────────────────────────────────────────────── */
1053
+ .diff-add { color: oklch(var(--su)); }
1054
+ .diff-del { color: oklch(var(--er)); }
1055
+ .diff-hunk { color: oklch(var(--in)); }
1056
+ .diff-head { color: oklch(var(--bc)/.5); }
1057
+
1058
+ /* ── Chat composer ───────────────────────────────────────────────────────── */
1059
+ /* One calm surface holds the prompt and its actions, like a modern messenger. */
1060
+ .composer-surface {
1061
+ min-height: 0;
1062
+ display: flex;
1063
+ flex-direction: column;
1064
+ overflow: hidden;
1065
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 16%, transparent);
1066
+ border-radius: 0.875rem;
1067
+ background: color-mix(in oklch, var(--color-base-100) 78%, var(--color-base-200));
1068
+ box-shadow: 0 8px 24px color-mix(in oklch, black 12%, transparent), inset 0 1px 0 color-mix(in oklch, white 6%, transparent);
1069
+ transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
1070
+ }
1071
+ .composer-surface:focus-within {
1072
+ border-color: color-mix(in oklch, var(--color-primary) 62%, transparent);
1073
+ 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);
1074
+ }
1075
+ .composer-actions {
1076
+ display: flex;
1077
+ align-items: center;
1078
+ justify-content: space-between;
1079
+ gap: .75rem;
1080
+ padding: 0;
1081
+ }
1082
+ .composer-tools, .composer-submit { display: flex; align-items: center; gap: .35rem; }
1083
+ .composer-icon-btn,
1084
+ .composer-send-btn,
1085
+ .composer-stop-btn {
1086
+ border: 0;
1087
+ border-radius: 999px;
1088
+ cursor: pointer;
1089
+ transition: transform .15s ease, background .15s ease, color .15s ease;
1090
+ }
1091
+ .composer-icon-btn {
1092
+ width: 36px;
1093
+ height: 36px;
1094
+ padding: 0;
1095
+ color: color-mix(in oklch, var(--color-base-content) 72%, transparent);
1096
+ background: transparent;
1097
+ font-size: 17px;
1098
+ line-height: 1;
1099
+ }
1100
+ .composer-icon-btn:hover { background: color-mix(in oklch, var(--color-base-content) 9%, transparent); color: var(--color-base-content); }
1101
+ .composer-send-btn, .composer-stop-btn { height: 36px; min-height: 36px; padding: 0 .95rem; font-size: .8125rem; font-weight: 700; }
1102
+ .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); }
1103
+ .composer-send-btn:hover { transform: translateY(-1px); background: color-mix(in oklch, oklch(var(--p)) 88%, white); }
1104
+ .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); }
1105
+ .composer-stop-btn { color: oklch(var(--ec)); background: oklch(var(--er)); }
1106
+ .composer-hint { color: color-mix(in oklch, var(--color-base-content) 43%, transparent); font-size: 11px; }
1107
+ .composer-surface:has(.textarea-warning) { border-color: color-mix(in oklch, var(--color-warning) 65%, transparent); }
1108
+ #chat-composer.chat-drop-active {
1109
+ outline: 2px dashed color-mix(in oklch, var(--color-primary) 70%, transparent);
1110
+ outline-offset: -2px;
1111
+ background: color-mix(in oklch, var(--color-primary) 8%, var(--color-base-200));
1112
+ }
1113
+ #chat-attach-bar:not(.hidden) {
1114
+ display: flex;
1115
+ }
1116
+ .chat-thumb {
1117
+ width: 64px;
1118
+ height: 64px;
1119
+ border-radius: 12px;
1120
+ overflow: hidden;
1121
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 12%, transparent);
1122
+ position: relative;
1123
+ flex-shrink: 0;
1124
+ background: color-mix(in oklch, var(--color-base-content) 4%, var(--color-base-100));
1125
+ box-shadow: 0 1px 2px color-mix(in oklch, black 12%, transparent);
1126
+ }
1127
+ .chat-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
1128
+ .chat-thumb-path {
1129
+ display: flex;
1130
+ align-items: center;
1131
+ justify-content: center;
1132
+ width: 100%;
1133
+ height: 100%;
1134
+ font-size: 10px;
1135
+ padding: 4px;
1136
+ text-align: center;
1137
+ word-break: break-all;
1138
+ line-height: 1.15;
1139
+ color: color-mix(in oklch, var(--color-base-content) 70%, transparent);
1140
+ background: color-mix(in oklch, var(--color-base-content) 6%, var(--color-base-100));
1141
+ }
1142
+ .chat-thumb-label {
1143
+ display: none;
1144
+ }
1145
+ .chat-thumb-x {
1146
+ position: absolute;
1147
+ top: 4px;
1148
+ right: 4px;
1149
+ background: rgba(255,255,255,.92);
1150
+ color: #334155;
1151
+ border: 1px solid rgba(15,23,42,.1);
1152
+ border-radius: 999px;
1153
+ font-size: 11px;
1154
+ width: 20px;
1155
+ height: 20px;
1156
+ cursor: pointer;
1157
+ line-height: 1;
1158
+ z-index: 1;
1159
+ box-shadow: 0 1px 3px rgba(15,23,42,.18);
1160
+ }
1161
+ #chat-input.chat-input,
1162
+ #chat-input {
1163
+ width: 100%;
1164
+ min-height: 32px;
1165
+ max-height: 72px;
1166
+ padding: 8px 12px 4px;
1167
+ border: 0;
1168
+ border-radius: 0.75rem 0.75rem 0 0;
1169
+ background: transparent;
1170
+ color: var(--color-base-content);
1171
+ outline: none !important;
1172
+ box-shadow: none !important;
1173
+ --tw-ring-shadow: 0 0 #0000 !important;
1174
+ --tw-ring-offset-shadow: 0 0 #0000 !important;
1175
+ transition: background .15s ease;
1176
+ /* Avoid iOS inherited large text scaling making the box look oversized */
1177
+ -webkit-text-size-adjust: 100%;
1178
+ }
1179
+ /* Kill browser password/contact autofill widgets (side checkmarks / arrows) */
1180
+ #chat-input::-webkit-contacts-auto-fill-button,
1181
+ #chat-input::-webkit-credentials-auto-fill-button,
1182
+ #chat-input::-webkit-strong-password-auto-fill-button,
1183
+ #ma-input::-webkit-contacts-auto-fill-button,
1184
+ #ma-input::-webkit-credentials-auto-fill-button {
1185
+ visibility: hidden !important;
1186
+ display: none !important;
1187
+ pointer-events: none !important;
1188
+ position: absolute !important;
1189
+ right: 0 !important;
1190
+ width: 0 !important;
1191
+ height: 0 !important;
1192
+ margin: 0 !important;
1193
+ padding: 0 !important;
1194
+ opacity: 0 !important;
1195
+ }
1196
+ #chat-input:-webkit-autofill,
1197
+ #chat-input:-webkit-autofill:hover,
1198
+ #chat-input:-webkit-autofill:focus {
1199
+ -webkit-box-shadow: 0 0 0 1000px var(--color-base-100) inset !important;
1200
+ transition: background-color 99999s ease-in-out 0s;
1201
+ }
1202
+
1203
+ /* Recent sessions panel (position set in JS under topbar; never use top:100% with fixed) */
1204
+ #recent-menu {
1205
+ min-width: 16rem;
1206
+ overscroll-behavior: contain;
1207
+ -webkit-overflow-scrolling: touch;
1208
+ }
1209
+ #recent-menu.recent-menu-open {
1210
+ display: block; /* beat .hidden if both race */
1211
+ }
1212
+ .topbar-icon-btn {
1213
+ gap: .35rem;
1214
+ min-width: 2rem;
1215
+ padding-inline: .45rem;
1216
+ }
1217
+ .topbar-icon {
1218
+ width: 1rem;
1219
+ height: 1rem;
1220
+ display: block;
1221
+ flex: 0 0 auto;
1222
+ }
1223
+ .topbar-icon-label { display: inline; }
1224
+ .session-title-actions { margin-left: .1rem; }
1225
+ #session-notes-text { min-width: 0; flex: 1 1 4rem; }
1226
+ .session-bar-icon,
1227
+ #session-notes-bar .session-hide-btn {
1228
+ width: 26px;
1229
+ height: 26px;
1230
+ padding: 0;
1231
+ display: inline-flex;
1232
+ align-items: center;
1233
+ justify-content: center;
1234
+ border: 0;
1235
+ border-radius: .4rem;
1236
+ background: transparent;
1237
+ color: color-mix(in oklch, var(--color-base-content) 62%, transparent);
1238
+ cursor: pointer;
1239
+ }
1240
+ .session-bar-icon:hover,
1241
+ #session-notes-bar .session-hide-btn:hover { background: color-mix(in oklch, var(--color-base-content) 9%, transparent); color: var(--color-base-content); }
1242
+ .session-bar-icon.is-copied { color: var(--color-success); }
1243
+ .session-bar-icon svg,
1244
+ #session-notes-bar .session-hide-btn svg,
1245
+ .chat-chrome-fab svg { width: 15px; height: 15px; }
1246
+ .chat-chrome-fab {
1247
+ position: fixed;
1248
+ top: max(.6rem, env(safe-area-inset-top, 0px));
1249
+ left: max(.6rem, env(safe-area-inset-left, 0px));
1250
+ z-index: 40;
1251
+ width: 34px;
1252
+ height: 34px;
1253
+ display: inline-flex;
1254
+ align-items: center;
1255
+ justify-content: center;
1256
+ border: 1px solid color-mix(in oklch, var(--color-base-content) 16%, transparent);
1257
+ border-radius: 999px;
1258
+ color: var(--color-base-content);
1259
+ background: color-mix(in oklch, var(--color-base-100) 88%, transparent);
1260
+ box-shadow: 0 4px 14px color-mix(in oklch, black 24%, transparent);
1261
+ }
1262
+ .chat-chrome-fab.hidden { display: none; }
1263
+ #app.chat-chrome-collapsed #topbar,
1264
+ #app.chat-chrome-collapsed #project-view > .flex.bg-base-200,
1265
+ #app.chat-chrome-collapsed #project-notes-bar,
1266
+ #app.chat-chrome-collapsed #session-notes-bar,
1267
+ #app.chat-chrome-collapsed #session-lock-banner,
1268
+ #app.chat-chrome-collapsed #ws-banner { display: none !important; }
1269
+ .mermaid-diagram {
1270
+ overflow-x: auto;
1271
+ padding: .75rem .25rem .25rem;
1272
+ text-align: center;
1273
+ cursor: zoom-in;
1274
+ }
1275
+ .mermaid-diagram svg { max-width: 100%; height: auto; }
1276
+ .mermaid-diagram:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; border-radius: .5rem; }
1277
+ .mermaid-error { border-color: color-mix(in oklch, var(--color-error) 55%, var(--color-base-300)); }
1278
+ .mermaid-zoom-overlay { position: fixed; inset: 0; z-index: 100; padding: 1rem; background: color-mix(in srgb, #000 76%, transparent); display: flex; align-items: center; justify-content: center; }
1279
+ .mermaid-zoom-overlay.hidden { display: none; }
1280
+ .mermaid-zoom-canvas { width: min(96vw, 1200px); max-height: 92vh; overflow: auto; padding: 2rem; border-radius: .75rem; background: var(--color-base-100); cursor: zoom-out; }
1281
+ .mermaid-zoom-canvas svg { display: block; width: max-content; min-width: min(100%, 48rem); max-width: none; height: auto; margin: auto; }
1282
+ .mermaid-zoom-close { position: fixed; top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; border-radius: 999px; background: var(--color-base-100); color: var(--color-base-content); font-size: 1.8rem; line-height: 1; }
1283
+ .math-display { display: block; overflow-x: auto; margin: .75rem 0; padding: .2rem 0; text-align: center; }
1284
+ .math-inline .katex { font-size: 1.05em; }
1285
+ @media (max-width: 640px) {
1286
+ #recent-menu {
1287
+ min-width: 0;
1288
+ width: auto;
1289
+ }
1290
+ /* Keep 最近 + hamburger reachable; tuck secondary actions */
1291
+ #topbar {
1292
+ overflow: visible;
1293
+ gap: 0.35rem;
1294
+ }
1295
+ #topbar .topbar-actions {
1296
+ gap: 0.25rem;
1297
+ flex-shrink: 0;
1298
+ }
1299
+ #btn-theme,
1300
+ #btn-settings,
1301
+ #btn-logout,
1302
+ #btn-pwa-install {
1303
+ display: none !important;
1304
+ }
1305
+ .topbar-icon-label { display: none; }
1306
+ #topbar-project {
1307
+ font-size: 11px;
1308
+ max-width: 30vw;
1309
+ }
1310
+ #recent-menu-list .recent-menu-item {
1311
+ min-height: 44px; /* comfortable touch targets */
1312
+ padding-top: 0.5rem;
1313
+ padding-bottom: 0.5rem;
1314
+ }
1315
+ }
1316
+ #chat-input:focus,
1317
+ #chat-input:focus-visible {
1318
+ outline: none !important;
1319
+ box-shadow: none !important;
1320
+ border-color: transparent;
1321
+ }
1322
+ #chat-input.textarea-warning {
1323
+ border-color: color-mix(in oklch, var(--color-warning) 65%, transparent);
1324
+ background: color-mix(in oklch, var(--color-warning) 6%, var(--color-base-100));
1325
+ }
1326
+ #chat-input.textarea-warning:focus {
1327
+ border-color: color-mix(in oklch, var(--color-warning) 80%, transparent);
1328
+ }
1329
+
1330
+ /* ── Typing dots ─────────────────────────────────────────────────────────── */
1331
+ .dot { width: 5px; height: 5px; background: currentColor; border-radius: 50%; display: inline-block; animation: blink 1.2s infinite; }
1332
+ .dot:nth-child(2) { animation-delay: .4s; }
1333
+ .dot:nth-child(3) { animation-delay: .8s; }
1334
+ @keyframes blink { 0%,80%,100% { opacity:.2 } 40% { opacity:1 } }
1335
+
1336
+ /* ── Scrollbar ───────────────────────────────────────────────────────────── */
1337
+ ::-webkit-scrollbar { width: 4px; height: 4px; }
1338
+ ::-webkit-scrollbar-track { background: transparent; }
1339
+ ::-webkit-scrollbar-thumb { background: oklch(var(--b3)); border-radius: 2px; }
1340
+
1341
+ /* ── Scroll jump buttons ─────────────────────────────────────────────────── */
1342
+ .scroll-fab {
1343
+ width: 32px; height: 32px; border-radius: 50%;
1344
+ display: flex; align-items: center; justify-content: center;
1345
+ font-size: 15px; line-height: 1; cursor: pointer;
1346
+ background: oklch(var(--b2)); color: oklch(var(--bc));
1347
+ border: 1px solid oklch(var(--b3));
1348
+ box-shadow: 0 2px 6px rgba(0,0,0,.15);
1349
+ opacity: .85; transition: opacity .15s, transform .15s;
1350
+ }
1351
+ .scroll-fab:hover { opacity: 1; transform: translateY(-1px); }
1352
+ .scroll-fab.hidden { display: none; }
1353
+
1354
+ /* ── Tool cards ──────────────────────────────────────────────────────────── */
1355
+ .tool-card {
1356
+ border-radius: 6px;
1357
+ border: 1px solid color-mix(in oklch, oklch(var(--su)) 18%, oklch(var(--b3)));
1358
+ background: color-mix(in oklch, oklch(var(--su)) 6%, oklch(var(--b2)));
1359
+ }
1360
+ .tool-detail {
1361
+ display: none;
1362
+ margin-top: 0.25rem;
1363
+ padding: 0.5rem;
1364
+ border-radius: 4px;
1365
+ font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
1366
+ font-size: 11px;
1367
+ overflow-x: auto;
1368
+ white-space: pre;
1369
+ max-height: 18rem;
1370
+ overflow-y: auto;
1371
+ background: color-mix(in oklch, oklch(var(--bc)) 5%, oklch(var(--b1)));
1372
+ color: oklch(var(--bc) / 0.85);
1373
+ border: 1px solid oklch(var(--b3));
1374
+ }
1375
+ [data-theme="dark"] .tool-detail,
1376
+ [data-theme="night"] .tool-detail,
1377
+ [data-theme="black"] .tool-detail {
1378
+ background: color-mix(in oklch, oklch(var(--b1)) 65%, black);
1379
+ }
1380
+ .tool-card.open .tool-detail { display: block; }
1381
+ .tool-card.open .tool-chevron { transform: rotate(90deg); }
1382
+ .tool-chevron { transition: transform .15s; display: inline-block; }
1383
+
1384
+ /* Tool batch (density: clean) */
1385
+ .tool-batch {
1386
+ border-radius: 6px;
1387
+ border: 1px dashed oklch(var(--b3));
1388
+ background: oklch(var(--b2) / 0.6);
1389
+ cursor: pointer;
1390
+ user-select: none;
1391
+ }
1392
+ .tool-batch .tool-batch-list { display: none; margin-top: 0.35rem; }
1393
+ .tool-batch.open .tool-batch-list { display: flex; flex-direction: column; gap: 0.25rem; }
1394
+ .tool-batch.open .tool-chevron { transform: rotate(90deg); }
1395
+
1396
+ /* Density modes */
1397
+ #messages[data-density="clean"] { gap: 0.35rem; }
1398
+ #messages[data-density="clean"] .msg-row { margin-block: 0; }
1399
+ #messages[data-density="clean"] .tool-card:not(.tool-batch-item) {
1400
+ /* individual tools still shown when inside expanded batch */
1401
+ }
1402
+ #messages[data-density="full"] .tool-card .tool-detail {
1403
+ /* full density: detail stays collapsed until click, but preview is longer */
1404
+ }
1405
+ #messages[data-density="full"] .msg-ts { opacity: 0.55; }
1406
+
1407
+ /* ── Message timestamps ──────────────────────────────────────────────────── */
1408
+ .msg-row { display: flex; flex-direction: column; gap: 2px; }
1409
+ .msg-row.user { align-items: flex-end; }
1410
+ .msg-row.assistant, .msg-row.error { align-items: flex-start; }
1411
+ .msg-ts {
1412
+ font-size: 10px;
1413
+ line-height: 1;
1414
+ color: oklch(var(--bc) / 0.32);
1415
+ padding: 0 10px;
1416
+ font-variant-numeric: tabular-nums;
1417
+ user-select: none;
1418
+ }
1419
+ .msg-row.user .msg-ts { text-align: right; }
1420
+ .msg-row.queued-user-msg > div:not(.msg-ts) {
1421
+ opacity: .76;
1422
+ border-style: dashed;
1423
+ }
1424
+ .msg-row.cancelled-queued-user-msg > div:not(.msg-ts) {
1425
+ opacity: .48;
1426
+ text-decoration: line-through;
1427
+ }
1428
+ .msg-actions {
1429
+ display: flex;
1430
+ align-items: center;
1431
+ gap: 0.25rem;
1432
+ padding: 0 0.45rem;
1433
+ opacity: 0;
1434
+ transition: opacity .12s ease;
1435
+ }
1436
+ .msg-row.assistant:hover .msg-actions,
1437
+ .msg-row.assistant:focus-within .msg-actions { opacity: 1; }
1438
+ .msg-action-btn {
1439
+ appearance: none;
1440
+ border: 0;
1441
+ background: transparent;
1442
+ color: color-mix(in oklch, var(--color-base-content) 48%, transparent);
1443
+ font-size: 10px;
1444
+ line-height: 1.4;
1445
+ padding: 1px 4px;
1446
+ border-radius: 4px;
1447
+ cursor: pointer;
1448
+ }
1449
+ .msg-action-btn:hover:not(:disabled) {
1450
+ color: var(--color-primary);
1451
+ background: color-mix(in oklch, var(--color-primary) 12%, transparent);
1452
+ }
1453
+ .msg-action-btn:disabled { cursor: wait; opacity: .55; }
1454
+ @media (hover: none) { .msg-actions { opacity: 1; } }
1455
+
1456
+ .token-bar {
1457
+ display: flex;
1458
+ align-items: flex-start;
1459
+ gap: 0.4rem;
1460
+ padding: 0.1rem 0.45rem;
1461
+ font-size: 10px;
1462
+ font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
1463
+ color: color-mix(in oklch, var(--color-base-content) 38%, transparent);
1464
+ line-height: 1.45;
1465
+ }
1466
+ .token-bar-mark {
1467
+ flex-shrink: 0;
1468
+ opacity: 0.55;
1469
+ }
1470
+ .token-bar-text {
1471
+ min-width: 0;
1472
+ overflow-wrap: anywhere;
1473
+ word-break: break-word;
1474
+ }
1475
+
1476
+ /* ── Long message collapse ───────────────────────────────────────────────── */
1477
+ .msg-card .msg-body { max-height: 8em; overflow: hidden; mask-image: linear-gradient(to bottom, black 60%, transparent 100%); }
1478
+ .msg-card.open .msg-body { max-height: none; mask-image: none; }
1479
+ .msg-expand-btn { display: block; }
1480
+
1481
+ /* ── Git graph ───────────────────────────────────────────────────────────── */
1482
+ .git-graph { font-family: monospace; font-size: 11px; line-height: 1.5; white-space: pre; color: oklch(var(--bc)/.7); }
1483
+ .git-graph .gh { color: oklch(var(--su)); font-weight: 600; }
1484
+ .git-graph .gm { color: oklch(var(--bc)/.85); }
1485
+
1486
+ /* ── Sidebar project management ──────────────────────────────────────────── */
1487
+ .agent-pill {
1488
+ font-size: 10px;
1489
+ line-height: 1;
1490
+ padding: 3px 7px;
1491
+ border-radius: 999px;
1492
+ border: 1px solid oklch(var(--b3));
1493
+ color: oklch(var(--bc) / 0.55);
1494
+ background: transparent;
1495
+ cursor: pointer;
1496
+ transition: background .12s, color .12s, border-color .12s;
1497
+ }
1498
+ .agent-pill:hover { color: oklch(var(--bc) / 0.85); background: oklch(var(--b3) / 0.5); }
1499
+ .agent-pill.active {
1500
+ color: oklch(var(--p));
1501
+ border-color: color-mix(in oklch, oklch(var(--p)) 40%, transparent);
1502
+ background: color-mix(in oklch, oklch(var(--p)) 12%, transparent);
1503
+ font-weight: 600;
1504
+ }
1505
+ .project-header:hover .font-semibold { color: oklch(var(--p)); }
1506
+
1507
+ /* Shell tab terminal — keep dark intentionally (terminal aesthetic) */
1508
+ #tab-shell { background: #0d1117; }
1509
+ #term-output { color: #c9d1d9; }
1510
+ #term-keyboard { display: none; }
1511
+
1512
+ /* xterm parks its input off-screen, which is unreliable for mobile IMEs.
1513
+ * Phones use the visible native command composer below the terminal instead. */
1514
+ @media (max-width: 640px), (hover: none) and (pointer: coarse) {
1515
+ #term-keyboard { display: inline-flex; }
1516
+ #term-mobile-keys { display: flex !important; }
1517
+ #term-mobile-composer { display: flex !important; }
1518
+ #terminal-container { touch-action: manipulation; }
1519
+ .term-key {
1520
+ min-width: 38px;
1521
+ min-height: 32px;
1522
+ padding: 3px 7px;
1523
+ border: 1px solid #30363d;
1524
+ border-radius: 6px;
1525
+ color: #c9d1d9;
1526
+ background: #21262d;
1527
+ font: 600 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
1528
+ -webkit-tap-highlight-color: transparent;
1529
+ }
1530
+ .term-key:active { background: #30363d; }
1531
+ .term-mobile-input {
1532
+ flex: 1;
1533
+ min-width: 0;
1534
+ height: 38px;
1535
+ padding: 0 10px;
1536
+ border: 1px solid #30363d;
1537
+ border-radius: 7px;
1538
+ color: #f0f6fc;
1539
+ background: #0d1117;
1540
+ font: 16px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
1541
+ outline: none;
1542
+ }
1543
+ .term-mobile-input:focus { border-color: #58a6ff; }
1544
+ .term-mobile-send {
1545
+ height: 38px;
1546
+ padding: 0 12px;
1547
+ border: 0;
1548
+ border-radius: 7px;
1549
+ color: #fff;
1550
+ background: #1f6feb;
1551
+ font-size: 14px;
1552
+ font-weight: 600;
1553
+ }
1554
+ .term-mobile-send:active { background: #388bfd; }
1555
+ }
1556
+
1557
+ /* ── Meta Agent panel (DaisyUI 5: use --color-* full values, solid surfaces) ── */
1558
+ .meta-agent-panel {
1559
+ position: fixed;
1560
+ inset: 0;
1561
+ z-index: 80;
1562
+ display: flex;
1563
+ align-items: stretch;
1564
+ justify-content: flex-end;
1565
+ }
1566
+ .meta-agent-panel.hidden { display: none !important; }
1567
+ .meta-agent-backdrop {
1568
+ position: absolute;
1569
+ inset: 0;
1570
+ background: rgba(0, 0, 0, 0.55);
1571
+ }
1572
+ .meta-agent-sheet {
1573
+ position: relative;
1574
+ width: min(520px, 100vw);
1575
+ height: 100%;
1576
+ /* Solid panel — no alpha / no invalid oklch(var(--b1)) from DaisyUI 4 tokens */
1577
+ background: var(--color-base-100);
1578
+ color: var(--color-base-content);
1579
+ border-left: 1px solid var(--color-base-300);
1580
+ box-shadow: -12px 0 40px rgba(0, 0, 0, 0.35);
1581
+ display: flex;
1582
+ flex-direction: column;
1583
+ animation: ma-slide-in 0.18s ease-out;
1584
+ opacity: 1;
1585
+ isolation: isolate;
1586
+ }
1587
+ .ma-hist-item {
1588
+ border: 1px solid var(--color-base-300);
1589
+ border-radius: 10px;
1590
+ padding: 8px 10px;
1591
+ background: var(--color-base-200);
1592
+ transition: border-color .12s, background .12s;
1593
+ }
1594
+ .ma-hist-item:hover {
1595
+ border-color: color-mix(in oklch, var(--color-primary) 40%, var(--color-base-300));
1596
+ }
1597
+ .ma-hist-item.active {
1598
+ border-color: color-mix(in oklch, var(--color-primary) 55%, var(--color-base-300));
1599
+ background: color-mix(in oklch, var(--color-primary) 12%, var(--color-base-200));
1600
+ }
1601
+ .ma-hist-open { cursor: pointer; }
1602
+ .ma-note-item {
1603
+ width: 100%;
1604
+ border: 1px solid var(--color-base-300);
1605
+ border-radius: 10px;
1606
+ padding: 8px 10px;
1607
+ background: var(--color-base-200);
1608
+ transition: border-color .12s, background .12s;
1609
+ }
1610
+ .ma-note-item:hover {
1611
+ border-color: color-mix(in oklch, var(--color-primary) 40%, var(--color-base-300));
1612
+ }
1613
+ .ma-note-item.active {
1614
+ border-color: color-mix(in oklch, var(--color-primary) 55%, var(--color-base-300));
1615
+ background: color-mix(in oklch, var(--color-primary) 12%, var(--color-base-200));
1616
+ }
1617
+ .line-clamp-2 {
1618
+ display: -webkit-box;
1619
+ -webkit-line-clamp: 2;
1620
+ -webkit-box-orient: vertical;
1621
+ overflow: hidden;
1622
+ }
1623
+ #ma-resume-bar { min-height: 32px; }
1624
+ @keyframes ma-slide-in {
1625
+ from { transform: translateX(16px); }
1626
+ to { transform: translateX(0); }
1627
+ }
1628
+ .meta-agent-header {
1629
+ display: flex;
1630
+ align-items: center;
1631
+ justify-content: space-between;
1632
+ gap: 8px;
1633
+ padding: 10px 12px;
1634
+ border-bottom: 1px solid var(--color-base-300);
1635
+ flex-shrink: 0;
1636
+ background: var(--color-base-200);
1637
+ }
1638
+ .meta-agent-body {
1639
+ min-height: 0;
1640
+ background: var(--color-base-100);
1641
+ }
1642
+ .ma-msg { max-width: 100%; }
1643
+ .ma-bubble {
1644
+ border-radius: 12px;
1645
+ padding: 8px 12px;
1646
+ font-size: 13px;
1647
+ line-height: 1.55;
1648
+ word-break: break-word;
1649
+ }
1650
+ .ma-bubble.user {
1651
+ background: color-mix(in oklch, var(--color-primary) 18%, var(--color-base-100));
1652
+ border: 1px solid color-mix(in oklch, var(--color-primary) 30%, var(--color-base-300));
1653
+ margin-left: 12%;
1654
+ }
1655
+ .ma-bubble.assistant {
1656
+ background: var(--color-base-200);
1657
+ border: 1px solid var(--color-base-300);
1658
+ margin-right: 4%;
1659
+ }
1660
+ .ma-bubble.error {
1661
+ background: color-mix(in oklch, var(--color-error) 15%, var(--color-base-100));
1662
+ border: 1px solid color-mix(in oklch, var(--color-error) 40%, var(--color-base-300));
1663
+ color: var(--color-error);
1664
+ font-size: 12px;
1665
+ }
1666
+ .ma-sys {
1667
+ font-size: 11px;
1668
+ color: color-mix(in oklch, var(--color-base-content) 45%, transparent);
1669
+ text-align: center;
1670
+ padding: 4px 8px;
1671
+ }
1672
+ .ma-tool {
1673
+ font-size: 11px;
1674
+ font-family: ui-monospace, monospace;
1675
+ background: var(--color-base-200);
1676
+ border: 1px solid var(--color-base-300);
1677
+ border-radius: 8px;
1678
+ padding: 6px 8px;
1679
+ margin-right: 8%;
1680
+ }
1681
+ .ma-tool.done { border-color: color-mix(in oklch, var(--color-success) 45%, var(--color-base-300)); }
1682
+ .ma-tool.error { border-color: color-mix(in oklch, var(--color-error) 45%, var(--color-base-300)); }
1683
+ .ma-tool-name {
1684
+ font-weight: 700;
1685
+ color: var(--color-primary);
1686
+ margin-right: 6px;
1687
+ }
1688
+ .ma-tool-phase { color: color-mix(in oklch, var(--color-base-content) 45%, transparent); }
1689
+ .ma-tool-args, .ma-tool-result {
1690
+ margin: 4px 0 0;
1691
+ white-space: pre-wrap;
1692
+ word-break: break-all;
1693
+ max-height: 80px;
1694
+ overflow: auto;
1695
+ font-size: 10px;
1696
+ opacity: 0.75;
1697
+ }
1698
+ .ma-approval {
1699
+ font-size: 12px;
1700
+ background: color-mix(in oklch, var(--color-warning) 10%, var(--color-base-200));
1701
+ border: 1px solid color-mix(in oklch, var(--color-warning) 45%, var(--color-base-300));
1702
+ border-radius: 8px;
1703
+ padding: 8px 10px;
1704
+ margin-right: 8%;
1705
+ }
1706
+ .ma-approval-label { font-weight: 600; margin-bottom: 4px; }
1707
+ .ma-approval-cmd {
1708
+ font-family: ui-monospace, monospace;
1709
+ font-size: 11px;
1710
+ white-space: pre-wrap;
1711
+ word-break: break-all;
1712
+ background: var(--color-base-100);
1713
+ border-radius: 6px;
1714
+ padding: 6px 8px;
1715
+ margin: 4px 0;
1716
+ }
1717
+ .ma-approval-actions { display: flex; gap: 6px; justify-content: flex-end; }
1718
+ .ma-thumb {
1719
+ width: 56px;
1720
+ height: 56px;
1721
+ border-radius: 8px;
1722
+ overflow: hidden;
1723
+ border: 1px solid var(--color-base-300);
1724
+ position: relative;
1725
+ flex-shrink: 0;
1726
+ }
1727
+ .ma-thumb img { width: 100%; height: 100%; object-fit: cover; }
1728
+ .ma-thumb-path {
1729
+ display: flex;
1730
+ align-items: center;
1731
+ justify-content: center;
1732
+ width: 100%;
1733
+ height: 100%;
1734
+ font-size: 10px;
1735
+ background: var(--color-base-200);
1736
+ }
1737
+ .ma-thumb-label {
1738
+ position: absolute;
1739
+ left: 0;
1740
+ bottom: 0;
1741
+ right: 0;
1742
+ font-size: 9px;
1743
+ text-align: center;
1744
+ background: rgba(0,0,0,.55);
1745
+ color: #fff;
1746
+ line-height: 1.2;
1747
+ padding: 1px 0;
1748
+ }
1749
+ .ma-thumb-x {
1750
+ position: absolute;
1751
+ top: 0;
1752
+ right: 0;
1753
+ background: rgba(0,0,0,.65);
1754
+ color: #fff;
1755
+ border: 0;
1756
+ font-size: 10px;
1757
+ width: 16px;
1758
+ height: 16px;
1759
+ cursor: pointer;
1760
+ line-height: 1;
1761
+ z-index: 1;
1762
+ }
1763
+ .ma-report-md { font-size: 13px; }
1764
+ .ma-report-item { display: block; }
1765
+
1766
+ @media (max-width: 640px) {
1767
+ .md h1, .md h2, .md h3 {
1768
+ background: none !important;
1769
+ border-bottom: none !important;
1770
+ font-size: 1.02em !important;
1771
+ padding: 0.05em 0 0.15em 0.5em !important;
1772
+ }
1773
+ }
1774
+
1775
+ /* ── Settings: full-page overlay using the same DaisyUI tokens as #app ── */
1776
+
1777
+ html.settings-open #app { visibility: hidden; }
1778
+ .set-page {
1779
+ position: fixed;
1780
+ inset: 0;
1781
+ z-index: 50;
1782
+ background: hsl(var(--b1));
1783
+ color: hsl(var(--bc));
1784
+ overflow: auto;
1785
+ min-height: 100dvh;
1786
+ }
1787
+ .set-island {
1788
+ position: sticky;
1789
+ top: 0;
1790
+ z-index: 2;
1791
+ display: flex;
1792
+ align-items: center;
1793
+ gap: 0.5rem;
1794
+ height: 44px;
1795
+ padding: 0 0.75rem;
1796
+ background: hsl(var(--b2));
1797
+ border-bottom: 1px solid hsl(var(--b3));
1798
+ }
1799
+ .set-split {
1800
+ display: grid;
1801
+ grid-template-columns: minmax(140px, 200px) minmax(0, 1fr);
1802
+ gap: 0.75rem;
1803
+ max-width: 56rem;
1804
+ margin: 1rem auto 2.5rem;
1805
+ padding: 0 1rem 2rem;
1806
+ }
1807
+ .set-nav { display: flex; flex-direction: column; gap: 0.25rem; padding-top: 0.25rem; }
1808
+ .set-nav-item.is-on {
1809
+ background: hsl(var(--b3));
1810
+ color: hsl(var(--bc));
1811
+ }
1812
+ .set-main { min-width: 0; }
1813
+ .set-panel { padding: 0.25rem 0 1.5rem; }
1814
+ .set-fields { display: grid; gap: 0.5rem; }
1815
+ .set-list { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1rem; }
1816
+ .set-row {
1817
+ display: flex;
1818
+ align-items: center;
1819
+ gap: 0.75rem;
1820
+ padding: 0.65rem 0.75rem;
1821
+ border-radius: 0.5rem;
1822
+ background: hsl(var(--b2));
1823
+ border: 1px solid hsl(var(--b3));
1824
+ }
1825
+ .set-row-body { flex: 1; min-width: 0; }
1826
+ .set-add { display: grid; gap: 0.5rem; }
1827
+ .set-token { margin-top: 0.75rem; display: flex; flex-direction: column; gap: 0.5rem; }
1828
+ .set-token textarea { min-height: 7rem; resize: vertical; }
1829
+ @media (max-width: 767px) {
1830
+ .set-split { grid-template-columns: 1fr; }
1831
+ .set-nav { flex-direction: row; overflow-x: auto; gap: 0.25rem; }
1832
+ .set-nav-item { white-space: nowrap; }
1833
+ }
1834
+
1835
+ /* ── Personal notes (main pane, sidebar stays) ────────────────────────────── */
1836
+
1837
+ .notes-page {
1838
+ flex: 1;
1839
+ min-height: 0;
1840
+ display: flex;
1841
+ flex-direction: column;
1842
+ padding: 16px clamp(12px, 3vw, 32px) 24px;
1843
+ gap: 12px;
1844
+ overflow-y: auto;
1845
+ background: hsl(var(--b1));
1846
+ color: hsl(var(--bc));
1847
+ }
1848
+ .notes-page[hidden] { display: none !important; }
1849
+ .notes-count {
1850
+ margin: 4px 0 0;
1851
+ font-size: 12px;
1852
+ color: hsl(var(--bc) / .55);
1853
+ }
1854
+ .notes-header {
1855
+ display: flex;
1856
+ align-items: center;
1857
+ justify-content: space-between;
1858
+ gap: 16px;
1859
+ border-bottom: 1px solid hsl(var(--b3) / .35);
1860
+ padding-bottom: 12px;
1861
+ }
1862
+ .notes-header h2 {
1863
+ margin: 0;
1864
+ font-size: 1.4rem;
1865
+ letter-spacing: .02em;
1866
+ }
1867
+ .notes-header-actions { display: flex; gap: 8px; }
1868
+ .notes-add {
1869
+ display: flex;
1870
+ flex-direction: column;
1871
+ gap: 8px;
1872
+ padding: 12px;
1873
+ border-radius: 12px;
1874
+ background: hsl(var(--b2));
1875
+ border: 1px solid hsl(var(--b3) / .4);
1876
+ }
1877
+ .notes-add textarea,
1878
+ .notes-edit-text {
1879
+ width: 100%;
1880
+ font: inherit;
1881
+ background: hsl(var(--b1));
1882
+ color: inherit;
1883
+ border: 1px solid hsl(var(--b3) / .4);
1884
+ border-radius: 8px;
1885
+ padding: 10px 12px;
1886
+ resize: vertical;
1887
+ min-height: 80px;
1888
+ }
1889
+ .notes-form-actions {
1890
+ display: flex;
1891
+ gap: 8px;
1892
+ justify-content: flex-end;
1893
+ }
1894
+ .notes-list {
1895
+ list-style: none;
1896
+ margin: 0;
1897
+ padding: 0;
1898
+ display: flex;
1899
+ flex-direction: column;
1900
+ gap: 10px;
1901
+ }
1902
+ .notes-empty {
1903
+ padding: 28px;
1904
+ text-align: center;
1905
+ color: hsl(var(--bc) / .55);
1906
+ border: 1px dashed hsl(var(--b3) / .45);
1907
+ border-radius: 12px;
1908
+ }
1909
+ .notes-error { color: hsl(var(--er) / .85); border-color: hsl(var(--er) / .35); }
1910
+ .notes-item {
1911
+ background: hsl(var(--b2));
1912
+ border: 1px solid hsl(var(--b3) / .35);
1913
+ border-radius: 12px;
1914
+ padding: 14px 16px;
1915
+ display: flex;
1916
+ flex-direction: column;
1917
+ gap: 8px;
1918
+ }
1919
+ .notes-text {
1920
+ white-space: pre-wrap;
1921
+ word-break: break-word;
1922
+ font-size: .98rem;
1923
+ line-height: 1.55;
1924
+ }
1925
+ .notes-meta {
1926
+ font-size: .75rem;
1927
+ color: hsl(var(--bc) / .55);
1928
+ font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
1929
+ }
1930
+ .notes-item-foot {
1931
+ display: flex;
1932
+ align-items: center;
1933
+ gap: 8px;
1934
+ }
1935
+ .notes-item-actions {
1936
+ display: flex;
1937
+ gap: 4px;
1938
+ margin-left: auto;
1939
+ }
1940
+ .btn.danger {
1941
+ background: hsl(var(--er) / .15);
1942
+ color: hsl(var(--er));
1943
+ border: 1px solid hsl(var(--er) / .35);
1944
+ }
1945
+ .btn.primary {
1946
+ background: hsl(var(--p));
1947
+ color: hsl(var(--pc));
1948
+ border: 1px solid hsl(var(--p) / .85);
1949
+ }
1950
+
1951
+ /* Overlays must not eat keystrokes when hidden */
1952
+ #sidebar-overlay.hidden,
1953
+ .mermaid-zoom-overlay.hidden,
1954
+ #session-lock-banner.hidden {
1955
+ display: none !important;
1956
+ pointer-events: none !important;
1957
+ }
1958
+ #session-lock-banner {
1959
+ background: color-mix(in oklch, var(--color-warning) 16%, var(--color-base-200));
1960
+ color: color-mix(in oklch, var(--color-warning) 80%, var(--color-base-content));
1961
+ pointer-events: none;
1962
+ }
1963
+ #chat-input:disabled,
1964
+ #chat-input[readonly] {
1965
+ cursor: not-allowed;
1966
+ opacity: .78;
1967
+ }
1968
+
1969
+ .notes-add[hidden] { display: none; }
1970
+ .notes-error { color: #ef4444; }
1971
+
1972
+ .notes-item {
1973
+ background: rgba(255255255, .04);
1974
+ border: 1px solid rgba(255255255, .08);
1975
+ border-radius: 8px;
1976
+ padding: 12px;
1977
+ }
1978
+ .notes-text {
1979
+ white-space: pre-wrap;
1980
+ word-break: break-word;
1981
+ line-height: 1.55;
1982
+ }
1983
+ .notes-meta {
1984
+ margin-top: 8px;
1985
+ color: rgba(255255255, .4);
1986
+ font-size: 11px;
1987
+ display: flex;
1988
+ gap: 6px;
1989
+ }
1990
+ .notes-item-actions {
1991
+ margin-top: 8px;
1992
+ display: flex;
1993
+ gap: 6px;
1994
+ justify-content: flex-end;
1995
+ }
1996
+ .notes-edit-text {
1997
+ width: 100%;
1998
+ resize: vertical;
1999
+ min-height: 60px;
2000
+ background: transparent;
2001
+ color: inherit;
2002
+ border: 1px solid rgba(255255255, .08);
2003
+ border-radius: 6px;
2004
+ padding: 6px 8px;
2005
+ font-family: inherit;
2006
+ font-size: 14px;
2007
+ }
2008
+
2009
+ .ma-reasoning { border: 1px solid var(--color-base-300); border-radius: 8px; padding: 8px 10px; color: var(--color-base-content); font-size: 12px; }
2010
+ .ma-reasoning summary, .ma-tool summary { cursor: pointer; }
2011
+ .ma-reasoning pre { max-height: 260px; overflow: auto; overflow-wrap: anywhere; font: inherit; opacity: .7; }
2012
+ .ma-tool[open] .ma-tool-args, .ma-tool[open] .ma-tool-result { max-height: 320px; }