@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-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-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--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: 1.5 ;--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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:1rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014,0 1px 3px #0000000a;--shadow-lg:0 4px 12px #0000001a,0 2px 6px #0000000d;--shadow-xl:0 8px 24px #0000001f,0 4px 12px #0000000f;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--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);--color-cream-50:#fffef8;--color-cream-100:#fff9e8;--color-cream-200:#f0e6c8;--color-cream-300:#e2d5b0;--color-cream-400:#d4c498;--color-terracotta-300:#e08a65;--color-terracotta-400:#d46a45;--color-terracotta-500:#c75a35;--color-terracotta-600:#a8462a;--color-terracotta-700:#8a3820;--color-warm-gray-200:#e8e5e0;--color-warm-gray-300:#d1cbc2;--color-warm-gray-400:#a09890;--color-warm-gray-500:#6b6258;--color-warm-gray-600:#524b42;--color-warm-gray-700:#3d382f;--color-warm-gray-800:#2d2a26;--color-warm-gray-900:#1a1815;--color-success:#5b8c5a;--color-success-light:#5b8c5a1f;--color-success-border:#5b8c5a4d;--color-warning:#c4954a;--color-warning-light:#c4954a1f;--color-warning-border:#c4954a4d;--color-error:#b85a3b;--color-error-light:#b85a3b1f;--color-error-border:#b85a3b4d;--color-claude:#e6a23c;--color-claude-light:#e6a23c26;--color-claude-border:#e6a23c80;--color-gpt:#4a9d4a;--color-gpt-light:#4a9d4a26;--color-gpt-border:#4a9d4a80;--color-gemini:#4a7ba8;--color-gemini-light:#4a7ba826;--color-gemini-border:#4a7ba880;--color-grok:#9b5aa8;--color-grok-light:#9b5aa826;--color-grok-border:#9b5aa880;--shadow-terracotta:0 4px 20px #b85a3b40;--shadow-glow-terracotta:0 0 20px #b85a3b4d;--shadow-inset:inset 0 2px 8px #0000000f;--font-family-display:"Geist",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-sans:"Geist",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-mono:"Geist Mono","Fira Code",monospace;--radius-full:9999px}}@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%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-full{top:100%}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.bottom-3{bottom:calc(var(--spacing)*3)}.left-0{left:calc(var(--spacing)*0)}.left-3{left:calc(var(--spacing)*3)}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.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}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.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}.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{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-16{height:calc(var(--spacing)*16)}.h-full{height:100%}.h-px{height:1px}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-\[140px\]{max-width:140px}.max-w-\[200px\]{max-width:200px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[120px\]{min-width:120px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.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-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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}.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}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}: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-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*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)))}.gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-cream-200{border-color:var(--color-cream-200)}.border-t-transparent{border-top-color:#0000}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.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)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.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-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-9{padding-left:calc(var(--spacing)*9)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-warm-gray-400\)\]{color:var(--color-warm-gray-400)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.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,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow-xl{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000001f),0 4px 12px var(--tw-shadow-color,#0000000f);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);outline-width:1px}.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,)}.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,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))}.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))}.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;-moz-user-select:none;user-select:none}@media(hover:hover){.hover\:bg-cream-50:hover{background-color:var(--color-cream-50)}.hover\:bg-cream-200:hover{background-color:var(--color-cream-200)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-40:disabled{opacity:.4}@media(min-width:40rem){.sm\:inline{display:inline}}@media(min-width:48rem){.md\:col-span-4{grid-column:span 4/span 4}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:220px}body{background:linear-gradient(135deg,var(--color-cream-50)0%,var(--color-cream-100)50%,var(--color-cream-200)100%);color:var(--color-warm-gray-800);min-height:100vh;margin:0;padding:0;font-size:15px;line-height:1.6;overflow-x:hidden}body .texture-overlay{content:"";opacity:.02;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;min-height:100vh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-cream-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-warm-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-warm-gray-400)}.hide-scrollbar::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--color-warm-gray-800);font-weight:600;line-height:1.3}h1{font-size:2.5rem;font-weight:500}h2{font-size:1.75rem;font-weight:500}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--color-warm-gray-600);line-height:1.7}code,pre,.font-mono{font-family:var(--font-family-mono)}.text-display{font-family:var(--font-family-display)}.card{background:var(--color-cream-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .25s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-flat{background:var(--color-cream-100);border-radius:var(--radius-lg);border:1px solid var(--color-cream-300)}.card-elevated{background:var(--color-cream-50);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.card-settings{background:var(--color-cream-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #0000000a;transition:box-shadow .2s,border-color .2s}.card-settings:hover{box-shadow:var(--shadow-lg);border-color:#0000000f}.task-bar-pill{flex-shrink:0!important;min-width:-moz-fit-content!important;min-width:fit-content!important;overflow:visible!important}span.pill-label{white-space:nowrap!important;display:inline!important;overflow:visible!important}@media(max-width:900px){span.pill-label{display:none!important}.task-bar-pill{flex-shrink:1!important;min-width:auto!important;padding:6px 8px!important;overflow:hidden!important}}.task-bar-icon-pill{position:relative}.task-bar-icon-pill .pill-tooltip{background:var(--color-code-bg);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:500;transition:all .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.task-bar-icon-pill .pill-tooltip:after{content:"";border:6px solid #0000;border-bottom-color:var(--color-code-bg);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.task-bar-icon-pill:hover .pill-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(2px)}@media(hover:none){.task-bar-icon-pill .pill-tooltip{display:none}}.card-input{background:var(--color-cream-50);border-radius:var(--radius-lg);box-shadow:0 4px 20px #b85a3b33,var(--shadow-md);border:2px solid var(--color-terracotta-500)}.dropzone{background:var(--color-cream-50);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);border:1px dashed #00000026;transition:all .2s}.dropzone:hover{background:var(--color-cream-100);border-color:#00000040}.dropzone.active{border-color:var(--color-terracotta-500);background:var(--color-terracotta-100)}.panel{background:var(--color-cream-50);border:1px solid var(--color-cream-300);border-radius:var(--radius-md)}.panel-header{border-bottom:1px solid var(--color-cream-200);background:var(--color-cream-50);border-radius:var(--radius-md)var(--radius-md)0 0;align-items:center;gap:10px;padding:14px 18px;display:flex}.panel-header-text{font-family:var(--font-family-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--color-warm-gray-500);font-size:13px;font-weight:600}.btn{border-radius:var(--radius-md);font-family:var(--font-family-sans);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-terracotta-500)0%,var(--color-terracotta-600)100%);color:#fff;box-shadow:var(--shadow-terracotta),var(--shadow-glow-terracotta)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-terracotta-400)0%,var(--color-terracotta-500)100%);transform:translateY(-1px);box-shadow:0 6px 24px #b85a3b66,0 0 24px #b85a3b59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--color-warm-gray-300);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-cream-100);color:var(--color-warm-gray-700);border:1px solid var(--color-cream-300)}.btn-secondary:hover{background:var(--color-cream-200);border-color:var(--color-cream-400)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--color-warm-gray-600);background:0 0;padding:10px 16px}.btn-ghost:hover{background:var(--color-cream-100);color:var(--color-warm-gray-800)}.btn-outline{color:var(--color-terracotta-500);border:2px solid var(--color-terracotta-500);background:0 0}.btn-outline:hover{background:var(--color-terracotta-500);color:#fff}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:17px}.input-base{background:var(--color-cream-50);border:2px solid var(--color-cream-300);border-radius:var(--radius-md);color:var(--color-warm-gray-800);font-family:var(--font-family-sans);outline:none;width:100%;padding:14px 18px;font-size:15px;transition:all .2s}.input-base::-moz-placeholder{color:var(--color-warm-gray-400)}.input-base::placeholder{color:var(--color-warm-gray-400)}.input-base:focus{border-color:var(--color-terracotta-400);background:var(--color-cream-50);box-shadow:0 0 0 4px #b85a3b1a}.input-base:disabled{opacity:.6;cursor:not-allowed;background:var(--color-cream-200)}textarea.input-base{resize:vertical;min-height:120px;line-height:1.6}.select-base{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-cream-50);border:2px solid var(--color-cream-300);border-radius:var(--radius-md);color:var(--color-warm-gray-800);font-family:var(--font-family-sans);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6258' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:12px 40px 12px 16px;font-size:14px;transition:all .2s}.select-base:focus{border-color:var(--color-terracotta-400);outline:none;box-shadow:0 0 0 4px #b85a3b1a}.score-pill{border-radius:var(--radius-full);font-family:var(--font-family-mono);align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.score-high{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-border)}.score-medium{background:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning-border)}.score-low{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error-border)}.badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-claude{background:var(--color-claude-light);color:var(--color-claude);border:1px solid var(--color-claude-border)}.badge-gpt{background:var(--color-gpt-light);color:var(--color-gpt);border:1px solid var(--color-gpt-border)}.badge-gemini{background:var(--color-gemini-light);color:var(--color-gemini);border:1px solid var(--color-gemini-border)}.badge-grok{background:var(--color-grok-light);color:var(--color-grok);border:1px solid var(--color-grok-border)}.tag{border-radius:var(--radius-full);background:var(--color-cream-200);color:var(--color-warm-gray-600);align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.tag-success{background:var(--color-success-light);color:var(--color-success)}.tag-warning{background:var(--color-warning-light);color:var(--color-warning)}.tag-error{background:var(--color-error-light);color:var(--color-error)}.status-dot{border-radius:50%;width:10px;height:10px;position:relative}.status-dot-active{background:var(--color-terracotta-500);animation:2s ease-in-out infinite status-pulse}.status-dot-success{background:var(--color-success)}.status-dot-warning{background:var(--color-warning)}.status-dot-error{background:var(--color-error)}.status-dot-idle{background:var(--color-warm-gray-300)}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 #b85a3b66}50%{opacity:.8;box-shadow:0 0 0 6px #b85a3b00}}.collapsible-trigger{background:var(--color-cream-50);cursor:pointer;width:100%;color:var(--color-warm-gray-700);border:none;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:600;transition:all .2s;display:flex}.collapsible-trigger:hover{background:var(--color-cream-100)}.collapsible-content{background:var(--color-cream-50);border-top:1px solid var(--color-cream-200);padding:18px}.collapsible-icon{transition:transform .2s}.collapsible-icon.open{transform:rotate(180deg)}.progress-bar{background:var(--color-cream-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s,background-color .3s}.progress-bar-fill.high{background:linear-gradient(90deg,var(--color-success),#6ba06a)}.progress-bar-fill.medium{background:linear-gradient(90deg,var(--color-warning),#d4a55a)}.progress-bar-fill.low{background:linear-gradient(90deg,var(--color-error),#c86a4b)}.tabs{background:var(--color-cream-200);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--color-warm-gray-500);cursor:pointer;background:0 0;border:none;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.tab:hover{color:var(--color-warm-gray-700);background:#ffffff80}.tab.active{background:var(--color-cream-50);color:var(--color-warm-gray-800);box-shadow:var(--shadow-sm)}.divider{background:var(--color-cream-300);height:1px}.divider-vertical{background:var(--color-cream-300);width:1px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-border{0%,to{box-shadow:0 0 6px #b85a3b26}50%{box-shadow:0 0 12px #b85a3b59}}@keyframes orbFlowDash{0%{stroke-dashoffset:10px}to{stroke-dashoffset:0}}.orb-flow-dash{animation:.6s linear infinite orbFlowDash}@keyframes ping{0%{opacity:.75;transform:scale(1)}75%,to{opacity:0;transform:scale(2.2)}}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.animate-fade-in{animation:.3s forwards fade-in}.animate-fade-up{animation:.4s forwards fade-up}.animate-fade-down{animation:.4s forwards fade-down}.animate-scale-in{animation:.3s forwards scale-in}.animate-spin{animation:1s linear infinite spin}.animate-cursor-blink{animation:1s step-end infinite cursor-blink}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}.animate-pulse-slow{animation:1.5s ease-in-out infinite pulse-slow}.stagger-1{opacity:0;animation-delay:50ms}.stagger-2{opacity:0;animation-delay:.1s}.stagger-3{opacity:0;animation-delay:.15s}.stagger-4{opacity:0;animation-delay:.2s}.stagger-5{opacity:0;animation-delay:.25s}.stagger-6{opacity:0;animation-delay:.3s}@keyframes accordion-open{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.accordion-reveal{animation:.35s cubic-bezier(.16,1,.3,1) forwards accordion-open;overflow:hidden}.card-interactive{transition:transform .2s,box-shadow .2s}.card-interactive:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001f}.btn-press{transition:transform .1s,opacity .1s}.btn-press:active{opacity:.9;transform:scale(.97)}.btn-mode-hover{transition:all .15s!important}.btn-mode-hover:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014!important}.icon-rotate{transition:transform .2s cubic-bezier(.4,0,.2,1)}.icon-rotate.open{transform:rotate(180deg)}@keyframes progress-glow{0%,to{box-shadow:0 0 8px #6366f14d}50%{box-shadow:0 0 20px #6366f180}}.progress-bar-glow{animation:2s ease-in-out infinite progress-glow}@keyframes slide-up-bar{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slide-up-entry{animation:.3s cubic-bezier(.4,0,.2,1) forwards slide-up-bar}textarea:focus{outline:none;box-shadow:0 0 0 2px var(--color-terracotta-400),0 0 16px #6366f126!important}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]::-webkit-slider-track{background:var(--color-cream-300);border-radius:var(--radius-full);height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-terracotta-500);width:20px;height:20px;box-shadow:var(--shadow-md);border:3px solid #fff;border-radius:50%;margin-top:-7px;-webkit-transition:all .2s;transition:all .2s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}input[type=range]::-moz-range-track{background:var(--color-cream-300);border-radius:var(--radius-full);height:6px}input[type=range]::-moz-range-thumb{background:var(--color-terracotta-500);width:20px;height:20px;box-shadow:var(--shadow-md);border:3px solid #fff;border-radius:50%;-moz-transition:all .2s;transition:all .2s}.code-block{background:var(--color-code-bg);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:13px;line-height:1.6;overflow:hidden}.code-block-header{background:#0003;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:10px 16px;display:flex}.code-block-content{color:#e8e8e8;padding:16px;overflow-x:auto}.terminal-dots{align-items:center;gap:3px;display:flex}.terminal-dots span{border-radius:50%;width:5px;height:5px}.terminal-dots span:first-child{background:var(--color-terracotta-500);opacity:.9}.terminal-dots span:nth-child(2){background:var(--color-warm-gray-500);opacity:.4}.terminal-dots span:nth-child(3){background:var(--color-warm-gray-500);opacity:.25}.streaming-cursor{background:var(--color-terracotta-500);vertical-align:text-bottom;width:3px;height:1.2em;margin-left:2px;animation:1s step-end infinite cursor-blink;display:inline-block}.skeleton{background:linear-gradient(90deg,var(--color-cream-200)0%,var(--color-cream-100)50%,var(--color-cream-200)100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}::-moz-selection{color:var(--color-warm-gray-900);background-color:#b85a3b33}::selection{color:var(--color-warm-gray-900);background-color:#b85a3b33}:focus-visible{outline:2px solid var(--color-terracotta-400);outline-offset:2px}.tooltip{position:relative}.tooltip-content{background:var(--color-code-bg);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;padding:8px 12px;font-size:12px;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-content{opacity:1}.tooltip-content:after{content:"";border:6px solid #0000;border-top-color:var(--color-code-bg);position:absolute;top:100%;left:50%;transform:translate(-50%)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-gradient{background:linear-gradient(135deg,var(--color-terracotta-500)0%,var(--color-terracotta-300)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-claude{color:var(--color-claude)}.text-gpt{color:var(--color-gpt)}.text-gemini{color:var(--color-gemini)}.text-grok{color:var(--color-grok)}.bg-cream{background:var(--color-cream-100)}.bg-cream-light{background:var(--color-cream-50)}.glass{-webkit-backdrop-filter:blur(12px);background:#fff9}.glass-surface{-webkit-backdrop-filter:blur(40px);background:#ffffff08;border:1px solid #ffffff0f}.glass-surface-elevated{-webkit-backdrop-filter:blur(40px);background:#ffffff0d;border:1px solid #ffffff14;box-shadow:0 8px 32px #0000004d}.glass-surface-prominent{-webkit-backdrop-filter:blur(48px);background:#ffffff12;border:1px solid #ffffff1a;box-shadow:0 12px 40px #00000059,0 0 0 1px #ffffff0d}.glow-accent{box-shadow:0 0 20px #6366f126,0 0 60px #6366f10d}.glow-accent-strong{box-shadow:0 4px 24px #6366f14d,0 0 48px #6366f11a}@keyframes hero-entrance{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes input-entrance{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes config-entrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.entrance-hero{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards hero-entrance}.entrance-input{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards input-entrance}.entrance-config{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .2s forwards config-entrance}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes promptCardEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollHintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes galleryOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes galleryOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes galleryContentIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes galleryContentOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(8px)}}@keyframes gallerySheetIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes gallerySheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(60%)}}@keyframes mobileCardEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mobilePulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes mobileTabSlide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes mobileToastSlide{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes orbTriangleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-gradient-accent{background:linear-gradient(135deg,var(--color-warm-gray-700)55%,var(--color-warm-gray-500)80%,var(--color-terracotta-300)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media(max-width:768px){h1{font-size:1.875rem}h2{font-size:1.5rem}.btn{padding:10px 20px}.btn-lg{padding:14px 28px}.card{border-radius:var(--radius-md)}}.mobile-stack{flex-direction:column!important}.mobile-full-width{flex-shrink:1!important;width:100%!important;max-width:100%!important}.mobile-hidden{display:none!important}@media(max-width:900px){.main-layout{flex-direction:column!important;gap:16px!important;padding:12px!important}.left-panel{flex-shrink:1!important;order:2!important;width:100%!important}.right-panel{order:1!important;width:100%!important}header .max-w-\[1400px\]{padding:8px 12px!important}.header-tagline{display:none!important}header .flex.items-center.gap-3{flex-wrap:wrap;gap:6px!important}header .text-xs{padding:4px 8px!important;font-size:10px!important}.orb-visualization{height:180px!important}.orb-circle{width:56px!important;height:56px!important}.modal-content{max-width:95vw!important;margin:10px!important}}@media(max-width:480px){.main-layout{gap:12px!important;padding:8px!important}header .max-w-\[1400px\]{padding:6px 8px!important}header>div>div:first-child{flex-wrap:wrap;justify-content:center;gap:6px!important}.triall-logo{transform-origin:0;transform:scale(.85)}header .btn-ghost{padding:6px!important}.orb-visualization{height:150px!important}.orb-circle{width:48px!important;height:48px!important}.left-panel>div,.right-panel>div{padding:12px!important}.popped-view{border-radius:12px!important;inset:8px!important}}.card,.panel,.btn,.input-base,.select-base,.tag,.badge,.score-pill,.tab{transition:all .2s}.command-deck{background:linear-gradient(180deg,var(--color-cream-50)0%,var(--color-cream-100)100%);border-bottom:2px solid var(--color-cream-300);padding:24px 32px}.command-deck .models-row{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.command-deck .flow-arrow{color:var(--color-cream-400);font-size:24px;font-weight:300}.command-deck .settings-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.model-card{background:var(--color-cream-50);border:2px solid var(--color-cream-300);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:16px 20px;transition:all .2s;display:flex;position:relative}.model-card:hover{border-color:var(--provider-color,var(--color-terracotta-400));transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.model-card.active{border-width:3px;border-color:var(--provider-color);box-shadow:0 0 24px rgba(var(--provider-rgb),.3);background:linear-gradient(180deg,#fff,rgba(var(--provider-rgb),.05))}.model-card .model-name{color:var(--color-warm-gray-800);letter-spacing:-.01em;text-align:center;margin-bottom:4px;font-size:15px;font-weight:600}.model-card .model-role{text-transform:uppercase;letter-spacing:.5px;color:var(--provider-color,var(--color-warm-gray-500));font-size:11px;font-weight:600}.model-card .model-indicator{background:var(--provider-color);border-radius:50%;width:8px;height:8px;margin-bottom:8px}.model-card.active .model-indicator{animation:1.5s ease-in-out infinite pulse-glow}@keyframes critiqueShimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 rgba(var(--provider-rgb),.4);transform:scale(1)}50%{box-shadow:0 0 12px 4px rgba(var(--provider-rgb),.2);transform:scale(1.1)}}@keyframes completion-ring{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes critiqueSection{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes critiqueBullet{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes critiqueBorderPulse{0%,to{opacity:.4}50%{opacity:1}}.critique-section-enter{animation:.35s cubic-bezier(.22,1,.36,1) both critiqueSection}.critique-bullet-enter{animation:.3s cubic-bezier(.22,1,.36,1) both critiqueBullet}.critique-border-pulse{animation:2s ease-in-out infinite critiqueBorderPulse}.setting-pill{background:var(--color-cream-50);border:1px solid var(--color-cream-300);border-radius:var(--radius-full);color:var(--color-warm-gray-600);align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.setting-pill .setting-label{color:var(--color-warm-gray-500);font-weight:500}.setting-pill .setting-value{color:var(--color-warm-gray-700);font-weight:600}.setting-pill input{width:40px;color:var(--color-warm-gray-700);text-align:center;background:0 0;border:none;outline:none;font-weight:600}.sidebar-overlay{opacity:0;visibility:hidden;z-index:100;background:#0000004d;transition:all .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar{background:var(--color-cream-50);z-index:101;flex-direction:column;width:400px;max-width:90vw;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0000001f}.sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--color-cream-200);background:var(--color-cream-50);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sidebar-header h2{font-family:var(--font-family-display);color:var(--color-warm-gray-800);margin:0;font-size:1.25rem;font-weight:600}.sidebar-close{background:var(--color-cream-100);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-warm-gray-500);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-close:hover{background:var(--color-cream-200);color:var(--color-warm-gray-700)}.sidebar-content{flex:1;padding:24px;overflow-y:auto}.sidebar-tabs{background:var(--color-cream-100);border-radius:var(--radius-md);gap:4px;margin-bottom:20px;padding:8px;display:flex}.sidebar-tab{border-radius:var(--radius-sm);color:var(--color-warm-gray-500);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.sidebar-tab:hover{color:var(--color-warm-gray-700)}.sidebar-tab.active{background:var(--color-cream-50);color:var(--color-terracotta-500);box-shadow:var(--shadow-sm)}.task-section{background:var(--color-cream-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 32px 24px;padding:20px}.task-section textarea{border:2px solid var(--color-cream-200);border-radius:var(--radius-md);width:100%;min-height:100px;font-family:var(--font-family-sans);color:var(--color-warm-gray-800);resize:vertical;padding:16px;font-size:16px;line-height:1.6;transition:all .2s}.task-section textarea::-moz-placeholder{color:var(--color-warm-gray-400);font-size:15px}.task-section textarea::placeholder{color:var(--color-warm-gray-400);font-size:15px}.task-section textarea:focus{border-color:var(--color-terracotta-400);outline:none;box-shadow:0 0 0 4px #c75a351a}.task-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.context-btn{background:var(--color-cream-100);border:1px solid var(--color-cream-300);border-radius:var(--radius-md);color:var(--color-warm-gray-600);cursor:pointer;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.context-btn:hover{background:var(--color-cream-200);border-color:var(--color-cream-400)}.context-btn.has-files{background:var(--color-success-light);border-color:var(--color-success-border);color:var(--color-success)}.start-btn{background:linear-gradient(135deg,var(--color-terracotta-500)0%,var(--color-terracotta-600)100%);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #c75a354d}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #c75a3566}.start-btn:disabled{background:var(--color-warm-gray-300);box-shadow:none;cursor:not-allowed}.reasoning-arena{flex:1;padding:0 32px 32px;overflow-y:auto}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value: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-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-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}:root{--m-bg-primary: var(--color-cream-50);--m-bg-secondary: var(--color-cream-200);--m-bg-tertiary: var(--color-cream-200);--m-bg-card: var(--color-cream-100);--m-bg-dark: var(--color-cream-200);--m-bg-dark-elevated: var(--color-cream-300);--m-cream-50: var(--color-cream-50);--m-cream-100: var(--color-cream-100);--m-cream-200: var(--color-cream-200);--m-cream-300: var(--color-cream-300);--m-cream-400: var(--color-cream-400);--m-cream-button: var(--color-cream-200);--m-text-primary: var(--color-warm-gray-800);--m-text-secondary: var(--color-warm-gray-600);--m-text-tertiary: var(--color-warm-gray-400);--m-text-muted: var(--color-warm-gray-400);--m-text-inverse: var(--color-cream-50);--m-accent: var(--color-terracotta-500);--m-accent-hover: var(--color-terracotta-600);--m-accent-light: var(--color-accent-light);--m-accent-subtle: var(--color-cream-200);--m-terracotta-500: var(--color-terracotta-500);--m-terracotta-600: var(--color-terracotta-600);--m-success: var(--color-success);--m-success-light: var(--color-success-light);--m-warning: var(--color-warning);--m-warning-light: var(--color-warning-light);--m-error: var(--color-error);--m-error-light: var(--color-error-light);--m-border-light: var(--color-cream-300);--m-border-medium: var(--color-cream-300);--m-border-dark: var(--color-cream-400);--m-shadow-xs: 0 1px 2px rgba(28, 27, 26, .04);--m-shadow-sm: 0 2px 4px rgba(28, 27, 26, .06);--m-shadow-md: 0 4px 24px rgba(0, 0, 0, .06);--m-shadow-lg: 0 8px 24px rgba(28, 27, 26, .12);--m-font-display: "Fraunces", Georgia, serif;--m-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--m-font-mono: "JetBrains Mono", "Fira Code", monospace;--m-space-1: 4px;--m-space-2: 8px;--m-space-3: 12px;--m-space-4: 16px;--m-space-5: 20px;--m-space-6: 24px;--m-space-8: 32px;--m-space-10: 40px;--m-radius-sm: 6px;--m-radius-md: 10px;--m-radius-lg: 12px;--m-radius-xl: 20px;--m-radius-full: 9999px}.mobile-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--m-bg-primary);font-family:var(--m-font-body);color:var(--m-text-primary);-webkit-font-smoothing:antialiased}body:has(.mobile-layout){background:var(--color-cream-50)!important}.mobile-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:0}.mobile-header{display:block;padding:8px 12px;background:var(--m-bg-card);border-bottom:1px solid var(--m-border-light);position:sticky;top:0;z-index:100}.mobile-header .logo{display:flex;align-items:center;gap:var(--m-space-2)}.mobile-header .logo-text{font-family:var(--m-font-display);font-size:20px;font-weight:600;color:var(--m-text-primary);letter-spacing:-.02em}.mobile-header .header-center{display:flex;align-items:center;justify-content:center}.mobile-header .mode-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--m-bg-secondary);border-radius:var(--m-radius-full);font-size:11px;font-weight:600;color:var(--m-text-secondary)}.mobile-header .mode-badge .mode-icon{width:12px;height:12px;opacity:.8;display:flex;align-items:center;justify-content:center}.mobile-header .mode-badge .mode-icon svg{width:100%;height:100%}.mobile-header .status-group{display:flex;align-items:center;gap:var(--m-space-2)}.mobile-header .credits-badge{padding:5px 10px;background:var(--m-bg-secondary);border-radius:var(--m-radius-full);font-family:var(--m-font-mono);font-size:12px;font-weight:500;color:var(--m-text-secondary)}.mobile-header .connection-status{font-size:10px;font-weight:600;padding:4px 8px;border-radius:var(--m-radius-sm);background:var(--m-success-light);color:var(--m-success)}.mobile-header .connection-status.disconnected{background:var(--m-error-light);color:var(--m-error)}.mobile-header .menu-button,.mobile-header .stop-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--m-radius-md);cursor:pointer;transition:all .15s ease}.mobile-header .menu-button{background:transparent;color:var(--m-text-secondary)}.mobile-header .menu-button svg{width:18px;height:18px}.mobile-header .menu-button:active{background:var(--m-bg-secondary)}.mobile-header .stop-button{background:var(--m-error);color:#fff}.mobile-header .stop-button svg{width:14px;height:14px}.mobile-intro-card{position:relative;margin:var(--m-space-4) var(--m-space-4) var(--m-space-3);padding:var(--m-space-4) var(--m-space-5);padding-right:var(--m-space-8);background:linear-gradient(135deg,var(--m-accent-light) 0%,var(--m-bg-secondary) 100%);border:1px solid var(--m-accent-subtle);border-radius:var(--m-radius-lg)}.mobile-intro-card .intro-dismiss{position:absolute;top:var(--m-space-3);right:var(--m-space-3);width:24px;height:24px;border:none;background:transparent;color:var(--m-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--m-radius-sm);transition:all .15s}.mobile-intro-card .intro-dismiss svg{width:14px;height:14px}.mobile-intro-card .intro-dismiss:active{background:var(--m-border-light)}.mobile-intro-card .intro-title{font-family:var(--m-font-display);font-size:18px;font-weight:600;color:var(--m-text-primary);margin-bottom:var(--m-space-2);display:flex;align-items:center;gap:var(--m-space-2)}.mobile-intro-card .intro-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--m-accent)}.mobile-intro-card .intro-icon svg{width:100%;height:100%}.mobile-intro-card .intro-text{font-size:14px;color:var(--m-text-secondary);line-height:1.5}.mobile-task-section{padding:var(--m-space-4)}.mobile-task-section{margin:var(--m-space-4);padding:20px;background:#ffffff8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 16px #0000000a;animation:input-entrance .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s;opacity:0}.mobile-task-input{width:100%;min-height:100px;padding:var(--m-space-3);border:none;border-radius:12px;font-family:"Geist",var(--m-font-body);font-size:16px;line-height:1.6;color:var(--m-text-primary);background:transparent;resize:none;transition:box-shadow .3s cubic-bezier(.16,1,.3,1)}.mobile-task-input:focus{outline:none;box-shadow:0 0 0 2px #6366f14d,0 0 20px #6366f11a;background:transparent}.mobile-task-input::-moz-placeholder{color:var(--m-text-muted)}.mobile-task-input::placeholder{color:var(--m-text-muted)}.mobile-task-display{margin:var(--m-space-4);padding:var(--m-space-5);background:linear-gradient(135deg,var(--color-cream-200) 0%,var(--color-cream-100) 100%);border-radius:var(--m-radius-lg);border:2px solid var(--color-terracotta-500);box-shadow:0 4px 16px #c75f3a26}.mobile-task-display .task-label{font-size:11px;font-weight:700;color:var(--color-terracotta-500);margin-bottom:8px;display:flex;align-items:center;gap:6px}.mobile-task-display .task-label:before{content:"";width:8px;height:8px;background:var(--color-terracotta-500);border-radius:50%}.mobile-task-display .task-text{font-family:var(--m-font-display);font-size:20px;font-weight:600;color:var(--m-text-primary);line-height:1.4;letter-spacing:-.01em}.mobile-task-display .injected-guidance-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-cream-300)}.mobile-task-display .guidance-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--color-gemini);margin-bottom:10px}.mobile-task-display .guidance-label svg{width:14px;height:14px}.mobile-task-display .guidance-item{padding:10px 12px;background:var(--color-cream-200);border-radius:10px;border:1px solid var(--color-cream-300);margin-bottom:8px}.mobile-task-display .guidance-item:last-child{margin-bottom:0}.mobile-task-display .guidance-text{font-size:14px;color:var(--color-warm-gray-700);line-height:1.4;font-family:var(--m-font-body);font-weight:400}.mobile-task-display .guidance-meta{font-size:11px;color:var(--color-warm-gray-500);margin-top:6px}.collapsible-section{margin:0 var(--m-space-4) var(--m-space-3);background:var(--m-bg-card);border:1px solid var(--m-border-light);border-radius:var(--m-radius-md);overflow:hidden}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:var(--m-space-3) var(--m-space-4);cursor:pointer;font-size:13px;font-weight:500;color:var(--m-text-secondary);transition:background .15s}.collapsible-header:active{background:var(--m-bg-secondary)}.collapsible-header .chevron{font-size:10px;color:var(--m-text-muted);transition:transform .2s ease}.collapsible-header .section-icon{display:inline-flex;width:14px;height:14px;margin-right:6px;vertical-align:-2px;opacity:.6}.collapsible-header .section-icon svg{width:100%;height:100%}.collapsible-header.open .chevron{transform:rotate(180deg)}.collapsible-content{padding:0 var(--m-space-4) var(--m-space-4)}.collapsible-content.closed{display:none}.mobile-settings-clean{padding:0 var(--m-space-4) var(--m-space-4);display:flex;flex-direction:column;gap:var(--m-space-4)}.settings-card{background:#ffffff08;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--m-radius-xl);padding:var(--m-space-4);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0003;animation:config-entrance .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s;opacity:0}.card-title{font-size:11px;font-weight:700;color:var(--m-text-tertiary);margin-bottom:var(--m-space-3)}.presets-row{display:flex;gap:var(--m-space-2);margin-bottom:var(--m-space-3);flex-wrap:wrap}.preset-chip{padding:6px 12px;border-radius:var(--m-radius-md);border:2px solid transparent;font-size:12px;font-weight:600;cursor:pointer;background:var(--m-cream-button);color:var(--m-text-secondary);transition:all .2s}.preset-chip.active{background:#b85a3b1a;border-color:var(--color-terracotta-500);color:var(--color-terracotta-500)}.model-selectors{display:flex;flex-direction:column;gap:var(--m-space-2);margin-bottom:var(--m-space-3)}.model-select-row{display:flex;align-items:center;gap:var(--m-space-3)}.model-label{width:55px;font-size:10px;font-weight:600;color:var(--m-text-tertiary)}.model-select-row select{flex:1;padding:10px 32px 10px 12px;border:1px solid var(--m-border-light);border-radius:var(--m-radius-md);font-size:13px;color:var(--m-text-primary);background:var(--m-cream-button);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A09890' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.cost-row{display:flex;justify-content:space-between;align-items:center;padding:var(--m-space-3);background:var(--m-cream-button);border-radius:var(--m-radius-md);margin-top:var(--m-space-2)}.cost-row span{font-size:12px;color:var(--m-text-secondary)}.cost-amount{font-family:var(--m-font-mono);font-size:14px;font-weight:600;color:var(--color-success)!important}.mode-section{margin-bottom:var(--m-space-4)}.mode-label-row{display:flex;align-items:center;gap:6px;margin-bottom:var(--m-space-2)}.mode-label{font-size:11px;font-weight:700;color:var(--m-text-tertiary)}.mode-info-btn{width:16px;height:16px;border-radius:50%;background:transparent;border:1.5px solid var(--m-text-tertiary);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--m-text-tertiary);cursor:pointer;transition:all .2s}.mode-info-btn.active{background:var(--color-terracotta-500);border-color:var(--color-terracotta-500);color:#fff}.mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--m-space-2);margin-bottom:var(--m-space-3)}.mode-btn{padding:10px 12px;border-radius:var(--m-radius-lg);border:none;font-size:12px;font-weight:600;cursor:pointer;background:var(--m-cream-button);color:var(--m-text-secondary);transition:all .2s}.mode-btn.active{background:linear-gradient(135deg,var(--color-terracotta-500) 0%,var(--color-terracotta-600) 100%);color:#fff;box-shadow:0 4px 12px #b85a3b4d}.mode-explain{display:flex;align-items:center;gap:var(--m-space-3);flex-wrap:wrap}.mode-circles{display:flex;align-items:center;gap:4px}.mode-circles .circle{width:10px;height:10px;border-radius:50%}.mode-circles .circle.g{background:#d97757}.mode-circles .circle.c{background:var(--color-success)}.mode-circles .circle.r{background:#6b6258}.mode-circles .arrow,.mode-circles .plus{font-size:10px;color:var(--m-text-muted)}.mode-desc-text{font-size:11px;color:var(--m-text-secondary);line-height:1.4;flex:1;min-width:140px}.mode-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mode-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:500px;max-height:85vh;background:var(--m-bg-card);border-radius:16px;box-shadow:0 24px 80px #0000004d;z-index:1001;overflow:hidden;display:flex;flex-direction:column}.mode-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--m-border-light)}.mode-modal-title{font-size:18px;font-weight:700;color:var(--m-text-primary)}.mode-modal-close{width:32px;height:32px;border-radius:8px;background:var(--m-bg-secondary);border:none;cursor:pointer;color:var(--m-text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center}.mode-modal-content{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mode-modal-option{padding:16px;background:var(--m-bg-secondary);border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s}.mode-modal-option.active{background:var(--color-cream-200);border-color:var(--color-terracotta-500)}.mode-option-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mode-option-label{font-size:16px;font-weight:700;color:var(--m-text-primary)}.mode-modal-option.active .mode-option-label{color:var(--color-terracotta-500)}.mode-option-badge{font-size:10px;padding:3px 8px;background:var(--color-terracotta-500);color:#fff;border-radius:4px;font-weight:600}.mode-option-visual{display:flex;align-items:center;gap:4px;margin-bottom:12px;padding:10px 14px;background:var(--m-bg-tertiary);border-radius:8px;flex-wrap:wrap}.mode-modal-option.active .mode-option-visual{background:var(--color-cream-300)}.mode-option-visual .circle{width:14px;height:14px;border-radius:50%}.mode-option-visual .circle.sm{width:12px;height:12px}.mode-option-visual .circle.g{background:#d97757}.mode-option-visual .circle.c{background:var(--color-success)}.mode-option-visual .circle.r{background:#6b6258}.mode-option-visual .arrow,.mode-option-visual .plus{font-size:12px;color:var(--m-text-muted)}.mode-option-desc{font-size:12px;color:var(--m-text-secondary);line-height:1.5;padding:12px;background:var(--m-bg-tertiary);border-radius:8px;border-left:4px solid var(--m-text-secondary)}.toggle-card{display:flex;justify-content:space-between;align-items:center;padding:var(--m-space-3);background:transparent;border-radius:var(--m-radius-md);margin-bottom:var(--m-space-1)}.toggle-card:last-child{margin-bottom:0}.toggle-info{flex:1}.toggle-title{font-size:13px;font-weight:600;color:var(--m-text-primary)}.toggle-desc{font-size:11px;color:var(--m-text-tertiary);margin-top:2px}.toggle-switch{position:relative;width:40px;height:22px;background:var(--m-cream-200);border-radius:11px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle-switch.active{background:var(--color-success)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-cream-100);border-radius:9px;transition:transform .2s ease;box-shadow:var(--m-shadow-sm)}.toggle-switch.active:after{transform:translate(18px)}.slider-card{background:transparent;border-radius:var(--m-radius-md);padding:var(--m-space-3) 0;margin-bottom:var(--m-space-2)}.slider-card:last-child{margin-bottom:0}.slider-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--m-space-2)}.slider-title{font-size:12px;font-weight:600;color:var(--m-text-primary)}.slider-subtitle{font-size:10px;color:var(--m-text-tertiary);margin-top:2px}.slider-badge{background:var(--color-terracotta-500);color:#fff;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:700;font-family:var(--m-font-mono);min-width:44px;text-align:center}.settings-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--m-cream-300);border-radius:2px;outline:none;margin:6px 0}.settings-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--m-cream-300);border-radius:2px;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-cream-100);border:3px solid var(--color-terracotta-500);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00000026;margin-top:-7px}.settings-slider::-moz-range-track{width:100%;height:4px;background:var(--m-cream-300);border-radius:2px;cursor:pointer}.settings-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-cream-100);border:3px solid var(--color-terracotta-500);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00000026}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--m-space-2);font-size:10px;color:var(--m-text-muted)}.output-length-section{margin-top:var(--m-space-4);margin-bottom:var(--m-space-4);padding-top:var(--m-space-3);border-top:1px solid var(--m-border-light)}.output-length-section>.output-length-label{font-size:11px;font-weight:700;color:var(--m-text-tertiary);margin-bottom:var(--m-space-2)}.output-length-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.output-length-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;background:var(--m-cream-button);border:1.5px solid transparent;border-radius:var(--m-radius-sm);cursor:pointer;transition:all .2s ease;gap:1px}.output-length-btn:hover{border-color:var(--m-border-light)}.output-length-btn.active{background:linear-gradient(135deg,var(--color-terracotta-500) 0%,var(--color-terracotta-600) 100%);border-color:transparent}.output-length-label-text{font-size:11px;font-weight:600;color:var(--m-text-secondary)}.output-length-btn.active .output-length-label-text{color:#fff}.output-length-tokens{font-size:9px;font-family:var(--m-font-mono);color:var(--m-text-muted)}.output-length-btn.active .output-length-tokens{color:#fffc}.mobile-sticky-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--m-space-3) var(--m-space-4);padding-bottom:calc(var(--m-space-3) + env(safe-area-inset-bottom,0px));background:var(--m-bg-card);border-top:1px solid var(--m-border-light);display:flex;flex-direction:column;gap:var(--m-space-2);z-index:100}.mobile-error-message{padding:var(--m-space-3);background:var(--m-error-light);border-radius:var(--m-radius-md);color:var(--m-error);font-size:13px;font-weight:500;text-align:center}.mobile-start-button{flex:1;padding:var(--m-space-4);background:var(--color-terracotta-500);color:#fff;border:none;border-radius:980px;font-family:var(--m-font-body);font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--m-space-2);transition:all .15s ease;-webkit-tap-highlight-color:transparent;box-shadow:none}.mobile-start-button:active{transform:scale(.98);opacity:.9}.mobile-start-button:disabled{opacity:.4;cursor:not-allowed}.mobile-start-button .btn-icon{width:16px;height:16px}.mobile-footer-buttons{display:flex;align-items:center;gap:var(--m-space-3)}.mobile-sticky-footer .action-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--m-bg-secondary);border:none;border-radius:var(--m-radius-md);color:var(--m-text-secondary);cursor:pointer;transition:all .15s}.mobile-sticky-footer .action-button:active{background:var(--m-bg-tertiary)}.mobile-sticky-footer .action-button svg{width:18px;height:18px}.mobile-sticky-footer .action-button.primary{flex:1;width:auto;background:var(--m-bg-dark);color:var(--m-text-inverse);font-size:14px;font-weight:600;gap:var(--m-space-2)}.mobile-status-bar{display:flex;margin:var(--m-space-3) var(--m-space-4);background:var(--m-bg-dark);border-radius:var(--m-radius-lg);overflow:hidden}.mobile-status-bar .score-section,.mobile-status-bar .iteration-section{flex:1;padding:var(--m-space-4);display:flex;flex-direction:column;align-items:center}.mobile-status-bar .score-section{border-right:1px solid var(--m-bg-dark-elevated)}.mobile-status-bar .label{font-size:10px;font-weight:600;color:#fff6;margin-bottom:var(--m-space-1)}.mobile-status-bar .score{font-family:var(--m-font-mono);font-size:22px;font-weight:600;color:var(--m-text-inverse)}.mobile-status-bar .score.good{color:var(--m-success)}.mobile-status-bar .score.medium{color:var(--m-warning)}.mobile-status-bar .score.low{color:var(--m-error)}.mobile-status-bar .iteration-text{font-family:var(--m-font-mono);font-size:16px;font-weight:500;color:var(--m-text-inverse)}.mobile-status-bar .scroll-to-bottom{padding:4px 10px;background:var(--m-accent);color:#fff;border:none;border-radius:var(--m-radius-full);font-size:10px;font-weight:600;cursor:pointer;animation:subtlePulse 2s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.7}}.mobile-iterations-container{flex:1;overflow-y:auto;padding:var(--m-space-3) 0;padding-top:8px;padding-bottom:0;-webkit-overflow-scrolling:touch}.mobile-iterations-container .scroll-anchor{height:1px;scroll-margin-bottom:0}.mobile-iteration-card{background:var(--m-bg-card);border-top:1px solid var(--m-border-light);border-bottom:1px solid var(--m-border-light);border-left:none;border-right:none;border-radius:0;margin-bottom:var(--m-space-3);overflow:hidden;box-shadow:none;scroll-margin-top:220px}.mobile-iteration-card.latest{border-color:var(--m-accent);box-shadow:0 4px 16px rgba(var(--color-terracotta-rgb),.15)}.mobile-iteration-card .iteration-header{display:flex;align-items:center;gap:var(--m-space-2);padding:var(--m-space-3) var(--m-space-4);background:var(--m-bg-secondary);cursor:pointer}.mobile-iteration-card .iteration-badge{display:flex;align-items:center;gap:var(--m-space-2);flex:1}.mobile-iteration-card .iteration-number{font-size:13px;font-weight:600;color:var(--m-text-primary)}.mobile-iteration-card .status-badge{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--m-radius-full);background:var(--m-bg-tertiary);color:var(--m-text-tertiary)}.mobile-iteration-card .pulse-dot{width:6px;height:6px;border-radius:50%;animation:subtlePulse 1.5s ease-in-out infinite}.mobile-iteration-card .score-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--m-radius-full)}.mobile-iteration-card .expand-icon{font-size:10px;color:var(--m-text-muted);transition:transform .2s ease}.mobile-iteration-card .expand-icon.expanded{transform:rotate(180deg)}.mobile-iteration-card .iteration-content{padding:var(--m-space-4)}.mobile-iteration-card .section{margin-bottom:var(--m-space-4)}.mobile-iteration-card .section:last-child{margin-bottom:0}.mobile-iteration-card .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--m-space-2)}.mobile-iteration-card .section-label,.mobile-iteration-card .model-tag{font-size:10px;font-weight:600;color:var(--m-text-tertiary)}.mobile-iteration-card .section-content{background:var(--m-bg-card);color:var(--m-text-primary);padding:var(--m-space-4);border-radius:var(--m-radius-md);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow-y:auto}.mobile-iteration-card .cursor-blink{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.mobile-iteration-card .analyzing-indicator{display:flex;align-items:center;gap:var(--m-space-2);padding:var(--m-space-3);background:var(--m-bg-secondary);border-radius:var(--m-radius-md);font-size:12px;color:var(--m-text-secondary)}.mobile-iteration-card .critique-details{display:flex;flex-direction:column;gap:var(--m-space-3)}.mobile-iteration-card .critique-group{border-radius:var(--m-radius-md);padding:var(--m-space-3)}.mobile-iteration-card .critique-group.strengths{background:var(--m-cream-100);border-left:3px solid var(--m-success)}.mobile-iteration-card .critique-group.weaknesses{background:var(--m-cream-100);border-left:3px solid var(--m-error)}.mobile-iteration-card .critique-group.suggestions{background:var(--m-cream-100);border-left:3px solid var(--m-warning)}.mobile-iteration-card .group-label{font-size:10px;font-weight:700;margin-bottom:var(--m-space-2)}.mobile-iteration-card .strengths .group-label{color:var(--m-success)}.mobile-iteration-card .weaknesses .group-label{color:var(--m-error)}.mobile-iteration-card .suggestions .group-label{color:var(--m-warning)}.mobile-iteration-card .critique-item{font-size:13px;line-height:1.5;color:var(--m-text-primary);margin-bottom:var(--m-space-1)}.mobile-iteration-card .critique-item:last-child{margin-bottom:0}.mobile-iteration-card .raw-critique{background:var(--m-bg-secondary);padding:var(--m-space-3);border-radius:var(--m-radius-md);font-size:13px;line-height:1.6;white-space:pre-wrap;color:var(--m-text-primary)}.mobile-inject-bar{padding:var(--m-space-3) var(--m-space-4);background:var(--color-cream-200);border-top:2px solid var(--color-gemini);display:flex;flex-direction:column;gap:var(--m-space-2)}.mobile-inject-bar .inject-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-warm-gray-700)}.mobile-inject-bar .inject-label svg{width:14px;height:14px;color:var(--color-gemini)}.mobile-inject-bar .inject-input-row{display:flex;gap:var(--m-space-2)}.mobile-inject-bar input{flex:1;padding:var(--m-space-3);border:2px solid var(--color-gemini);border-radius:var(--m-radius-md);font-family:var(--m-font-body);font-size:14px;color:var(--m-text-primary);background:var(--m-bg-card)}.mobile-inject-bar input:focus{outline:none;border-color:var(--color-warm-gray-600)}.mobile-inject-bar input::-moz-placeholder{color:var(--color-warm-gray-400)}.mobile-inject-bar input::placeholder{color:var(--color-warm-gray-400)}.mobile-inject-bar button{padding:var(--m-space-3) var(--m-space-4);background:var(--color-gemini);color:#fff;border:none;border-radius:var(--m-radius-md);font-weight:600;font-size:13px;cursor:pointer;transition:opacity .15s}.mobile-inject-bar button:disabled{opacity:.4;background:var(--color-warm-gray-400)}.mobile-completion-header{text-align:center;padding:var(--m-space-6) var(--m-space-4) var(--m-space-4)}.mobile-completion-header .completion-icon{width:48px;height:48px;background:var(--m-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--m-space-3)}.mobile-completion-header .completion-icon svg{width:26px;height:26px}.mobile-completion-header h2{font-family:var(--m-font-display);font-size:22px;font-weight:600;color:var(--m-text-primary);margin:0 0 var(--m-space-2)}.mobile-completion-header .completion-stats{font-size:14px;color:var(--m-text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--m-space-2);flex-wrap:wrap}.mobile-completion-header .score{font-family:var(--m-font-mono);font-weight:600;color:var(--m-text-primary)}.mobile-completion-header .best{color:var(--m-success);font-weight:500}.mobile-tabs{display:flex;margin:0 var(--m-space-4) var(--m-space-4);background:var(--m-bg-secondary);border-radius:var(--m-radius-md);padding:3px}.mobile-tabs button{flex:1;padding:var(--m-space-3);border:none;background:transparent;border-radius:var(--m-radius-sm);font-size:13px;font-weight:500;color:var(--m-text-secondary);cursor:pointer;transition:all .2s ease}.mobile-tabs button.active{background:var(--m-bg-card);color:var(--m-text-primary);box-shadow:var(--m-shadow-sm)}.mobile-tab-content{flex:1;margin:0 var(--m-space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}.output-tab{background:var(--m-bg-card);border-radius:var(--m-radius-lg);padding:var(--m-space-4);border:1px solid var(--m-border-light)}.output-tab .markdown-content{font-size:14px;line-height:1.7;color:var(--m-text-primary)}.iteration-card{background:var(--m-bg-card);border:1px solid var(--m-border-light);border-radius:var(--m-radius-lg);margin-bottom:var(--m-space-3);overflow:hidden}.iteration-card .iteration-header{display:flex;justify-content:space-between;align-items:center;padding:var(--m-space-3) var(--m-space-4);cursor:pointer;background:var(--m-bg-secondary)}.iteration-card .iter-title{display:flex;align-items:center;gap:var(--m-space-2);font-weight:600;font-size:14px;color:var(--m-text-primary)}.iteration-card .iter-score{font-family:var(--m-font-mono);font-weight:600;font-size:13px}.iteration-card .best-badge{display:flex;align-items:center;gap:4px;background:var(--m-warning);color:#fff;padding:2px 8px;border-radius:var(--m-radius-full);font-size:10px;font-weight:600}.iteration-card .best-badge .best-icon{width:10px;height:10px}.iteration-card .best-badge .best-icon svg{width:100%;height:100%}.iteration-card .iteration-content{padding:var(--m-space-4);border-top:1px solid var(--m-border-light)}.iteration-card .iteration-content h4{font-size:11px;font-weight:600;color:var(--m-text-tertiary);margin:0 0 var(--m-space-2)}.iteration-card .iteration-content h4:not(:first-child){margin-top:var(--m-space-4)}.iteration-card .generation-preview{font-size:13px;line-height:1.5;color:var(--m-text-secondary);max-height:100px;overflow:hidden}.iteration-card .critique-summary{display:flex;gap:var(--m-space-2);flex-wrap:wrap}.iteration-card .critique-summary span{font-size:11px;padding:4px 10px;background:var(--m-bg-secondary);border-radius:var(--m-radius-full);color:var(--m-text-secondary)}.export-options{display:flex;flex-direction:column;gap:var(--m-space-3)}.export-section-label{font-size:11px;font-weight:600;color:var(--m-text-tertiary);padding-bottom:var(--m-space-1)}.export-option{display:flex;align-items:center;gap:var(--m-space-3);padding:var(--m-space-4);background:var(--m-bg-card);border:1px solid var(--m-border-light);border-radius:var(--m-radius-lg);font-size:14px;font-weight:500;color:var(--m-text-primary);cursor:pointer;transition:all .15s}.export-option:active{background:var(--m-bg-secondary)}.export-option .export-icon{width:20px;height:20px;color:var(--m-text-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-option .export-icon svg{width:100%;height:100%}.mobile-council-progress{padding:var(--m-space-4)}.phase-bar{display:flex;align-items:center;justify-content:space-between}.phase-bar .phase{display:flex;flex-direction:column;align-items:center;gap:var(--m-space-1)}.phase-bar .phase .dot{width:18px;height:18px;border-radius:50%;background:var(--m-bg-tertiary);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.phase-bar .phase.active .dot{background:var(--m-accent);box-shadow:0 0 0 4px #a67c5233}.phase-bar .phase.complete .dot{background:var(--m-success)}.phase-bar .phase.complete .dot:after{content:"✓";color:#fff;font-size:10px}.phase-bar .phase .label{font-size:9px;font-weight:600;color:var(--m-text-muted)}.phase-bar .phase.active .label{color:var(--m-text-secondary)}.phase-bar .connector{flex:1;height:2px;background:var(--m-bg-tertiary);margin:0 var(--m-space-1);margin-bottom:18px}.phase-bar .connector.active{background:linear-gradient(90deg,var(--m-success),var(--m-bg-tertiary))}.mobile-council-responses{padding:0 var(--m-space-4);display:flex;flex-direction:column;gap:var(--m-space-3)}.response-card{background:var(--m-bg-card);border:1px solid var(--m-border-light);border-radius:var(--m-radius-lg);overflow:hidden}.response-card .response-header{display:flex;justify-content:space-between;align-items:center;padding:var(--m-space-3) var(--m-space-4);background:var(--m-bg-secondary)}.response-card .model-name{font-size:13px;font-weight:600;color:var(--m-text-primary)}.response-card .status{font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--m-radius-full)}.response-card .status.generating{background:var(--m-warning-light);color:var(--m-warning)}.response-card .status.done{background:var(--m-success-light);color:var(--m-success)}.response-card .response-preview{padding:var(--m-space-3) var(--m-space-4);font-size:13px;color:var(--m-text-secondary);line-height:1.5;max-height:80px;overflow:hidden}.drawer-overlay{position:fixed;inset:0;background:#1c1b1a66;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:var(--m-bg-card);z-index:301;transform:translate(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;box-shadow:var(--m-shadow-lg)}.drawer.open{transform:translate(0)}.drawer-header{padding:var(--m-space-6) var(--m-space-5) var(--m-space-5);background:var(--m-bg-secondary);border-bottom:1px solid var(--m-border-light)}.drawer-header .user-info{display:flex;flex-direction:column;gap:2px}.drawer-header .username{font-family:var(--m-font-display);font-size:18px;font-weight:600;color:var(--m-text-primary)}.drawer-header .email{font-size:13px;color:var(--m-text-tertiary)}.drawer-header .credits-display{margin-top:var(--m-space-4);display:flex;align-items:center;justify-content:space-between;padding:var(--m-space-3);background:var(--m-bg-card);border-radius:var(--m-radius-md)}.drawer-header .credits-display .credits-label{font-size:12px;color:var(--m-text-tertiary)}.drawer-header .credits-display .credits-value{font-family:var(--m-font-mono);font-size:16px;font-weight:600;color:var(--m-text-primary)}.drawer-nav{flex:1;padding:var(--m-space-4) 0}.drawer-nav a{display:flex;align-items:center;gap:var(--m-space-4);padding:var(--m-space-4) var(--m-space-5);font-size:15px;font-weight:500;color:var(--m-text-primary);text-decoration:none;transition:background .15s}.drawer-nav a:active{background:var(--m-bg-secondary)}.drawer-nav a .nav-icon{width:20px;height:20px;color:var(--m-text-tertiary);display:flex;align-items:center;justify-content:center}.drawer-nav a .nav-icon svg{width:100%;height:100%}.drawer-nav .nav-divider{height:1px;background:var(--m-border-light);margin:var(--m-space-2) var(--m-space-5)}.drawer-footer{padding:var(--m-space-5);padding-bottom:calc(var(--m-space-5) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--m-border-light)}.drawer-footer button{width:100%;padding:var(--m-space-3);background:var(--m-bg-secondary);border:none;border-radius:var(--m-radius-md);font-family:var(--m-font-body);font-size:14px;font-weight:500;color:var(--m-text-secondary);cursor:pointer;transition:all .15s}.drawer-footer button:active{background:var(--m-bg-tertiary)}.drawer-footer button.sign-in-button{background:var(--m-bg-dark);color:var(--m-text-inverse);font-weight:600}.mobile-file-upload{border:1px dashed var(--m-border-dark);border-radius:var(--m-radius-lg);padding:var(--m-space-5);text-align:center;transition:all .2s}.mobile-file-upload.has-files{border-style:solid;border-color:var(--m-accent);background:var(--m-accent-light)}.mobile-file-upload .upload-icon{width:24px;height:24px;margin:0 auto var(--m-space-2);color:var(--m-text-tertiary)}.mobile-file-upload .upload-text{font-size:14px;font-weight:500;color:var(--m-text-secondary);margin-bottom:var(--m-space-1)}.mobile-file-upload .upload-hint{font-size:12px;color:var(--m-text-muted)}.mobile-file-list{margin-top:var(--m-space-3);display:flex;flex-direction:column;gap:var(--m-space-2)}.mobile-file-item{display:flex;align-items:center;gap:var(--m-space-2);padding:var(--m-space-2) var(--m-space-3);background:var(--m-bg-card);border-radius:var(--m-radius-md);font-size:13px}.mobile-file-item .file-icon{width:16px;height:16px;color:var(--m-text-tertiary);flex-shrink:0}.mobile-file-item .file-icon svg{width:100%;height:100%}.mobile-file-item .file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--m-text-primary)}.mobile-file-item .file-remove{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--m-text-muted);cursor:pointer;border-radius:var(--m-radius-sm);transition:all .15s;flex-shrink:0}.mobile-file-item .file-remove svg{width:12px;height:12px}.mobile-file-item .file-remove:active{background:var(--m-bg-secondary);color:var(--m-error)}@supports (padding: env(safe-area-inset-bottom)){.mobile-sticky-footer{padding-bottom:calc(var(--m-space-3) + env(safe-area-inset-bottom))}.drawer{padding-bottom:env(safe-area-inset-bottom)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}