@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-lg: .5rem;--radius-2xl: 1rem;--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--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);--font-display: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--color-bg: #f6f4f1;--color-surface: #ffffff;--color-surface-2: #f1ede7;--color-field: #f4f1ec;--color-border: rgba(28, 25, 23, .08);--color-border-strong: rgba(28, 25, 23, .16);--color-text: #1c1917;--color-text-secondary: #57534e;--color-text-muted: #79716b;--color-accent: #c2410c;--color-accent-hover: #9a3412;--color-accent-ink: #ffffff;--color-accent-glow: rgba(194, 65, 12, .1);--color-success: #047857;--color-success-glow: rgba(4, 120, 87, .12);--color-error: #dc2626;--color-error-glow: rgba(220, 38, 38, .1);--radius-card: 20px;--radius-field: 14px;--radius-sheet: 28px;--shadow-card: 0 1px 2px rgba(28, 25, 23, .04), 0 12px 32px -16px rgba(28, 25, 23, .14);--shadow-dock: 0 2px 6px rgba(28, 25, 23, .06), 0 16px 40px -12px rgba(28, 25, 23, .24);--shadow-cta: 0 10px 24px -10px color-mix(in srgb, #c2410c 55%, transparent);--animate-fade-in: fade-in .3s cubic-bezier(.25, 1, .5, 1);--animate-page-in: page-in .24s cubic-bezier(.25, 1, .5, 1);--animate-shake: shake .4s ease;--animate-pulse-dot: pulse-dot 1.4s ease-in-out infinite;--ease-out-soft: cubic-bezier(.32, .72, 0, 1)}@supports (color: color-mix(in lab,red,red)){:root,:host{--shadow-cta: 0 10px 24px -10px color-mix(in srgb, var(--color-accent) 55%, transparent)}}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.\!absolute{position:absolute!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-32{top:calc(var(--spacing) * -32)}.top-5{top:calc(var(--spacing) * 5)}.-right-24{right:calc(var(--spacing) * -24)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-40{bottom:calc(var(--spacing) * -40)}.-left-24{left:calc(var(--spacing) * -24)}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-auto{margin-inline:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.-mr-2{margin-right:calc(var(--spacing) * -2)}.\!mb-0{margin-bottom:calc(var(--spacing) * 0)!important}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-1{margin-left:calc(var(--spacing) * 1)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.\!h-8{height:calc(var(--spacing) * 8)!important}.\!h-9{height:calc(var(--spacing) * 9)!important}.\!h-10{height:calc(var(--spacing) * 10)!important}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-96{height:calc(var(--spacing) * 96)}.h-\[28rem\]{height:28rem}.h-full{height:100%}.max-h-\[320px\]{max-height:320px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[140px\]{min-height:140px}.min-h-\[150px\]{min-height:150px}.min-h-\[280px\]{min-height:280px}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.\!w-8{width:calc(var(--spacing) * 8)!important}.\!w-9{width:calc(var(--spacing) * 9)!important}.\!w-10{width:calc(var(--spacing) * 10)!important}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-96{width:calc(var(--spacing) * 96)}.w-\[28rem\]{width:28rem}.w-full{width:100%}.\!max-w-none{max-width:none!important}.max-w-\[18rem\]{max-width:18rem}.max-w-\[30rem\]{max-width:30rem}.max-w-\[180px\]{max-width:180px}.max-w-\[340px\]{max-width:340px}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-page-in{animation:var(--animate-page-in)}.animate-pulse{animation:var(--animate-pulse)}.animate-pulse-dot{animation:var(--animate-pulse-dot)}.animate-shake{animation:var(--animate-shake)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.\!resize-y{resize:vertical!important}.resize{resize:both}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}: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-2\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * 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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[14px\]{border-radius:14px}.rounded-field{border-radius:var(--radius-field)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.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-dashed{--tw-border-style: dashed;border-style:dashed}.border-none{--tw-border-style: none;border-style:none}.border-accent\/25{border-color:color-mix(in srgb,#c2410c 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-accent\/25{border-color:color-mix(in oklab,var(--color-accent) 25%,transparent)}}.border-accent\/30{border-color:color-mix(in srgb,#c2410c 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-accent\/30{border-color:color-mix(in oklab,var(--color-accent) 30%,transparent)}}.border-border{border-color:var(--color-border)}.border-current\/30{border-color:currentcolor}@supports (color: color-mix(in lab,red,red)){.border-current\/30{border-color:color-mix(in oklab,currentcolor 30%,transparent)}}.border-transparent{border-color:transparent}.border-t-current{border-top-color:currentcolor}.\!bg-surface{background-color:var(--color-surface)!important}.\!bg-transparent{background-color:transparent!important}.bg-accent{background-color:var(--color-accent)}.bg-accent-glow{background-color:var(--color-accent-glow)}.bg-accent\/5{background-color:color-mix(in srgb,#c2410c 5%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-accent\/5{background-color:color-mix(in oklab,var(--color-accent) 5%,transparent)}}.bg-accent\/10{background-color:color-mix(in srgb,#c2410c 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}.bg-accent\/15{background-color:color-mix(in srgb,#c2410c 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-accent\/15{background-color:color-mix(in oklab,var(--color-accent) 15%,transparent)}}.bg-border\/60{background-color:color-mix(in srgb,rgba(28,25,23,.08) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-border\/60{background-color:color-mix(in oklab,var(--color-border) 60%,transparent)}}.bg-error-glow{background-color:var(--color-error-glow)}.bg-field{background-color:var(--color-field)}.bg-surface{background-color:var(--color-surface)}.bg-surface-2{background-color:var(--color-surface-2)}.bg-transparent{background-color:transparent}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.\!px-3\.5{padding-inline:calc(var(--spacing) * 3.5)!important}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.\!py-3\.5{padding-block:calc(var(--spacing) * 3.5)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.\!text-\[13px\]{font-size:13px!important}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.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-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)}.tracking-widest{--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-accent{color:var(--color-accent)!important}.\!text-success{color:var(--color-success)!important}.text-accent{color:var(--color-accent)}.text-accent\/70{color:color-mix(in srgb,#c2410c 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-accent\/70{color:color-mix(in oklab,var(--color-accent) 70%,transparent)}}.text-error{color:var(--color-error)}.text-text{color:var(--color-text)}.text-text-muted{color:var(--color-text-muted)}.text-text-muted\/40{color:color-mix(in srgb,#79716b 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-text-muted\/40{color:color-mix(in oklab,var(--color-text-muted) 40%,transparent)}}.text-text-muted\/60{color:color-mix(in srgb,#79716b 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-text-muted\/60{color:color-mix(in oklab,var(--color-text-muted) 60%,transparent)}}.text-text-secondary{color:var(--color-text-secondary)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:50%}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-cta{--tw-shadow: 0 10px 24px -10px var(--tw-shadow-color, color-mix(in srgb, #c2410c 55%, transparent));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@supports (color: color-mix(in lab,red,red)){.shadow-cta{--tw-shadow: 0 10px 24px -10px var(--tw-shadow-color, color-mix(in srgb, var(--color-accent) 55%, transparent))}}.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)}.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-\[110px\]{--tw-blur: blur(110px);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-\[130px\]{--tw-blur: blur(130px);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-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-\[border-color\,background-color\,transform\]{transition-property:border-color,background-color,transform;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[border-color\]{transition-property:border-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-150{--tw-duration: .15s;transition-duration:.15s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-500{--tw-duration: .5s;transition-duration:.5s}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:0\.2s\]{animation-delay:.2s}.\[animation-delay\:0\.4s\]{animation-delay:.4s}.placeholder\:text-text-muted\/60::placeholder{color:color-mix(in srgb,#79716b 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.placeholder\:text-text-muted\/60::placeholder{color:color-mix(in oklab,var(--color-text-muted) 60%,transparent)}}.focus-within\:border-accent\/50:focus-within{border-color:color-mix(in srgb,#c2410c 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.focus-within\:border-accent\/50:focus-within{border-color:color-mix(in oklab,var(--color-accent) 50%,transparent)}}.focus-within\:shadow-\[0_0_0_3px_var\(--color-accent-glow\)\]:focus-within{--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-accent-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:border-accent\/40:hover{border-color:color-mix(in srgb,#c2410c 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-accent\/40:hover{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}}}@media(hover:hover){.hover\:border-border-strong:hover{border-color:var(--color-border-strong)}}@media(hover:hover){.hover\:border-error\/40:hover{border-color:color-mix(in srgb,#dc2626 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:border-error\/40:hover{border-color:color-mix(in oklab,var(--color-error) 40%,transparent)}}}@media(hover:hover){.hover\:bg-accent\/10:hover{background-color:color-mix(in srgb,#c2410c 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-accent\/10:hover{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}}@media(hover:hover){.hover\:bg-error-glow:hover{background-color:var(--color-error-glow)}}@media(hover:hover){.hover\:bg-surface:hover{background-color:var(--color-surface)}}@media(hover:hover){.hover\:bg-surface-2:hover{background-color:var(--color-surface-2)}}@media(hover:hover){.hover\:text-accent:hover{color:var(--color-accent)}}@media(hover:hover){.hover\:text-error:hover{color:var(--color-error)}}@media(hover:hover){.hover\:text-text:hover{color:var(--color-text)}}.active\:scale-\[0\.99\]:active{scale:.99}}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-sans-thai.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}.dark{--color-bg: #0c0a09;--color-surface: #1c1917;--color-surface-2: #2a2522;--color-field: #262220;--color-border: rgba(245, 240, 235, .09);--color-border-strong: rgba(245, 240, 235, .18);--color-text: #f7f5f2;--color-text-secondary: #b8b0a9;--color-text-muted: #8c847c;--color-accent: #f59e0b;--color-accent-hover: #fbbf24;--color-accent-ink: #211303;--color-accent-glow: rgba(245, 158, 11, .14);--color-success: #34d399;--color-success-glow: rgba(52, 211, 153, .14);--color-error: #f87171;--color-error-glow: rgba(248, 113, 113, .12);--shadow-card: none;--shadow-dock: 0 16px 40px -12px rgba(0, 0, 0, .6);--shadow-cta: 0 10px 28px -10px color-mix(in srgb, #c2410c 45%, transparent)}@supports (color: color-mix(in lab,red,red)){.dark{--shadow-cta: 0 10px 28px -10px color-mix(in srgb, var(--color-accent) 45%, transparent)}}@keyframes page-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes sheet-in-centred{0%{opacity:0;transform:translate3d(0,8px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pulse-dot{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes skeleton-sweep{0%{background-position:150% 50%}to{background-position:-50% 50%}}@keyframes ping-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.7);opacity:0}}html,body{height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;overscroll-behavior-y:contain}h1,h2,h3,.font-display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;text-wrap:balance}p{text-wrap:pretty}html{accent-color:var(--color-accent)}::selection{background:color-mix(in srgb,#c2410c 24%,transparent)}@supports (color: color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--color-accent) 24%,transparent)}}button,label,.tab-link,.seg,.chip,.sheet-handle{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:focus-visible{outline:2px solid color-mix(in srgb,#c2410c 60%,transparent);outline-offset:2px}@supports (color: color-mix(in lab,red,red)){:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 60%,transparent)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}html{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='%2379716b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px!important;appearance:none;-webkit-appearance:none}.dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='%238c847c'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E")}@media(pointer:coarse){.field,.composer-textarea{font-size:16px}}:root{--dock-gap: clamp(1.25rem, env(safe-area-inset-bottom, 0px), 1.75rem);--kb-inset: 0px}.page-shell{display:flex;flex-direction:column;width:100%;max-width:30rem;min-height:100dvh;margin-inline:auto;padding-inline:1.25rem;padding-bottom:calc(6rem + var(--dock-gap))}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 -1.25rem 1.25rem;padding:calc(.75rem + env(safe-area-inset-top,0px)) 1.25rem .75rem;background:color-mix(in srgb,#f6f4f1 82%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--color-border)}@supports (color: color-mix(in lab,red,red)){.app-header{background:color-mix(in srgb,var(--color-bg) 82%,transparent)}}.app-title{font-size:1.3125rem;font-weight:650;letter-spacing:-.02em;color:var(--color-text)}.status-dot{width:.5rem;height:.5rem;border-radius:9999px;flex-shrink:0;transition:background-color .5s ease,box-shadow .5s ease}.status-dot.online{background:var(--color-success);box-shadow:0 0 10px var(--color-success-glow),0 0 4px color-mix(in srgb,#047857 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.status-dot.online{box-shadow:0 0 10px var(--color-success-glow),0 0 4px color-mix(in srgb,var(--color-success) 60%,transparent)}}.status-dot.offline{background:var(--color-error);box-shadow:0 0 10px var(--color-error-glow),0 0 4px color-mix(in srgb,#dc2626 45%,transparent)}@supports (color: color-mix(in lab,red,red)){.status-dot.offline{box-shadow:0 0 10px var(--color-error-glow),0 0 4px color-mix(in srgb,var(--color-error) 45%,transparent)}}.status-dot.unknown{background:var(--color-text-muted);animation:pulse-dot 1.4s ease-in-out infinite}@media(pointer:coarse){.icon-btn:not(:disabled),.composer-send:not(:disabled),.chip:not(:disabled){position:relative}.icon-btn:not(:disabled):after,.composer-send:not(:disabled):after,.chip:not(:disabled):after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:max(100%,44px);height:max(100%,44px)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;flex-shrink:0;border-radius:9999px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .1s ease}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.icon-btn:active{transform:scale(.92)}.icon-btn.active{background:var(--color-accent-glow);color:var(--color-accent)}.icon-btn.danger-hover:hover,.icon-btn.listening{background:var(--color-error-glow);color:var(--color-error)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:disabled:hover{background:transparent;color:var(--color-text-muted)}.icon-btn:disabled:active{transform:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;border:none;border-radius:9999px;background:var(--color-accent);color:var(--color-accent-ink);font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;box-shadow:var(--shadow-cta);transition:background-color .15s ease,transform .1s ease,box-shadow .2s ease,opacity .15s ease}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;border:1px solid var(--color-border);border-radius:9999px;background:var(--color-surface-2);color:var(--color-text);font-family:inherit;font-size:.875rem;font-weight:550;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease,opacity .15s ease}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-strong)}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;border:1px solid transparent;border-radius:9999px;background:var(--color-error);color:#fff;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.btn-danger:hover:not(:disabled){opacity:.9}.btn-danger:active:not(:disabled){transform:scale(.97)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.field-label{display:block;margin-bottom:.375rem;margin-left:.25rem;font-size:.8125rem;font-weight:550;color:var(--color-text-secondary)}.eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.progress-line{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,#c2410c 14%,transparent)}@supports (color: color-mix(in lab,red,red)){.progress-line{background:color-mix(in srgb,var(--color-accent) 14%,transparent)}}.progress-line:after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;border-radius:999px;background:var(--color-accent);animation:progress-slide 1.15s cubic-bezier(.65,0,.35,1) infinite}@media(prefers-reduced-motion:reduce){.progress-line:after{width:100%;opacity:.55}}.skeleton-bar{display:block;height:.65rem;border-radius:999px;background:linear-gradient(90deg,var(--color-surface-2) 30%,color-mix(in srgb,#f1ede7 60%,#79716b) 45%,var(--color-surface-2) 60%);background-size:300% 100%;animation:skeleton-sweep 1.6s ease-in-out infinite}@supports (color: color-mix(in lab,red,red)){.skeleton-bar{background:linear-gradient(90deg,var(--color-surface-2) 30%,color-mix(in srgb,var(--color-surface-2) 60%,var(--color-text-muted)) 45%,var(--color-surface-2) 60%)}}.field{display:block;width:100%;padding:.75rem 1rem;background-color:var(--color-field);border:1px solid transparent;border-radius:var(--radius-field);color:var(--color-text);font-family:inherit;font-size:.9375rem;line-height:1.5;outline:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.field::placeholder{color:color-mix(in srgb,#79716b 75%,transparent)}@supports (color: color-mix(in lab,red,red)){.field::placeholder{color:color-mix(in srgb,var(--color-text-muted) 75%,transparent)}}.field:hover:not(:focus):not(:disabled){border-color:var(--color-border)}.field:focus,.field:focus-visible{outline:none;background-color:var(--color-surface);border-color:color-mix(in srgb,#c2410c 55%,transparent);box-shadow:0 0 0 3px var(--color-accent-glow)}@supports (color: color-mix(in lab,red,red)){.field:focus,.field:focus-visible{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}}select.field{cursor:pointer}.field:disabled{opacity:.6;cursor:not-allowed}textarea.field{resize:none}.select-list-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;cursor:pointer}.select-list-chevron{flex-shrink:0;width:.75rem;height:.75rem;color:var(--color-text-muted);transition:transform .2s ease}.select-list-chevron.is-open{transform:rotate(180deg)}.select-list-options{margin-top:.375rem;padding:.25rem;max-height:min(17rem,42dvh);overflow-y:auto;overscroll-behavior:contain;background:var(--color-field);border:1px solid var(--color-border);border-radius:var(--radius-field)}.select-list-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:10px;color:var(--color-text);font-family:inherit;font-size:.875rem;line-height:1.4;text-align:left;cursor:pointer}.select-list-option:hover{background:var(--color-surface-2)}.select-list-option:focus-visible{outline:none;background:var(--color-surface-2)}.select-list-option[aria-selected=true]{color:var(--color-accent);font-weight:550}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.25rem;padding:.25rem;background:var(--color-surface-2);border-radius:9999px}button.seg{transition:transform .1s ease}button.seg:active{transform:scale(.99)}.seg-option{padding:.625rem .75rem;border:none;border-radius:9999px;background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:.875rem;font-weight:550;text-align:center;line-height:1.3;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .1s ease,opacity .15s ease}.seg-option:disabled{opacity:.5;cursor:not-allowed}.seg-option:not(.active):not(:disabled):hover{background:color-mix(in srgb,#ffffff 55%,transparent);color:var(--color-text)}@supports (color: color-mix(in lab,red,red)){.seg-option:not(.active):not(:disabled):hover{background:color-mix(in srgb,var(--color-surface) 55%,transparent)}}button.seg-option:not(:disabled):active{transform:scale(.97)}.seg-option.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 4px #1c19171a}.dark .seg-option.active{box-shadow:0 1px 4px #0006}.chip,.chip-skeleton{display:inline-flex;align-items:center;padding:.4375rem .875rem;border:1px solid transparent;border-radius:9999px;font-size:.8125rem}.chip{gap:.375rem;border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease,opacity .15s ease}.chip:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text)}.chip:active:not(:disabled){transform:scale(.95)}.chip.active{background:var(--color-accent-glow);border-color:color-mix(in srgb,#c2410c 45%,transparent);color:var(--color-accent)}@supports (color: color-mix(in lab,red,red)){.chip.active{border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)}}.chip:disabled{opacity:.5;cursor:not-allowed}.chip-skeleton{background:linear-gradient(90deg,var(--color-surface-2) 30%,color-mix(in srgb,#f1ede7 60%,#79716b) 45%,var(--color-surface-2) 60%);background-size:300% 100%;animation:skeleton-sweep 1.6s ease-in-out infinite}@supports (color: color-mix(in lab,red,red)){.chip-skeleton{background:linear-gradient(90deg,var(--color-surface-2) 30%,color-mix(in srgb,var(--color-surface-2) 60%,var(--color-text-muted)) 45%,var(--color-surface-2) 60%)}}.chip-skeleton:before{content:"\a0";display:block;width:3.25rem}.chip-skeleton:nth-child(2):before{width:4.5rem}.chip-skeleton:nth-child(3):before{width:2.75rem}.toast-layer{position:fixed;inset-inline:0;bottom:calc(5.25rem + var(--dock-gap));z-index:50;display:flex;justify-content:center;padding-inline:1rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;max-width:100%;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:9999px;background:var(--color-surface);box-shadow:var(--shadow-dock);font-size:.875rem;font-weight:500;color:var(--color-text);animation:slide-up .24s cubic-bezier(.25,1,.5,1)}.toast>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast svg{flex-shrink:0}.toast.toast-success{border-color:color-mix(in srgb,#047857 30%,transparent);color:var(--color-success)}@supports (color: color-mix(in lab,red,red)){.toast.toast-success{border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}}.toast.toast-error{border-color:color-mix(in srgb,#dc2626 30%,transparent);color:var(--color-error)}@supports (color: color-mix(in lab,red,red)){.toast.toast-error{border-color:color-mix(in srgb,var(--color-error) 30%,transparent)}}.keyboard-open .toast-layer{bottom:calc(1rem + var(--kb-inset))}.update-layer{position:fixed;inset-inline:0;bottom:calc(5.25rem + var(--dock-gap));z-index:55;display:flex;justify-content:center;padding-inline:1rem;pointer-events:none}.update-bar{display:flex;align-items:center;gap:.75rem;max-width:100%;padding:.5rem .5rem .5rem 1rem;border:1px solid var(--color-border);border-radius:9999px;background:var(--color-surface);box-shadow:var(--shadow-dock);font-size:.875rem;font-weight:500;color:var(--color-text);pointer-events:auto;animation:slide-up .24s cubic-bezier(.25,1,.5,1)}.update-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-action{flex-shrink:0;padding:.375rem .875rem;border:none;border-radius:9999px;background:var(--color-accent);color:var(--color-accent-ink);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.update-action:hover{background:var(--color-accent-hover)}.update-action:active{transform:scale(.96)}.sheet-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0c0a0966;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:backdrop-in .2s ease;overscroll-behavior:contain}.sheet-backdrop.backdrop-closing{opacity:0;transition:opacity .24s ease}@media(min-width:640px){.sheet-backdrop{align-items:center;padding:1.5rem}}.sheet{display:flex;flex-direction:column;width:100%;max-width:30rem;max-height:88dvh;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;animation:sheet-in .36s var(--ease-out-soft);transition:transform .3s var(--ease-out-soft)}.sheet.sheet-closing{transform:translate3d(0,100%,0)}@media(min-width:640px){.sheet{max-height:82dvh;border-bottom:1px solid var(--color-border);border-radius:24px;animation-name:sheet-in-centred;animation-duration:.24s;transition:transform .2s ease-in,opacity .2s ease-in}.sheet.sheet-closing{opacity:0;transform:translate3d(0,8px,0) scale(.97)}}.sheet-handle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100%;height:1.75rem;touch-action:none;cursor:grab}.sheet-handle:before{content:"";width:2.5rem;height:.3125rem;border-radius:9999px;background:var(--color-border-strong)}.sheet-handle:active{cursor:grabbing}@media(min-width:640px){.sheet-handle{display:none}}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;padding:.875rem 1.25rem .75rem;border-bottom:1px solid var(--color-border)}.sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem;padding-bottom:calc(1.25rem + var(--dock-gap))}@media(min-width:640px){.sheet-body{padding-bottom:1.25rem}}.tab-dock{position:fixed;bottom:var(--dock-gap);left:50%;transform:translate(-50%);z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.25rem;width:min(24rem,calc(100vw - 2.5rem));padding:.375rem;background:color-mix(in srgb,#ffffff 86%,transparent);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--color-border);border-radius:9999px;box-shadow:var(--shadow-dock)}@supports (color: color-mix(in lab,red,red)){.tab-dock{background:color-mix(in srgb,var(--color-surface) 86%,transparent)}}.tab-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1875rem;padding:.5rem .25rem .4375rem;border-radius:9999px;color:var(--color-text-muted);font-size:.65625rem;font-weight:550;letter-spacing:0;text-decoration:none;transition:color .15s ease,background-color .15s ease,transform .1s ease}.tab-link:active{transform:scale(.94)}.tab-link:not(.active):hover{color:var(--color-text-secondary);background:var(--color-surface-2)}.tab-link.active{background:var(--color-accent-glow);color:var(--color-accent)}.keyboard-open .tab-dock{transform:translate(-50%,calc(100% + var(--dock-gap)));opacity:0;pointer-events:none}.tab-dock{transition:transform .24s cubic-bezier(.25,1,.5,1),opacity .18s ease}.chat-shell{height:calc(100dvh - var(--kb-inset))}.chat-feed{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.625rem;padding:.25rem .125rem;scroll-behavior:smooth;overscroll-behavior-y:contain}.bubble{align-self:flex-start;max-width:86%;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px 20px 20px 8px;box-shadow:var(--shadow-card);animation:fade-in .25s ease}.bubble.own{align-self:flex-end;background:var(--color-accent);border-color:transparent;color:var(--color-accent-ink);border-radius:20px 20px 8px}.bubble.pending{opacity:.75}.bubble-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.bubble-sender{margin:0;font-size:.71875rem;font-weight:650;letter-spacing:.02em;color:var(--color-accent)}.bubble.own .bubble-sender{color:var(--color-accent-ink);opacity:.85}.bubble-model{font-size:.625rem;font-weight:550;color:var(--color-text-muted);white-space:nowrap}.bubble.own .bubble-model{color:var(--color-accent-ink);opacity:.66}.bubble-primary{margin:0;font-size:.9375rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;color:var(--color-text)}.bubble.own .bubble-primary{color:var(--color-accent-ink)}.bubble-translation{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.bubble.own .bubble-translation{border-top-color:color-mix(in srgb,#ffffff 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.bubble.own .bubble-translation{border-top-color:color-mix(in srgb,var(--color-accent-ink) 25%,transparent)}}.bubble-secondary{margin:0;font-size:.875rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;color:var(--color-text-secondary)}.bubble.own .bubble-secondary{color:color-mix(in srgb,#ffffff 82%,transparent)}@supports (color: color-mix(in lab,red,red)){.bubble.own .bubble-secondary{color:color-mix(in srgb,var(--color-accent-ink) 82%,transparent)}}.bubble-pronunciation{margin:.25rem 0 0;font-size:.75rem;font-style:italic;white-space:pre-wrap;overflow-wrap:break-word;color:var(--color-text-muted)}.bubble.own .bubble-pronunciation{color:color-mix(in srgb,#ffffff 65%,transparent)}@supports (color: color-mix(in lab,red,red)){.bubble.own .bubble-pronunciation{color:color-mix(in srgb,var(--color-accent-ink) 65%,transparent)}}.pending-dots{display:flex;gap:.3rem;padding:.25rem 0}.pending-dots span{width:.4rem;height:.4rem;border-radius:9999px;background:currentColor;animation:pulse-dot 1.2s ease-in-out infinite}.pending-dots span:nth-child(2){animation-delay:.18s}.pending-dots span:nth-child(3){animation-delay:.36s}.composer-dock{padding-bottom:calc(4.25rem + var(--dock-gap));transition:padding-bottom .24s cubic-bezier(.25,1,.5,1)}.keyboard-open .composer-dock{padding-bottom:.5rem}.composer{display:flex;align-items:flex-end;gap:.375rem;padding:.4375rem .4375rem .4375rem 1.125rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:26px;box-shadow:var(--shadow-card);transition:border-color .2s ease,box-shadow .2s ease}.composer:focus-within{border-color:color-mix(in srgb,#c2410c 55%,transparent);box-shadow:0 0 0 3px var(--color-accent-glow)}@supports (color: color-mix(in lab,red,red)){.composer:focus-within{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}}.composer-textarea{flex:1;min-width:0;min-height:1.5rem;max-height:7rem;padding:.5rem 0;border:none;background:transparent;color:var(--color-text);font-family:inherit;font-size:.9375rem;line-height:1.5;outline:none;resize:none;align-self:center}.composer-textarea::placeholder{color:color-mix(in srgb,#79716b 75%,transparent)}@supports (color: color-mix(in lab,red,red)){.composer-textarea::placeholder{color:color-mix(in srgb,var(--color-text-muted) 75%,transparent)}}.composer-send{display:inline-flex;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;flex-shrink:0;border:none;border-radius:9999px;background:var(--color-accent);color:var(--color-accent-ink);cursor:pointer;transition:background-color .15s ease,transform .1s ease,opacity .15s ease}.composer-send:hover:not(:disabled){background:var(--color-accent-hover)}.composer-send:active:not(:disabled){transform:scale(.92)}.composer-send:disabled{background:var(--color-surface-2);color:var(--color-text-muted);opacity:.7;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.1875rem .5625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;flex-shrink:0}.pill-muted{background:var(--color-surface-2);color:var(--color-text-muted)}.p13n-rows>*+*{border-top:1px solid var(--color-border)}.p13n-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6875rem 0}.select-inline{max-width:52%;padding:.4375rem .75rem;background-color:var(--color-field);border:1px solid transparent;border-radius:10px;color:var(--color-text);font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1.4;cursor:pointer;outline:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}select.select-inline{background-position:right 10px center;padding-right:28px!important}.select-inline:hover:not(:focus){border-color:var(--color-border)}.select-inline:focus,.select-inline:focus-visible{outline:none;background-color:var(--color-surface);border-color:color-mix(in srgb,#c2410c 55%,transparent);box-shadow:0 0 0 3px var(--color-accent-glow)}@supports (color: color-mix(in lab,red,red)){.select-inline:focus,.select-inline:focus-visible{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}}.record-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:5.25rem;height:5.25rem;border:none;border-radius:9999px;background:var(--color-accent);color:var(--color-accent-ink);cursor:pointer;box-shadow:var(--shadow-cta);transition:background-color .2s ease,transform .1s ease}.record-btn:hover:not(.recording){background:var(--color-accent-hover)}.record-btn:active{transform:scale(.95)}.record-btn.recording{background:var(--color-error);color:#fff}.record-btn.recording:before,.record-btn.recording:after{content:"";position:absolute;inset:0;border-radius:9999px;border:2px solid var(--color-error);animation:ping-ring 1.8s cubic-bezier(0,0,.2,1) infinite}.record-btn.recording:after{animation-delay:.9s}@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-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: 0px;}@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-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-duration{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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-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-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-duration: initial}}}