@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Libre+Caslon+Text:ital@1&display=swap";@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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--fade-left-n:0;--fade-right-n:0}}}@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-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-800:oklch(47% .157 37.304);--color-yellow-100:oklch(97.3% .071 103.193);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-teal-200:oklch(91% .096 180.426);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-sky-100:oklch(95.1% .026 236.824);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-gray-200:oklch(92.8% .006 264.531);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-2xl:42rem;--text-xs:12px;--text-xs--line-height:calc(1/.75);--text-sm:13px;--text-sm--line-height:calc(1/.85);--text-base:14px;--text-base--line-height:1.5;--text-lg:16px;--text-lg--line-height:1.5;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.1s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-color-kumo-default:var(--lightningcss-light,var(--color-neutral-900,oklch(21% .006 285.885)))var(--lightningcss-dark,var(--color-neutral-100,oklch(97% 0 0)));--text-color-kumo-inverse:var(--lightningcss-light,var(--color-neutral-100,oklch(97% 0 0)))var(--lightningcss-dark,var(--color-neutral-900,oklch(20.5% 0 0)));--text-color-kumo-strong:var(--lightningcss-light,var(--color-neutral-950,oklch(14.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-50,oklch(98.5% 0 0)));--text-color-kumo-subtle:var(--lightningcss-light,var(--color-neutral-500,oklch(55.6% 0 0)))var(--lightningcss-dark,var(--color-neutral-400,oklch(70.8% 0 0)));--text-color-kumo-inactive:var(--lightningcss-light,var(--color-neutral-300,oklch(87% 0 0)))var(--lightningcss-dark,var(--color-neutral-600,oklch(43.9% 0 0)));--text-color-kumo-placeholder:var(--lightningcss-light,var(--color-neutral-400,oklch(70.8% 0 0)))var(--lightningcss-dark,var(--color-neutral-500,oklch(55.6% 0 0)));--text-color-kumo-brand:#f6821f;--text-color-kumo-link:var(--lightningcss-light,var(--color-blue-800,oklch(42.4% .199 265.638)))var(--lightningcss-dark,var(--color-blue-400,oklch(70.7% .165 254.624)));--text-color-kumo-info:var(--lightningcss-light,var(--color-blue-800,oklch(42.4% .199 265.638)))var(--lightningcss-dark,var(--color-blue-400,oklch(70.7% .165 254.624)));--text-color-kumo-success:var(--lightningcss-light,var(--color-emerald-800,oklch(43.2% .095 166.913)))var(--lightningcss-dark,var(--color-emerald-200,oklch(90.5% .093 164.15)));--text-color-kumo-danger:var(--lightningcss-light,var(--color-red-700,oklch(50.5% .213 27.518)))var(--lightningcss-dark,var(--color-red-400,oklch(70.4% .191 22.216)));--text-color-kumo-warning:var(--lightningcss-light,oklch(59.7% .144 57.5))var(--lightningcss-dark,var(--color-orange-400,oklch(75% .183 55.934)));--text-color-kumo-badge-teal-subtle:var(--lightningcss-light,var(--color-teal-800,oklch(43.7% .078 188.216)))var(--lightningcss-dark,var(--color-teal-200,oklch(91% .096 180.426)));--text-color-kumo-badge-neutral-subtle:var(--lightningcss-light,var(--color-neutral-800,oklch(26.9% 0 0)))var(--lightningcss-dark,var(--color-neutral-200,oklch(92.2% 0 0)));--text-color-kumo-badge-inverted:var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-black,#000));--color-kumo-canvas:var(--lightningcss-light,var(--color-kumo-neutral-25,oklch(98.75% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-1000,oklch(10% 0 0)));--color-kumo-elevated:var(--lightningcss-light,var(--color-kumo-neutral-75,oklch(98% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-975,oklch(12% 0 0)));--color-kumo-recessed:var(--lightningcss-light,var(--color-kumo-neutral-125,oklch(96% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-950,oklch(15% 0 0)));--color-kumo-base:var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-kumo-neutral-925,oklch(17% 0 0)));--color-kumo-tint:var(--lightningcss-light,var(--color-neutral-100,oklch(97% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-800,oklch(26.9% 0 0)));--color-kumo-contrast:var(--lightningcss-light,var(--color-kumo-neutral-975,oklch(8.5% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-25,oklch(98.5% 0 0)));--color-kumo-overlay:var(--lightningcss-light,var(--color-kumo-neutral-50,oklch(97.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-control:var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-neutral-900,oklch(21% .006 285.885)));--color-kumo-interact:var(--lightningcss-light,var(--color-neutral-300,oklch(87% 0 0)))var(--lightningcss-dark,var(--color-neutral-700,oklch(37.1% 0 0)));--color-kumo-fill:var(--lightningcss-light,var(--color-neutral-200,oklch(92.2% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-fill-hover:var(--lightningcss-light,var(--color-kumo-neutral-125,oklch(96.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(37.1% 0 0)));--color-kumo-brand:var(--lightningcss-light,oklch(57.72% .2324 260))var(--lightningcss-dark,oklch(51.948% .2324 260));--color-kumo-brand-hover:var(--lightningcss-light,var(--color-blue-700,oklch(48.8% .243 264.376)))var(--lightningcss-dark,var(--color-blue-700,oklch(48.8% .243 264.376)));--color-kumo-line:var(--lightningcss-light,oklch(14.5% 0 0/.1))var(--lightningcss-dark,var(--color-kumo-neutral-750,oklch(32% 0 0)));--color-kumo-hairline:var(--lightningcss-light,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-focus:var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)));--color-kumo-shadow-edge:var(--lightningcss-light,oklch(0% 0 0/.12))var(--lightningcss-dark,oklch(100% 0 0/.1));--color-kumo-shadow-drop:var(--lightningcss-light,oklch(0% 0 0/.08))var(--lightningcss-dark,oklch(0% 0 0/.3));--color-kumo-tip-shadow:var(--lightningcss-light,var(--color-gray-200,oklch(92.8% .006 264.531)))var(--lightningcss-dark,transparent);--color-kumo-tip-stroke:var(--lightningcss-light,transparent)var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-info-tint:var(--lightningcss-light,oklch(93.2% .032 255.6/.45))var(--lightningcss-dark,oklch(38% .145 265.5/.22));--color-kumo-info:var(--lightningcss-light,var(--color-blue-500,oklch(68.5% .169 237.323)))var(--lightningcss-dark,var(--color-blue-500,oklch(68.5% .169 237.323)));--color-kumo-warning-tint:var(--lightningcss-light,oklch(93.1% .107 94.6/.2))var(--lightningcss-dark,oklch(35.3% .079 65/.37));--color-kumo-warning:var(--lightningcss-light,oklch(73.9% .177 58.2))var(--lightningcss-dark,oklch(64.5% .168 50));--color-kumo-danger-tint:var(--lightningcss-light,oklch(93.6% .032 17.7/.42))var(--lightningcss-dark,oklch(42.9% .176 28.7/.17));--color-kumo-danger:var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)));--color-kumo-success-tint:var(--lightningcss-light,oklch(96.2% .043 156.7/.57))var(--lightningcss-dark,oklch(39.3% .096 152.3/.2));--color-kumo-success:var(--lightningcss-light,var(--color-emerald-600,oklch(59.6% .145 163.225)))var(--lightningcss-dark,var(--color-emerald-400,oklch(76.5% .177 163.223)));--color-kumo-badge-red:var(--lightningcss-light,var(--color-red-600,oklch(57.7% .245 27.325)))var(--lightningcss-dark,var(--color-red-700,oklch(50.5% .213 27.518)));--color-kumo-badge-green:var(--lightningcss-light,var(--color-emerald-600,oklch(59.6% .145 163.225)))var(--lightningcss-dark,var(--color-emerald-700,oklch(50.8% .118 165.612)));--color-kumo-badge-orange:var(--lightningcss-light,var(--color-orange-650,oklch(81.5% .197 76)))var(--lightningcss-dark,var(--color-orange-650,oklch(81.5% .197 76)));--color-kumo-badge-purple:var(--lightningcss-light,var(--color-purple-600,oklch(55.8% .288 302.321)))var(--lightningcss-dark,var(--color-purple-700,oklch(49.6% .265 301.924)));--color-kumo-badge-teal:var(--lightningcss-light,var(--color-teal-650,oklch(54.9% .096 184.565)))var(--lightningcss-dark,var(--color-teal-700,oklch(51.1% .096 186.391)));--color-kumo-badge-blue:var(--lightningcss-light,var(--color-blue-600,oklch(54.6% .245 262.881)))var(--lightningcss-dark,var(--color-blue-700,oklch(48.8% .243 264.376)));--color-kumo-badge-neutral:var(--lightningcss-light,var(--color-neutral-500,oklch(55.6% 0 0)))var(--lightningcss-dark,var(--color-neutral-600,oklch(43.9% 0 0)));--color-kumo-badge-inverted:var(--lightningcss-light,var(--color-neutral-950,oklch(14.5% 0 0)))var(--lightningcss-dark,var(--color-white,#fff));--color-red-650:oklch(55% .238 27.4);--color-orange-650:oklch(81.5% .197 76);--color-teal-650:oklch(54.9% .096 184.565);--color-kumo-neutral-50:oklch(98.75% 0 0);--color-kumo-neutral-75:oklch(98% 0 0);--color-kumo-neutral-125:oklch(96.5% 0 0);--color-kumo-neutral-750:oklch(32% 0 0);--color-kumo-neutral-925:oklch(17% 0 0);--color-kumo-neutral-950:oklch(15% 0 0);--color-kumo-neutral-975:oklch(12% 0 0);--color-kumo-neutral-1000:oklch(10% 0 0);--animate-refresh:refresh .5s ease-in-out infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root,[data-theme=kumo]{--text-color-kumo-default:var(--color-neutral-900,oklch(21% .006 285.885));--text-color-kumo-inverse:var(--color-neutral-100,oklch(97% 0 0));--text-color-kumo-strong:var(--color-neutral-950,oklch(14.5% 0 0));--text-color-kumo-subtle:var(--color-neutral-500,oklch(55.6% 0 0));--text-color-kumo-inactive:var(--color-neutral-300,oklch(87% 0 0));--text-color-kumo-placeholder:var(--color-neutral-400,oklch(70.8% 0 0));--text-color-kumo-brand:#f6821f;--text-color-kumo-link:var(--color-blue-800,oklch(42.4% .199 265.638));--text-color-kumo-info:var(--color-blue-800,oklch(42.4% .199 265.638));--text-color-kumo-success:var(--color-emerald-800,oklch(43.2% .095 166.913));--text-color-kumo-danger:var(--color-red-700,oklch(50.5% .213 27.518));--text-color-kumo-warning:oklch(59.7% .144 57.5);--text-color-kumo-badge-orange-subtle:var(--color-orange-800,oklch(47% .157 37.304));--text-color-kumo-badge-teal-subtle:var(--color-teal-800,oklch(43.7% .078 188.216));--text-color-kumo-badge-neutral-subtle:var(--color-neutral-800,oklch(26.9% 0 0));--text-color-kumo-badge-inverted:var(--color-white,#fff);--color-kumo-canvas:var(--color-kumo-neutral-25,oklch(98.75% 0 0));--color-kumo-elevated:var(--color-kumo-neutral-75,oklch(98% 0 0));--color-kumo-recessed:var(--color-kumo-neutral-125,oklch(96% 0 0));--color-kumo-base:var(--color-white,#fff);--color-kumo-tint:var(--color-neutral-100,oklch(97% 0 0));--color-kumo-contrast:var(--color-kumo-neutral-975,oklch(8.5% 0 0));--color-kumo-overlay:var(--color-kumo-neutral-50,oklch(97.5% 0 0));--color-kumo-control:var(--color-white,#fff);--color-kumo-interact:var(--color-neutral-300,oklch(87% 0 0));--color-kumo-fill:var(--color-neutral-200,oklch(92.2% 0 0));--color-kumo-fill-hover:var(--color-kumo-neutral-125,oklch(96.5% 0 0));--color-kumo-brand:oklch(57.72% .2324 260);--color-kumo-brand-hover:var(--color-blue-700,oklch(48.8% .243 264.376));--color-kumo-line:oklch(14.5% 0 0/.1);--color-kumo-hairline:var(--color-kumo-neutral-150,oklch(93.5% 0 0));--color-kumo-focus:var(--color-kumo-neutral-950,oklch(15% 0 0));--color-kumo-shadow-edge:oklch(0% 0 0/.12);--color-kumo-shadow-drop:oklch(0% 0 0/.08);--color-kumo-tip-shadow:var(--color-gray-200,oklch(92.8% .006 264.531));--color-kumo-tip-stroke:transparent;--color-kumo-info-tint:oklch(93.2% .032 255.6/.45);--color-kumo-info:var(--color-blue-500,oklch(68.5% .169 237.323));--color-kumo-warning-tint:oklch(93.1% .107 94.6/.2);--color-kumo-warning:oklch(73.9% .177 58.2);--color-kumo-danger-tint:oklch(93.6% .032 17.7/.42);--color-kumo-danger:var(--color-red-500,oklch(63.7% .237 25.331));--color-kumo-success-tint:oklch(96.2% .043 156.7/.57);--color-kumo-success:var(--color-emerald-600,oklch(59.6% .145 163.225));--color-kumo-banner-info:oklch(93.2% .032 255.585/.7);--color-kumo-banner-warning:var(--color-yellow-100,oklch(97.3% .071 103.193));--color-kumo-badge-red:var(--color-red-600,oklch(57.7% .245 27.325));--color-kumo-badge-green:var(--color-emerald-600,oklch(59.6% .145 163.225));--color-kumo-badge-orange:var(--color-orange-650,oklch(81.5% .197 76));--color-kumo-badge-purple:var(--color-purple-600,oklch(55.8% .288 302.321));--color-kumo-badge-teal:var(--color-teal-650,oklch(54.9% .096 184.565));--color-kumo-badge-blue:var(--color-blue-600,oklch(54.6% .245 262.881));--color-kumo-badge-neutral:var(--color-neutral-500,oklch(55.6% 0 0));--color-kumo-badge-inverted:var(--color-neutral-950,oklch(14.5% 0 0))}:root[data-mode=dark],[data-mode=dark]:not([data-theme]),[data-mode=dark] [data-theme=kumo],[data-theme=kumo][data-mode=dark],[data-theme=kumo] [data-mode=dark]{--text-color-kumo-default:var(--color-neutral-100,oklch(97% 0 0));--text-color-kumo-inverse:var(--color-neutral-900,oklch(20.5% 0 0));--text-color-kumo-strong:var(--color-neutral-50,oklch(98.5% 0 0));--text-color-kumo-subtle:var(--color-neutral-400,oklch(70.8% 0 0));--text-color-kumo-inactive:var(--color-neutral-600,oklch(43.9% 0 0));--text-color-kumo-placeholder:var(--color-neutral-500,oklch(55.6% 0 0));--text-color-kumo-brand:#f6821f;--text-color-kumo-link:var(--color-blue-400,oklch(70.7% .165 254.624));--text-color-kumo-info:var(--color-blue-400,oklch(70.7% .165 254.624));--text-color-kumo-success:var(--color-emerald-200,oklch(90.5% .093 164.15));--text-color-kumo-danger:var(--color-red-400,oklch(70.4% .191 22.216));--text-color-kumo-warning:var(--color-orange-400,oklch(75% .183 55.934));--text-color-kumo-badge-orange-subtle:var(--color-orange-200,oklch(90.1% .076 70.697));--text-color-kumo-badge-teal-subtle:var(--color-teal-200,oklch(91% .096 180.426));--text-color-kumo-badge-neutral-subtle:var(--color-neutral-200,oklch(92.2% 0 0));--text-color-kumo-badge-inverted:var(--color-black,#000);--color-kumo-canvas:var(--color-kumo-neutral-1000,oklch(10% 0 0));--color-kumo-elevated:var(--color-kumo-neutral-975,oklch(12% 0 0));--color-kumo-recessed:var(--color-kumo-neutral-950,oklch(15% 0 0));--color-kumo-base:var(--color-kumo-neutral-925,oklch(17% 0 0));--color-kumo-tint:var(--color-kumo-neutral-800,oklch(26.9% 0 0));--color-kumo-contrast:var(--color-kumo-neutral-25,oklch(98.5% 0 0));--color-kumo-overlay:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-control:var(--color-neutral-900,oklch(21% .006 285.885));--color-kumo-interact:var(--color-neutral-700,oklch(37.1% 0 0));--color-kumo-fill:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-fill-hover:var(--color-neutral-800,oklch(37.1% 0 0));--color-kumo-brand:oklch(51.948% .2324 260);--color-kumo-brand-hover:var(--color-blue-700,oklch(48.8% .243 264.376));--color-kumo-line:var(--color-kumo-neutral-750,oklch(32% 0 0));--color-kumo-hairline:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-focus:var(--color-kumo-neutral-150,oklch(93.5% 0 0));--color-kumo-shadow-edge:oklch(100% 0 0/.1);--color-kumo-shadow-drop:oklch(0% 0 0/.3);--color-kumo-tip-shadow:transparent;--color-kumo-tip-stroke:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-info-tint:oklch(38% .145 265.5/.22);--color-kumo-info:var(--color-blue-500,oklch(68.5% .169 237.323));--color-kumo-warning-tint:oklch(35.3% .079 65/.37);--color-kumo-warning:oklch(64.5% .168 50);--color-kumo-danger-tint:oklch(42.9% .176 28.7/.17);--color-kumo-danger:var(--color-red-600,oklch(57.7% .245 27.325));--color-kumo-success-tint:oklch(39.3% .096 152.3/.2);--color-kumo-success:var(--color-emerald-400,oklch(76.5% .177 163.223));--color-kumo-banner-info:oklch(37.9% .146 265.522/.5);--color-kumo-banner-warning:oklch(55.4% .135 66.442/.5);--color-kumo-badge-red:var(--color-red-700,oklch(50.5% .213 27.518));--color-kumo-badge-green:var(--color-emerald-700,oklch(50.8% .118 165.612));--color-kumo-badge-orange:var(--color-orange-650,oklch(81.5% .197 76));--color-kumo-badge-purple:var(--color-purple-700,oklch(49.6% .265 301.924));--color-kumo-badge-teal:var(--color-teal-700,oklch(51.1% .096 186.391));--color-kumo-badge-blue:var(--color-blue-700,oklch(48.8% .243 264.376));--color-kumo-badge-neutral:var(--color-neutral-600,oklch(43.9% 0 0));--color-kumo-badge-inverted:var(--color-white,#fff)}[data-theme=fedramp],[data-mode=dark] [data-theme=fedramp],[data-theme=fedramp][data-mode=dark],[data-theme=fedramp] [data-mode=dark]{--color-kumo-canvas:#5b697c;--color-kumo-base:#5b697c;--color-kumo-hairline:#c8d4e5}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.skeleton-line{height:.5rem;width:var(--skeleton-width);background-color:#f3f4f6;border-radius:2px;position:relative;overflow:hidden}.skeleton-line:after{animation:shimmer var(--shimmer-duration,1.5s)var(--shimmer-delay,0s)infinite ease-in-out;content:"";background:linear-gradient(90deg,#0000 0%,#00000014 50%,#0000 100%);position:absolute;inset:0}[data-mode=dark] .skeleton-line{background-color:#ffffff0f}[data-mode=dark] .skeleton-line:after{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%)}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.inset-y-px{inset-block:1px}.-top-px{top:-1px}.top-\(--active-tab-top\){top:var(--active-tab-top)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-22{top:calc(var(--spacing)*22)}.top-\[10vh\]{top:10vh}.top-auto{top:auto}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-1\.5{right:calc(var(--spacing)*1.5)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-5{right:calc(var(--spacing)*5)}.right-6{right:calc(var(--spacing)*6)}.right-8{right:calc(var(--spacing)*8)}.right-9{right:calc(var(--spacing)*9)}.right-10{right:calc(var(--spacing)*10)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-4{left:calc(var(--spacing)*4)}.left-4\.5{left:calc(var(--spacing)*4.5)}.left-5{left:calc(var(--spacing)*5)}.left-\[19px\]{left:19px}.left-auto{left:auto}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[calc\(1000-var\(--toast-index\)\)\]{z-index:calc(1000 - var(--toast-index))}.-order-1{order:calc(1*-1)}.order-1{order:1}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.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}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.m-2{margin:calc(var(--spacing)*2)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing)*-2)}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.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-3{margin-bottom:calc(var(--spacing)*3)}.-ml-0\.5{margin-left:calc(var(--spacing)*-.5)}.-ml-px{margin-left:-1px}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-5{margin-left:calc(var(--spacing)*5)}.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}.inline-grid{display:inline-grid}.table{display:table}.field-sizing-content{field-sizing:content}.size-1\.75{width:calc(var(--spacing)*1.75);height:calc(var(--spacing)*1.75)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-4\.5{width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-6\.5{width:calc(var(--spacing)*6.5);height:calc(var(--spacing)*6.5)}.size-8\.5{width:calc(var(--spacing)*8.5);height:calc(var(--spacing)*8.5)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-full{width:100%;height:100%}.h-\(--active-tab-height\){height:var(--active-tab-height)}.h-0\.5{height:calc(var(--spacing)*.5)}.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-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-5\.5{height:calc(var(--spacing)*5.5)}.h-6{height:calc(var(--spacing)*6)}.h-6\.5{height:calc(var(--spacing)*6.5)}.h-7{height:calc(var(--spacing)*7)}.h-7\.5{height:calc(var(--spacing)*7.5)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-\[1\.25em\]{height:1.25em}.h-\[1\.375em\]{height:1.375em}.h-\[22px\]{height:22px}.h-\[26px\]{height:26px}.h-\[32px\]{height:32px}.h-\[58px\]{height:58px}.h-\[var\(--collapsible-panel-height\)\]{height:var(--collapsible-panel-height)}.h-\[var\(--height\)\]{height:var(--height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-full\!{height:100%!important}.h-px{height:1px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[min\(var\(--available-height\)\,24rem\)\]{max-height:min(var(--available-height),24rem)}.max-h-\[var\(--available-height\)\]{max-height:var(--available-height)}.\!min-h-0{min-height:calc(var(--spacing)*0)!important}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-5{min-height:calc(var(--spacing)*5)}.min-h-6\.5{min-height:calc(var(--spacing)*6.5)}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-8\.5{min-height:calc(var(--spacing)*8.5)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-\(--active-tab-width\){width:var(--active-tab-width)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.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-8{width:calc(var(--spacing)*8)}.w-8\.5{width:calc(var(--spacing)*8.5)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-10\.5{width:calc(var(--spacing)*10.5)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-12\.5{width:calc(var(--spacing)*12.5)}.w-16{width:calc(var(--spacing)*16)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-\[2px\]{width:2px}.w-\[3ch\]{width:3ch}.w-\[5ch\]{width:5ch}.w-\[8ch\]{width:8ch}.w-\[10px\]{width:10px}.w-\[125px\]{width:125px}.w-\[168px\]{width:168px}.w-\[196px\]{width:196px}.w-\[252px\]{width:252px}.w-\[calc\(100\%-0\.75rem\)\]{width:calc(100% - .75rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--available-width\){max-width:var(--available-width)}.max-w-\(--sidebar-width\){max-width:var(--sidebar-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-8\/10{max-width:80%}.max-w-140{max-width:calc(var(--spacing)*140)}.max-w-\[1400px\]{max-width:1400px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[var\(--available-width\)\]{max-width:var(--available-width)}.max-w-full{max-width:100%}.max-w-prose{max-width:65ch}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--anchor-width\){min-width:var(--anchor-width)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-0\!{min-width:calc(var(--spacing)*0)!important}.min-w-36{min-width:calc(var(--spacing)*36)}.min-w-42{min-width:calc(var(--spacing)*42)}.min-w-72{min-width:calc(var(--spacing)*72)}.min-w-96{min-width:calc(var(--spacing)*96)}.min-w-\[32rem\]{min-width:32rem}.min-w-\[48rem\]{min-width:48rem}.min-w-\[100px\]{min-width:100px}.min-w-\[150px\]{min-width:150px}.min-w-\[calc\(var\(--anchor-width\)\+3px\)\]{min-width:calc(var(--anchor-width) + 3px)}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.table-fixed{table-layout:fixed}.origin-\(--transform-origin\),.origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin)}.origin-bottom{transform-origin:bottom}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\(--active-tab-left\){--tw-translate-x:var(--active-tab-left);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-3px\]{--tw-translate-x:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[10\.5px\]{--tw-translate-x:10.5px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-px{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index)*var(--peek)) - (var(--shrink)*var(--height))))scale(var(--scale))}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-refresh{animation:var(--animate-refresh)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.scroll-px-\(--scroll-fade-width\){scroll-padding-inline:var(--scroll-fade-width)}.scroll-py-2{scroll-padding-block:calc(var(--spacing)*2)}.scroll-pt-2{scroll-padding-top:calc(var(--spacing)*2)}.scroll-pb-2{scroll-padding-bottom:calc(var(--spacing)*2)}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_16px\]{grid-template-columns:1fr 16px}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-\[0\.1875em\]{gap:.1875em}:where(.space-y-0\.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-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-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)))}.gap-x-1\.5{column-gap:calc(var(--spacing)*1.5)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-px{row-gap:1px}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden\!{overflow-x:hidden!important}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-tl-\[5px\]{border-top-left-radius:5px}.rounded-r-\[inherit\]{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.rounded-tr-\[5px\]{border-top-right-radius:5px}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-br-\[5px\]{border-bottom-right-radius:5px}.rounded-bl-\[5px\]{border-bottom-left-radius:5px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l\!{border-left-style:var(--tw-border-style)!important;border-left-width:1px!important}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-kumo-brand{border-color:var(--color-kumo-brand)}.border-kumo-danger{border-color:var(--color-kumo-danger)}.border-kumo-fill{border-color:var(--color-kumo-fill)}.border-kumo-fill\/60{border-color:color-mix(in srgb,var(--lightningcss-light,var(--color-neutral-200,oklch(92.2% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)))60%,transparent)}@supports (color:color-mix(in lab, red, red)){.border-kumo-fill\/60{border-color:color-mix(in oklab,var(--color-kumo-fill)60%,transparent)}}.border-kumo-hairline{border-color:var(--color-kumo-hairline)}.border-kumo-line{border-color:var(--color-kumo-line)}.border-kumo-line\!{border-color:var(--color-kumo-line)!important}.border-kumo-recessed{border-color:var(--color-kumo-recessed)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.\!bg-kumo-contrast{background-color:var(--color-kumo-contrast)!important}.bg-\(--kumo-button-emphasis-bg\){background-color:var(--kumo-button-emphasis-bg)}.bg-\(--sidebar-active-bg\){background-color:var(--sidebar-active-bg)}.bg-\(--sidebar-bg\){background-color:var(--sidebar-bg)}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-inherit{background-color:inherit}.bg-kumo-badge-blue{background-color:var(--color-kumo-badge-blue)}.bg-kumo-badge-green{background-color:var(--color-kumo-badge-green)}.bg-kumo-badge-inverted{background-color:var(--color-kumo-badge-inverted)}.bg-kumo-badge-neutral{background-color:var(--color-kumo-badge-neutral)}.bg-kumo-badge-orange{background-color:var(--color-kumo-badge-orange)}.bg-kumo-badge-purple{background-color:var(--color-kumo-badge-purple)}.bg-kumo-badge-red{background-color:var(--color-kumo-badge-red)}.bg-kumo-badge-teal{background-color:var(--color-kumo-badge-teal)}.bg-kumo-base{background-color:var(--color-kumo-base)}.bg-kumo-base\/90{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-kumo-neutral-925,oklch(17% 0 0)))90%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-base\/90{background-color:color-mix(in oklab,var(--color-kumo-base)90%,transparent)}}.bg-kumo-brand{background-color:var(--color-kumo-brand)}.bg-kumo-brand-hover{background-color:var(--color-kumo-brand-hover)}.bg-kumo-canvas{background-color:var(--color-kumo-canvas)}.bg-kumo-contrast{background-color:var(--color-kumo-contrast)}.bg-kumo-contrast\/5{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-975,oklch(8.5% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-25,oklch(98.5% 0 0)))5%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-contrast\/5{background-color:color-mix(in oklab,var(--color-kumo-contrast)5%,transparent)}}.bg-kumo-control{background-color:var(--color-kumo-control)}.bg-kumo-danger{background-color:var(--color-kumo-danger)}.bg-kumo-danger-tint{background-color:var(--color-kumo-danger-tint)}.bg-kumo-danger-tint\/50{background-color:var(--lightningcss-light,#ffe2e236)var(--lightningcss-dark,#99000316)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-danger-tint\/50{background-color:color-mix(in oklab,var(--color-kumo-danger-tint)50%,transparent)}}.bg-kumo-danger\/5{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)))5%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-danger\/5{background-color:color-mix(in oklab,var(--color-kumo-danger)5%,transparent)}}.bg-kumo-elevated{background-color:var(--color-kumo-elevated)}.bg-kumo-fill{background-color:var(--color-kumo-fill)}.bg-kumo-hairline{background-color:var(--color-kumo-hairline)}.bg-kumo-hairline\/50{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-hairline\/50{background-color:color-mix(in oklab,var(--color-kumo-hairline)50%,transparent)}}.bg-kumo-info{background-color:var(--color-kumo-info)}.bg-kumo-info-tint{background-color:var(--color-kumo-info-tint)}.bg-kumo-info-tint\/50{background-color:var(--lightningcss-light,#dbeafe39)var(--lightningcss-dark,#1c398e1c)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-info-tint\/50{background-color:color-mix(in oklab,var(--color-kumo-info-tint)50%,transparent)}}.bg-kumo-interact{background-color:var(--color-kumo-interact)}.bg-kumo-interact\/85{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-neutral-300,oklch(87% 0 0)))var(--lightningcss-dark,var(--color-neutral-700,oklch(37.1% 0 0)))85%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-interact\/85{background-color:color-mix(in oklab,var(--color-kumo-interact)85%,transparent)}}.bg-kumo-line{background-color:var(--color-kumo-line)}.bg-kumo-overlay{background-color:var(--color-kumo-overlay)}.bg-kumo-recessed{background-color:var(--color-kumo-recessed)}.bg-kumo-success{background-color:var(--color-kumo-success)}.bg-kumo-success-tint{background-color:var(--color-kumo-success-tint)}.bg-kumo-success-tint\/20{background-color:var(--lightningcss-light,#dcfce71d)var(--lightningcss-dark,#0c542b0a)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-success-tint\/20{background-color:color-mix(in oklab,var(--color-kumo-success-tint)20%,transparent)}}.bg-kumo-tint{background-color:var(--color-kumo-tint)}.bg-kumo-warning{background-color:var(--color-kumo-warning)}.bg-kumo-warning-tint{background-color:var(--color-kumo-warning-tint)}.bg-kumo-warning-tint\/50{background-color:var(--lightningcss-light,#ffe8941a)var(--lightningcss-dark,#5731002f)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-warning-tint\/50{background-color:color-mix(in oklab,var(--color-kumo-warning-tint)50%,transparent)}}.bg-kumo-warning\/50{background-color:var(--lightningcss-light,#fa890080)var(--lightningcss-dark,#db680980)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-warning\/50{background-color:color-mix(in oklab,var(--color-kumo-warning)50%,transparent)}}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-\(--kumo-button-emphasis-gradient-start\){--tw-gradient-from:var(--kumo-button-emphasis-gradient-start);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-kumo-base{--tw-gradient-from:var(--color-kumo-base);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-kumo-brand{--tw-gradient-from:var(--color-kumo-brand);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-kumo-recessed{--tw-gradient-from:var(--color-kumo-recessed);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-kumo-base\/95{--tw-gradient-via:color-mix(in srgb,var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-kumo-neutral-925,oklch(17% 0 0)))95%,transparent)}@supports (color:color-mix(in lab, red, red)){.via-kumo-base\/95{--tw-gradient-via:color-mix(in oklab,var(--color-kumo-base)95%,transparent)}}.via-kumo-base\/95{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-kumo-brand{--tw-gradient-via:var(--color-kumo-brand);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-kumo-recessed\/95{--tw-gradient-via:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-125,oklch(96% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-950,oklch(15% 0 0)))95%,transparent)}@supports (color:color-mix(in lab, red, red)){.via-kumo-recessed\/95{--tw-gradient-via:color-mix(in oklab,var(--color-kumo-recessed)95%,transparent)}}.via-kumo-recessed\/95{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\(--kumo-button-emphasis-gradient-end\){--tw-gradient-to:var(--kumo-button-emphasis-gradient-end);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-kumo-brand{--tw-gradient-to:var(--color-kumo-brand);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.\[mask-image\:linear-gradient\(to_bottom\,transparent_0\,black_min\(24px\,var\(--scroll-area-overflow-y-start\,24px\)\)\,black_calc\(100\%-min\(24px\,var\(--scroll-area-overflow-y-end\,24px\)\)\)\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black min(24px,var(--scroll-area-overflow-y-start,24px)),black calc(100% - min(24px,var(--scroll-area-overflow-y-end,24px))),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black min(24px,var(--scroll-area-overflow-y-start,24px)),black calc(100% - min(24px,var(--scroll-area-overflow-y-end,24px))),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black min(24px,var(--scroll-area-overflow-y-start,24px)),black calc(100% - min(24px,var(--scroll-area-overflow-y-end,24px))),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black min(24px,var(--scroll-area-overflow-y-start,24px)),black calc(100% - min(24px,var(--scroll-area-overflow-y-end,24px))),transparent 100%)}.bg-clip-padding{background-clip:padding-box}.fill-current{fill:currentColor}.fill-kumo-base{fill:var(--color-kumo-base)}.fill-kumo-danger{fill:var(--color-kumo-danger)}.fill-kumo-info{fill:var(--color-kumo-info)}.fill-kumo-interact{fill:var(--color-kumo-interact)}.fill-kumo-tip-shadow{fill:var(--color-kumo-tip-shadow)}.fill-kumo-tip-stroke{fill:var(--color-kumo-tip-stroke)}.fill-kumo-warning{fill:var(--color-kumo-warning)}.\!p-0{padding:calc(var(--spacing)*0)!important}.\!p-2{padding:calc(var(--spacing)*2)!important}.\!p-4{padding:calc(var(--spacing)*4)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-\[11px\]{padding-inline:11px}.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-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-px{padding-top:1px}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-7{padding-right:calc(var(--spacing)*7)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-14{padding-right:calc(var(--spacing)*14)}.pr-\[3px\]{padding-right:3px}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-7{padding-left:calc(var(--spacing)*7)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-px{padding-left:1px}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-\[11px\]\/none{font-size:11px;line-height:1}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.925rem\]{font-size:.925rem}.text-\[0\.975rem\]{font-size:.975rem}.text-\[14px\]{font-size:14px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-\[0\]{--tw-leading:0;line-height:0}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-pretty{text-wrap:pretty}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.\!text-kumo-danger{color:var(--text-color-kumo-danger)!important}.\!text-kumo-default{color:var(--text-color-kumo-default)!important}.\!text-kumo-inverse{color:var(--text-color-kumo-inverse)!important}.\!text-kumo-subtle{color:var(--text-color-kumo-subtle)!important}.\!text-white{color:var(--color-white)!important}.text-black{color:var(--color-black)}.text-current{color:currentColor}.text-inherit{color:inherit}.text-inherit\!{color:inherit!important}.text-kumo-badge-inverted{color:var(--text-color-kumo-badge-inverted)}.text-kumo-badge-neutral-subtle{color:var(--text-color-kumo-badge-neutral-subtle)}.text-kumo-badge-teal-subtle{color:var(--text-color-kumo-badge-teal-subtle)}.text-kumo-base{color:var(--color-kumo-base)}.text-kumo-brand{color:var(--text-color-kumo-brand)}.text-kumo-danger{color:var(--text-color-kumo-danger)}.text-kumo-default{color:var(--text-color-kumo-default)}.text-kumo-default\/70{color:color-mix(in srgb,var(--lightningcss-light,var(--color-neutral-900,oklch(21% .006 285.885)))var(--lightningcss-dark,var(--color-neutral-100,oklch(97% 0 0)))70%,transparent)}@supports (color:color-mix(in lab, red, red)){.text-kumo-default\/70{color:color-mix(in oklab,var(--text-color-kumo-default)70%,transparent)}}.text-kumo-inactive{color:var(--text-color-kumo-inactive)}.text-kumo-info{color:var(--text-color-kumo-info)}.text-kumo-inverse{color:var(--text-color-kumo-inverse)}.text-kumo-link{color:var(--text-color-kumo-link)}.text-kumo-placeholder{color:var(--text-color-kumo-placeholder)}.text-kumo-strong{color:var(--text-color-kumo-strong)}.text-kumo-subtle{color:var(--text-color-kumo-subtle)}.text-kumo-success{color:var(--text-color-kumo-success)}.text-kumo-warning{color:var(--text-color-kumo-warning)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.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,)}.no-underline{text-decoration-line:none}.no-underline\!{text-decoration-line:none!important}.underline{text-decoration-line:underline}.decoration-\[0\.0625em\]{text-decoration-thickness:.0625em}.underline-offset-2{text-underline-offset:2px}.underline-offset-\[0\.15em\]{text-underline-offset:.15em}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_1px_0\.5px_var\(--color-kumo-shadow-edge\)\,0_1px_2px_var\(--color-kumo-shadow-drop\)\]{--tw-shadow:0 0 1px .5px var(--tw-shadow-color,var(--color-kumo-shadow-edge)),0 1px 2px var(--tw-shadow-color,var(--color-kumo-shadow-drop));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_0_var\(--kumo-button-emphasis-bg\)\]{--tw-shadow:inset 0 1px 0 0 var(--tw-shadow-color,var(--kumo-button-emphasis-bg));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.ring-0\!{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!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}.ring-1{--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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.ring-\[0\.3px\]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(.3px + 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)}.shadow-kumo-tip-shadow{--tw-shadow-color:var(--lightningcss-light,var(--color-gray-200,oklch(92.8% .006 264.531)))var(--lightningcss-dark,transparent)}@supports (color:color-mix(in lab, red, red)){.shadow-kumo-tip-shadow{--tw-shadow-color:color-mix(in oklab,var(--color-kumo-tip-shadow)var(--tw-shadow-alpha),transparent)}}.\!ring-kumo-danger{--tw-ring-color:var(--color-kumo-danger)!important}.ring-\(--kumo-button-emphasis-ring\){--tw-ring-color:var(--kumo-button-emphasis-ring)}.ring-black\/20{--tw-ring-color:#0003}@supports (color:color-mix(in lab, red, red)){.ring-black\/20{--tw-ring-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.ring-blue-600{--tw-ring-color:var(--color-blue-600)}.ring-kumo-contrast{--tw-ring-color:var(--color-kumo-contrast)}.ring-kumo-danger{--tw-ring-color:var(--color-kumo-danger)}.ring-kumo-danger\/50{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.ring-kumo-danger\/50{--tw-ring-color:color-mix(in oklab,var(--color-kumo-danger)50%,transparent)}}.ring-kumo-fill{--tw-ring-color:var(--color-kumo-fill)}.ring-kumo-focus{--tw-ring-color:var(--color-kumo-focus)}.ring-kumo-focus\/20{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))20%,transparent)}@supports (color:color-mix(in lab, red, red)){.ring-kumo-focus\/20{--tw-ring-color:color-mix(in oklab,var(--color-kumo-focus)20%,transparent)}}.ring-kumo-focus\/50{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.ring-kumo-focus\/50{--tw-ring-color:color-mix(in oklab,var(--color-kumo-focus)50%,transparent)}}.ring-kumo-hairline{--tw-ring-color:var(--color-kumo-hairline)}.ring-kumo-hairline\/70{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))var(--lightningcss-dark,var(--color-neutral-800,oklch(26.9% 0 0)))70%,transparent)}@supports (color:color-mix(in lab, red, red)){.ring-kumo-hairline\/70{--tw-ring-color:color-mix(in oklab,var(--color-kumo-hairline)70%,transparent)}}.ring-kumo-info{--tw-ring-color:var(--color-kumo-info)}.ring-kumo-info\/50{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-blue-500,oklch(68.5% .169 237.323)))var(--lightningcss-dark,var(--color-blue-500,oklch(68.5% .169 237.323)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.ring-kumo-info\/50{--tw-ring-color:color-mix(in oklab,var(--color-kumo-info)50%,transparent)}}.ring-kumo-line{--tw-ring-color:var(--color-kumo-line)}.ring-kumo-success{--tw-ring-color:var(--color-kumo-success)}.ring-kumo-warning{--tw-ring-color:var(--color-kumo-warning)}.ring-kumo-warning\/50{--tw-ring-color:var(--lightningcss-light,#fa890080)var(--lightningcss-dark,#db680980)}@supports (color:color-mix(in lab, red, red)){.ring-kumo-warning\/50{--tw-ring-color:color-mix(in oklab,var(--color-kumo-warning)50%,transparent)}}.ring-neutral-300{--tw-ring-color:var(--color-neutral-300)}.ring-neutral-600{--tw-ring-color:var(--color-neutral-600)}.ring-transparent{--tw-ring-color:transparent}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab, red, red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-2{outline-offset:2px}.outline-kumo-fill{outline-color:var(--color-kumo-fill)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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-\[color\,box-shadow\,outline\]{transition-property:color,box-shadow,outline;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\]{transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\,margin\,border-color\]{transition-property:grid-template-rows,margin,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\,opacity\]{transition-property:height,opacity;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-\[padding\]{transition-property:padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,rotate\,opacity\]{transition-property:transform,rotate,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,scale\,opacity\]{transition-property:transform,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,padding\]{transition-property:width,padding;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-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-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))}.transition-none\!{transition-property:none!important}.duration-\(--sidebar-animation-duration\){--tw-duration:var(--sidebar-animation-duration);transition-duration:var(--sidebar-animation-duration)}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[50\]{--tw-duration:50;transition-duration:50}.\[transition-duration\:250ms\]{transition-duration:.25s}.ease-\(--sidebar-easing\){--tw-ease:var(--sidebar-easing);transition-timing-function:var(--sidebar-easing)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--gap\:0\.75rem\]{--gap:.75rem}.\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\]{--height:var(--toast-frontmost-height,var(--toast-height))}.\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\]{--offset-y:calc(var(--toast-offset-y)*-1 + calc(var(--toast-index)*var(--gap)*-1) + var(--toast-swipe-movement-y))}.\[--peek\:0\.75rem\]{--peek:.75rem}.\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\]{--scale:calc(max(0,1 - (var(--toast-index)*.1)))}.\[--scroll-fade-width\:3rem\]{--scroll-fade-width:3rem}.\[--shrink\:calc\(1-var\(--scale\)\)\]{--shrink:calc(1 - var(--scale))}.\[--sidebar-active-bg\:var\(--color-kumo-tint\)\]{--sidebar-active-bg:var(--color-kumo-tint)}.\[--sidebar-bg\:var\(--color-kumo-base\)\]{--sidebar-bg:var(--color-kumo-base)}.\[corner-shape\:squircle\]{corner-shape:squircle}.\[scrollbar-color\:var\(--color-kumo-line\)_transparent\]{scrollbar-color:var(--color-kumo-line)transparent}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[transition\:transform_0\.5s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_0\.5s\,height_0\.15s\]{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s}.ring-inset{--tw-ring-inset:inset}:is(.\*\:pointer-events-auto>*){pointer-events:auto}.not-first\:-ml-px:not(:first-child){margin-left:-1px}.not-first\:border-l:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:1px}.not-first\:border-kumo-line:not(:first-child){border-color:var(--color-kumo-line)}.group-not-data-\[state\=collapsed\]\/sidebar\:my-0:is(:where(.group\/sidebar):not([data-state=collapsed]) *){margin-block:calc(var(--spacing)*0)}.group-not-data-\[state\=collapsed\]\/sidebar\:translate-x-0:is(:where(.group\/sidebar):not([data-state=collapsed]) *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-not-data-\[state\=collapsed\]\/sidebar\:grid-rows-\[1fr\]:is(:where(.group\/sidebar):not([data-state=collapsed]) *){grid-template-rows:1fr}.group-not-data-\[state\=collapsed\]\/sidebar\:border-transparent:is(:where(.group\/sidebar):not([data-state=collapsed]) *){border-color:#0000}.group-not-data-\[state\=collapsed\]\/sidebar\:px-3\.5:is(:where(.group\/sidebar):not([data-state=collapsed]) *){padding-inline:calc(var(--spacing)*3.5)}.group-not-data-\[state\=collapsed\]\/sidebar\:px-4:is(:where(.group\/sidebar):not([data-state=collapsed]) *){padding-inline:calc(var(--spacing)*4)}.group-focus-within\/container\:invisible:is(:where(.group\/container):focus-within *){visibility:hidden}.group-focus-within\/container\:visible:is(:where(.group\/container):focus-within *){visibility:visible}.group-focus-within\/container\:opacity-100:is(:where(.group\/container):focus-within *){opacity:1}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:from-\(--kumo-button-emphasis-bg\):is(:where(.group):hover *){--tw-gradient-from:var(--kumo-button-emphasis-bg);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.group-hover\:text-kumo-brand:is(:where(.group):hover *){color:var(--text-color-kumo-brand)}.group-hover\:text-kumo-default:is(:where(.group):hover *){color:var(--text-color-kumo-default)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:ring-kumo-hairline:is(:where(.group):hover *){--tw-ring-color:var(--color-kumo-hairline)}.group-hover\/container\:opacity-100:is(:where(.group\/container):hover *){opacity:1}.group-hover\/mask\:invisible:is(:where(.group\/mask):hover *){visibility:hidden}.group-hover\/mask\:visible:is(:where(.group\/mask):hover *){visibility:visible}.group-hover\/menu-button\:opacity-100:is(:where(.group\/menu-button):hover *){opacity:1}}.group-data-selected\:flex:is(:where(.group)[data-selected] *){display:flex}.group-data-\[compact\]\/header\:bg-kumo-elevated:is(:where(.group\/header)[data-compact] *){background-color:var(--color-kumo-elevated)}.group-data-\[highlighted\]\:opacity-100:is(:where(.group)[data-highlighted] *){opacity:1}.group-data-\[mobile\=true\]\/sidebar\:my-0:is(:where(.group\/sidebar)[data-mobile=true] *){margin-block:calc(var(--spacing)*0)}.group-data-\[mobile\=true\]\/sidebar\:grid-rows-\[1fr\]:is(:where(.group\/sidebar)[data-mobile=true] *){grid-template-rows:1fr}.group-data-\[mobile\=true\]\/sidebar\:border-transparent:is(:where(.group\/sidebar)[data-mobile=true] *){border-color:#0000}.group-data-\[mobile\=true\]\/sidebar\:transition-none:is(:where(.group\/sidebar)[data-mobile=true] *){transition-property:none}.group-data-\[side\=left\]\/sidebar-wrapper\:right-0:is(:where(.group\/sidebar-wrapper)[data-side=left] *){right:calc(var(--spacing)*0)}.group-data-\[side\=right\]\/sidebar-wrapper\:left-0:is(:where(.group\/sidebar-wrapper)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[state\=collapsed\]\/sidebar\:hidden:is(:where(.group\/sidebar)[data-state=collapsed] *){display:none}.group-data-\[state\=collapsed\]\/sidebar\:w-\(--sidebar-width-icon\):is(:where(.group\/sidebar)[data-state=collapsed] *){width:var(--sidebar-width-icon)}.group-data-\[state\=collapsed\]\/sidebar\:justify-center:is(:where(.group\/sidebar)[data-state=collapsed] *){justify-content:center}.group-data-\[state\=collapsed\]\/sidebar\:overflow-hidden:is(:where(.group\/sidebar)[data-state=collapsed] *){overflow:hidden}.group-data-\[state\=collapsed\]\/sidebar\:border-r:is(:where(.group\/sidebar)[data-state=collapsed] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[state\=collapsed\]\/sidebar\:border-kumo-line:is(:where(.group\/sidebar)[data-state=collapsed] *){border-color:var(--color-kumo-line)}.group-data-\[state\=collapsed\]\/sidebar\:px-0:is(:where(.group\/sidebar)[data-state=collapsed] *){padding-inline:calc(var(--spacing)*0)}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-3:before{content:var(--tw-content);inset:calc(var(--spacing)*-3)}.before\:inset-x-0:before{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.before\:-inset-y-px:before{content:var(--tw-content);inset-block:-1px}.before\:inset-y-0:before{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.before\:-right-6:before{content:var(--tw-content);right:calc(var(--spacing)*-6)}.before\:-left-6:before{content:var(--tw-content);left:calc(var(--spacing)*-6)}.before\:w-6:before{content:var(--tw-content);width:calc(var(--spacing)*6)}.before\:bg-gradient-to-l:before{content:var(--tw-content);--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.before\:bg-gradient-to-r:before{content:var(--tw-content);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.before\:from-transparent:before{content:var(--tw-content);--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.before\:to-kumo-base:before{content:var(--tw-content);--tw-gradient-to:var(--color-kumo-base);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.group-data-\[compact\]\/header\:before\:to-kumo-elevated:is(:where(.group\/header)[data-compact] *):before{content:var(--tw-content);--tw-gradient-to:var(--color-kumo-elevated);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*-3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing)*0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:h-\[calc\(var\(--gap\)\+1px\)\]:after{content:var(--tw-content);height:calc(var(--gap) + 1px)}.after\:w-0\.5:after{content:var(--tw-content);width:calc(var(--spacing)*.5)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:bg-transparent:after{content:var(--tw-content);background-color:#0000}.after\:transition-colors:after{content:var(--tw-content);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))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.first\:mb-2:first-child{margin-bottom:calc(var(--spacing)*2)}.first\:rounded-l-\[inherit\]:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.first\:rounded-l-lg:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first\:pt-0:first-child{padding-top:calc(var(--spacing)*0)}.last\:rounded-r-\[inherit\]:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.last\:rounded-r-lg:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.only\:rounded-lg:only-child{border-radius:var(--radius-lg)}.empty\:m-0:empty{margin:calc(var(--spacing)*0)}.empty\:p-0:empty{padding:calc(var(--spacing)*0)}.focus-within\:z-2:focus-within{z-index:2}.focus-within\:border-kumo-focus\/50:focus-within{border-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.focus-within\:border-kumo-focus\/50:focus-within{border-color:color-mix(in oklab,var(--color-kumo-focus)50%,transparent)}}.focus-within\:ring-1:focus-within{--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)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus-within\:ring-\[1\.5px\]:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1.5px + 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)}.focus-within\:ring-kumo-brand:focus-within{--tw-ring-color:var(--color-kumo-brand)}.focus-within\:ring-kumo-danger\/50:focus-within{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-kumo-danger\/50:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-kumo-danger)50%,transparent)}}.focus-within\:ring-kumo-focus\/50:focus-within{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-kumo-focus\/50:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-kumo-focus)50%,transparent)}}.focus-within\:outline-2:focus-within{outline-style:var(--tw-outline-style);outline-width:2px}.focus-within\:outline-kumo-focus:focus-within{outline-color:var(--color-kumo-focus)}@media (hover:hover){.hover\:z-1:hover{z-index:1}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-kumo-interact\/80:hover{border-color:color-mix(in srgb,var(--lightningcss-light,var(--color-neutral-300,oklch(87% 0 0)))var(--lightningcss-dark,var(--color-neutral-700,oklch(37.1% 0 0)))80%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-kumo-interact\/80:hover{border-color:color-mix(in oklab,var(--color-kumo-interact)80%,transparent)}}.hover\:border-kumo-line:hover{border-color:var(--color-kumo-line)}.hover\:bg-\(--sidebar-active-bg\):hover{background-color:var(--sidebar-active-bg)}.hover\:bg-current\/15:hover{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.hover\:bg-current\/15:hover{background-color:color-mix(in oklab,currentcolor 15%,transparent)}}.hover\:bg-kumo-base:hover{background-color:var(--color-kumo-base)}.hover\:bg-kumo-base\/50:hover{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-kumo-neutral-925,oklch(17% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-base\/50:hover{background-color:color-mix(in oklab,var(--color-kumo-base)50%,transparent)}}.hover\:bg-kumo-brand:hover{background-color:var(--color-kumo-brand)}.hover\:bg-kumo-contrast\/10:hover{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-975,oklch(8.5% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-25,oklch(98.5% 0 0)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-contrast\/10:hover{background-color:color-mix(in oklab,var(--color-kumo-contrast)10%,transparent)}}.hover\:bg-kumo-danger\/10:hover{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-danger\/10:hover{background-color:color-mix(in oklab,var(--color-kumo-danger)10%,transparent)}}.hover\:bg-kumo-elevated:hover{background-color:var(--color-kumo-elevated)}.hover\:bg-kumo-fill:hover{background-color:var(--color-kumo-fill)}.hover\:bg-kumo-fill-hover:hover{background-color:var(--color-kumo-fill-hover)}.hover\:bg-kumo-info\/10:hover{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-blue-500,oklch(68.5% .169 237.323)))var(--lightningcss-dark,var(--color-blue-500,oklch(68.5% .169 237.323)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-info\/10:hover{background-color:color-mix(in oklab,var(--color-kumo-info)10%,transparent)}}.hover\:bg-kumo-interact:hover{background-color:var(--color-kumo-interact)}.hover\:bg-kumo-tint:hover{background-color:var(--color-kumo-tint)}.hover\:bg-kumo-warning\/10:hover{background-color:var(--lightningcss-light,#fa89001a)var(--lightningcss-dark,#db68091a)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-warning\/10:hover{background-color:color-mix(in oklab,var(--color-kumo-warning)10%,transparent)}}.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\:font-medium:hover{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.hover\:\!text-inherit:hover{color:inherit!important}.hover\:text-kumo-default:hover{color:var(--text-color-kumo-default)}.hover\:text-kumo-link\/70:hover{color:color-mix(in srgb,var(--lightningcss-light,var(--color-blue-800,oklch(42.4% .199 265.638)))var(--lightningcss-dark,var(--color-blue-400,oklch(70.7% .165 254.624)))70%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:text-kumo-link\/70:hover{color:color-mix(in oklab,var(--text-color-kumo-link)70%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:\!ring-kumo-danger\/50:hover{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)))50%,transparent)!important}@supports (color:color-mix(in lab, red, red)){.hover\:\!ring-kumo-danger\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-kumo-danger)50%,transparent)!important}}.hover\:\!ring-kumo-focus\/20:hover{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))20%,transparent)!important}@supports (color:color-mix(in lab, red, red)){.hover\:\!ring-kumo-focus\/20:hover{--tw-ring-color:color-mix(in oklab,var(--color-kumo-focus)20%,transparent)!important}}.hover\:\!ring-kumo-info\/50:hover{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-blue-500,oklch(68.5% .169 237.323)))var(--lightningcss-dark,var(--color-blue-500,oklch(68.5% .169 237.323)))50%,transparent)!important}@supports (color:color-mix(in lab, red, red)){.hover\:\!ring-kumo-info\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-kumo-info)50%,transparent)!important}}.hover\:\!ring-kumo-warning\/50:hover{--tw-ring-color:var(--lightningcss-light,#fa890080)var(--lightningcss-dark,#db680980)!important}@supports (color:color-mix(in lab, red, red)){.hover\:\!ring-kumo-warning\/50:hover{--tw-ring-color:color-mix(in oklab,var(--color-kumo-warning)50%,transparent)!important}}.hover\:ring-kumo-hairline:hover{--tw-ring-color:var(--color-kumo-hairline)}.hover\:brightness-120:hover{--tw-brightness:brightness(120%);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,)}.not-disabled\:hover\:bg-kumo-tint:not(:disabled):hover{background-color:var(--color-kumo-tint)}.not-disabled\:hover\:\!text-kumo-danger:not(:disabled):hover{color:var(--text-color-kumo-danger)!important}.not-disabled\:hover\:text-kumo-strong:not(:disabled):hover{color:var(--text-color-kumo-strong)}.not-disabled\:hover\:ring-kumo-danger\/30:not(:disabled):hover{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)))30%,transparent)}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:ring-kumo-danger\/30:not(:disabled):hover{--tw-ring-color:color-mix(in oklab,var(--color-kumo-danger)30%,transparent)}}.not-disabled\:hover\:ring-kumo-focus\/25:not(:disabled):hover{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))25%,transparent)}@supports (color:color-mix(in lab, red, red)){.not-disabled\:hover\:ring-kumo-focus\/25:not(:disabled):hover{--tw-ring-color:color-mix(in oklab,var(--color-kumo-focus)25%,transparent)}}.hover\:not-has-\[\[data-disabled\]\]\:bg-kumo-tint:hover:not(:has([data-disabled])){background-color:var(--color-kumo-tint)}.hover\:after\:bg-kumo-brand\/20:hover:after{content:var(--tw-content);background-color:var(--lightningcss-light,#056dff33)var(--lightningcss-dark,#005ce333)}@supports (color:color-mix(in lab, red, red)){.hover\:after\:bg-kumo-brand\/20:hover:after{background-color:color-mix(in oklab,var(--color-kumo-brand)20%,transparent)}}.hover\:after\:bg-kumo-hairline:hover:after{content:var(--tw-content);background-color:var(--color-kumo-hairline)}}.focus\:z-2:focus{z-index:2}.focus\:z-3:focus{z-index:3}.focus\:border-kumo-focus\/50:focus{border-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.focus\:border-kumo-focus\/50:focus{border-color:color-mix(in oklab,var(--color-kumo-focus)50%,transparent)}}.focus\:bg-kumo-tint:focus{background-color:var(--color-kumo-tint)}.focus\:text-kumo-default:focus{color:var(--text-color-kumo-default)}.focus\:opacity-100:focus{opacity:1}.focus\:ring:focus{--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)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.focus\:ring-0\!:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!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}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus\:ring-\[1\.5px\]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1.5px + 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)}.focus\:ring-\(--kumo-button-emphasis-ring\):focus{--tw-ring-color:var(--kumo-button-emphasis-ring)}.focus\:ring-kumo-danger\/50:focus{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-kumo-danger\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-kumo-danger)50%,transparent)}}.focus\:ring-kumo-focus:focus{--tw-ring-color:var(--color-kumo-focus)}.focus\:ring-kumo-focus\/50:focus{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-kumo-focus\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-kumo-focus)50%,transparent)}}.focus\:ring-kumo-hairline:focus{--tw-ring-color:var(--color-kumo-hairline)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\:z-2:focus-visible{z-index:2}.focus-visible\:z-3:focus-visible{z-index:3}.focus-visible\:z-50:focus-visible{z-index:50}.focus-visible\:rounded-sm:focus-visible{border-radius:var(--radius-sm)}.focus-visible\:border-kumo-focus\/50:focus-visible{border-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-kumo-focus\/50:focus-visible{border-color:color-mix(in oklab,var(--color-kumo-focus)50%,transparent)}}.focus-visible\:bg-\(--sidebar-active-bg\):focus-visible{background-color:var(--sidebar-active-bg)}.focus-visible\:text-kumo-strong:focus-visible{color:var(--text-color-kumo-strong)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus-visible\:ring-\[1\.5px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1.5px + 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)}.focus-visible\:ring-\(--kumo-button-emphasis-ring\):focus-visible{--tw-ring-color:var(--kumo-button-emphasis-ring)}.focus-visible\:ring-kumo-brand:focus-visible{--tw-ring-color:var(--color-kumo-brand)}.focus-visible\:ring-kumo-focus\/50:focus-visible{--tw-ring-color:color-mix(in srgb,var(--lightningcss-light,var(--color-kumo-neutral-950,oklch(15% 0 0)))var(--lightningcss-dark,var(--color-kumo-neutral-150,oklch(93.5% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-kumo-focus\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-kumo-focus)50%,transparent)}}.focus-visible\:outline-offset-3:focus-visible{outline-offset:3px}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.focus-visible\:after\:bg-kumo-hairline:focus-visible:after{content:var(--tw-content);background-color:var(--color-kumo-hairline)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:ring-\(--kumo-button-emphasis-ring\):active{--tw-ring-color:var(--kumo-button-emphasis-ring)}.active\:after\:bg-kumo-hairline:active:after{content:var(--tw-content);background-color:var(--color-kumo-hairline)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-kumo-base\/50:disabled{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-white,#fff))var(--lightningcss-dark,var(--color-kumo-neutral-925,oklch(17% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-kumo-base\/50:disabled{background-color:color-mix(in oklab,var(--color-kumo-base)50%,transparent)}}.disabled\:bg-kumo-overlay:disabled{background-color:var(--color-kumo-overlay)}.disabled\:\!text-kumo-danger\/70:disabled{color:color-mix(in srgb,var(--lightningcss-light,var(--color-red-700,oklch(50.5% .213 27.518)))var(--lightningcss-dark,var(--color-red-400,oklch(70.4% .191 22.216)))70%,transparent)!important}@supports (color:color-mix(in lab, red, red)){.disabled\:\!text-kumo-danger\/70:disabled{color:color-mix(in oklab,var(--text-color-kumo-danger)70%,transparent)!important}}.disabled\:\!text-kumo-default\/70:disabled{color:color-mix(in srgb,var(--lightningcss-light,var(--color-neutral-900,oklch(21% .006 285.885)))var(--lightningcss-dark,var(--color-neutral-100,oklch(97% 0 0)))70%,transparent)!important}@supports (color:color-mix(in lab, red, red)){.disabled\:\!text-kumo-default\/70:disabled{color:color-mix(in oklab,var(--text-color-kumo-default)70%,transparent)!important}}.disabled\:text-kumo-inactive\!:disabled{color:var(--text-color-kumo-inactive)!important}.disabled\:text-kumo-subtle:disabled{color:var(--text-color-kumo-subtle)}.disabled\:opacity-50:disabled{opacity:.5}:where(:focus) :is(.\*\:in-focus\:opacity-100>*){opacity:1}.has-data-\[variant\=inset\]\:bg-kumo-recessed:has([data-variant=inset]){background-color:var(--color-kumo-recessed)}.has-\[\:disabled\]\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-active\]\]\:bg-transparent:has([data-active]){background-color:#0000}@media (hover:hover){.has-\[\[data-active\]\]\:hover\:bg-\(--sidebar-active-bg\):has([data-active]):hover{background-color:var(--sidebar-active-bg)}}.has-\[\[data-checked\]\]\:border-kumo-danger:has([data-checked]){border-color:var(--color-kumo-danger)}.has-\[\[data-checked\]\]\:border-kumo-interact:has([data-checked]){border-color:var(--color-kumo-interact)}.has-\[\[data-checked\]\]\:bg-kumo-base:has([data-checked]){background-color:var(--color-kumo-base)}.has-\[\[data-checked\]\]\:bg-kumo-tint:has([data-checked]){background-color:var(--color-kumo-tint)}.has-\[\[data-disabled\]\]\:cursor-not-allowed:has([data-disabled]){cursor:not-allowed}.has-\[\[data-disabled\]\]\:opacity-50:has([data-disabled]){opacity:.5}.has-\[\[role\=switch\]\]\:flex:has([role=switch]){display:flex}.has-\[\[role\=switch\]\]\:grid-cols-\[auto_1fr\]:has([role=switch]){grid-template-columns:auto 1fr}.has-\[\[role\=switch\]\]\:flex-row-reverse:has([role=switch]){flex-direction:row-reverse}.has-\[\[role\=switch\]\]\:flex-wrap:has([role=switch]){flex-wrap:wrap}.has-\[\[role\=switch\]\]\:items-center:has([role=switch]){align-items:center}.has-\[input\[aria-invalid\=true\]\]\:ring-kumo-danger:has(:is(input[aria-invalid=true])){--tw-ring-color:var(--color-kumo-danger)}.has-\[input\[type\=checkbox\]\]\:flex:has(:is(input[type=checkbox])){display:flex}.has-\[input\[type\=checkbox\]\]\:grid-cols-\[auto_1fr\]:has(:is(input[type=checkbox])){grid-template-columns:auto 1fr}.has-\[input\[type\=checkbox\]\]\:flex-row-reverse:has(:is(input[type=checkbox])){flex-direction:row-reverse}.has-\[input\[type\=checkbox\]\]\:flex-wrap:has(:is(input[type=checkbox])){flex-wrap:wrap}.has-\[input\[type\=checkbox\]\]\:items-center:has(:is(input[type=checkbox])){align-items:center}.aria-selected\:font-medium[aria-selected=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.aria-selected\:text-kumo-default[aria-selected=true]{color:var(--text-color-kumo-default)}@media (hover:hover){.aria-selected\:hover\:bg-kumo-tint[aria-selected=true]:hover{background-color:var(--color-kumo-tint)}}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-ending-style\:h-0[data-ending-style]{height:calc(var(--spacing)*0)}.data-ending-style\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-highlighted\:bg-kumo-danger\/5[data-highlighted]{background-color:color-mix(in srgb,var(--lightningcss-light,var(--color-red-500,oklch(63.7% .237 25.331)))var(--lightningcss-dark,var(--color-red-600,oklch(57.7% .245 27.325)))5%,transparent)}@supports (color:color-mix(in lab, red, red)){.data-highlighted\:bg-kumo-danger\/5[data-highlighted]{background-color:color-mix(in oklab,var(--color-kumo-danger)5%,transparent)}}.data-highlighted\:bg-kumo-overlay[data-highlighted]{background-color:var(--color-kumo-overlay)}.data-highlighted\:bg-kumo-tint[data-highlighted]{background-color:var(--color-kumo-tint)}.data-highlighted\:text-kumo-danger[data-highlighted]{color:var(--text-color-kumo-danger)}.data-instant\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.data-selected\:font-medium[data-selected]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-starting-style\:h-0[data-starting-style]{height:calc(var(--spacing)*0)}.data-starting-style\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}.data-\[behind\]\:pointer-events-none[data-behind]{pointer-events:none}.data-\[behind\]\:opacity-0[data-behind]{opacity:0}.data-\[checked\]\:bg-kumo-contrast[data-checked]{background-color:var(--color-kumo-contrast)}.data-\[checked\]\:ring-kumo-contrast[data-checked]{--tw-ring-color:var(--color-kumo-contrast)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:text-kumo-subtle[data-disabled]{color:var(--text-color-kumo-subtle)}.data-\[disabled\]\:opacity-0[data-disabled]{opacity:0}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\]\:opacity-60[data-disabled]{opacity:.6}.data-\[disabled\]\:data-highlighted\:bg-transparent[data-disabled][data-highlighted]{background-color:#0000}.data-\[ending-style\]\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[expanded\]\:pointer-events-auto[data-expanded]{pointer-events:auto}.data-\[expanded\]\:h-\[var\(--toast-height\)\][data-expanded]{height:var(--toast-height)}.data-\[expanded\]\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--offset-y\)\)\)\][data-expanded]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--offset-y)))}.data-\[expanded\]\:opacity-100[data-expanded]{opacity:1}.data-\[highlighted\]\:bg-kumo-overlay[data-highlighted]{background-color:var(--color-kumo-overlay)}.data-\[hovering\]\:opacity-100[data-hovering]{opacity:1}.data-\[indeterminate\]\:bg-kumo-contrast[data-indeterminate]{background-color:var(--color-kumo-contrast)}.data-\[indeterminate\]\:ring-kumo-contrast[data-indeterminate]{--tw-ring-color:var(--color-kumo-contrast)}.data-\[instant\]\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.data-\[limited\]\:opacity-0[data-limited]{opacity:0}.data-\[placeholder\]\:text-kumo-placeholder[data-placeholder]{color:var(--text-color-kumo-placeholder)}.data-\[rendered\=false\]\:scale-90[data-rendered=false]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[rendered\=false\]\:opacity-0[data-rendered=false]{opacity:0}.data-\[scrolling\]\:opacity-100[data-scrolling]{opacity:1}.data-\[side\=bottom\]\:-top-2[data-side=bottom]{top:calc(var(--spacing)*-2)}.data-\[side\=bottom\]\:top-\[-8px\][data-side=bottom]{top:-8px}.data-\[side\=left\]\:right-\[-13px\][data-side=left]{right:-13px}.data-\[side\=left\]\:rotate-90[data-side=left]{rotate:90deg}.data-\[side\=right\]\:left-\[-13px\][data-side=right]{left:-13px}.data-\[side\=right\]\:-rotate-90[data-side=right]{rotate:-90deg}.data-\[side\=top\]\:-bottom-2[data-side=top]{bottom:calc(var(--spacing)*-2)}.data-\[side\=top\]\:bottom-\[-8px\][data-side=top]{bottom:-8px}.data-\[side\=top\]\:rotate-180[data-side=top]{rotate:180deg}.data-\[starting-style\]\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[starting-style\]\:\[transform\:translateY\(150\%\)\][data-starting-style]{transform:translateY(150%)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}.data-\[state\=open\]\:bg-kumo-base[data-state=open]{background-color:var(--color-kumo-base)}.data-\[state\=open\]\:bg-kumo-elevated[data-state=open]{background-color:var(--color-kumo-elevated)}.data-\[state\=open\]\:bg-kumo-tint[data-state=open]{background-color:var(--color-kumo-tint)}.data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction=down],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.data-\[ending-style\]\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=left],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%))translateY(var(--offset-y))}.data-\[ending-style\]\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=right],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%))translateY(var(--offset-y))}.data-\[ending-style\]\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction=up],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.data-\[unchecked\]\:invisible[data-unchecked]{visibility:hidden}@supports (corner-shape:squircle){.supports-\[corner-shape\:squircle\]\:rounded-\[10px\]{border-radius:10px}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (width>=40rem){.sm\:right-8{right:calc(var(--spacing)*8)}.sm\:bottom-8{bottom:calc(var(--spacing)*8)}.sm\:block{display:block}.sm\:contents{display:contents}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-72{width:calc(var(--spacing)*72)}.sm\:w-96{width:calc(var(--spacing)*96)}.sm\:w-\[32rem\]{width:32rem}.sm\:w-\[48rem\]{width:48rem}.sm\:w-\[340px\]{width:340px}.sm\:p-2{padding:calc(var(--spacing)*2)}.sm\:p-4{padding:calc(var(--spacing)*4)}}@media (width>=48rem){.md\:block{display:block}.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-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.md\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:py-9{padding-block:calc(var(--spacing)*9)}}@media (width>=80rem){.xl\:sticky{position:sticky}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:w-\[380px\]{width:380px}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:gap-6{gap:calc(var(--spacing)*6)}.xl\:gap-8{gap:calc(var(--spacing)*8)}}@media (prefers-color-scheme:dark){.dark\:bg-blue-300{background-color:var(--color-blue-300)}.dark\:bg-blue-600{background-color:var(--color-blue-600)}.dark\:bg-kumo-base{background-color:var(--color-kumo-base)}.dark\:bg-neutral-400{background-color:var(--color-neutral-400)}.dark\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\:ring-blue-500{--tw-ring-color:var(--color-blue-500)}.dark\:ring-neutral-600{--tw-ring-color:var(--color-neutral-600)}.dark\:ring-neutral-700{--tw-ring-color:var(--color-neutral-700)}}.\[\&_\[data-kumo-component\=Link\]\]\:inline [data-kumo-component=Link]{display:inline}.\[\&_\[data-toast-icon\]\]\:text-kumo-danger [data-toast-icon]{color:var(--text-color-kumo-danger)}.\[\&_\[data-toast-icon\]\]\:text-kumo-info [data-toast-icon]{color:var(--text-color-kumo-info)}.\[\&_\[data-toast-icon\]\]\:text-kumo-success [data-toast-icon]{color:var(--text-color-kumo-success)}.\[\&_\[data-toast-icon\]\]\:text-kumo-warning [data-toast-icon]{color:var(--text-color-kumo-warning)}.\[\&_\[data-toast-title\]\]\:text-kumo-danger [data-toast-title]{color:var(--text-color-kumo-danger)}.\[\&_\[data-toast-title\]\]\:text-kumo-info [data-toast-title]{color:var(--text-color-kumo-info)}.\[\&_\[data-toast-title\]\]\:text-kumo-success [data-toast-title]{color:var(--text-color-kumo-success)}.\[\&_\[data-toast-title\]\]\:text-kumo-warning [data-toast-title]{color:var(--text-color-kumo-warning)}.\[\&_code\]\:\!m-0 code{margin:calc(var(--spacing)*0)!important}.\[\&_code\]\:\!border-0 code{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&_code\]\:\!bg-transparent code{background-color:#0000!important}.\[\&_code\]\:\!p-0 code{padding:calc(var(--spacing)*0)!important}.has-data-\[slot\=input-group-suffix\]\:\[\&_input\]\:field-sizing-content:has([data-slot=input-group-suffix]) input{field-sizing:content}.has-data-\[slot\=input-group-suffix\]\:\[\&_input\]\:max-w-full:has([data-slot=input-group-suffix]) input{max-width:100%}.has-data-\[slot\=input-group-suffix\]\:\[\&_input\]\:grow-0:has([data-slot=input-group-suffix]) input{flex-grow:0}.has-data-\[slot\=input-group-suffix\]\:\[\&_input\]\:pr-0:has([data-slot=input-group-suffix]) input{padding-right:calc(var(--spacing)*0)}.has-\[\[data-slot\=input-group-addon-end\]\]\:\[\&_input\]\:pr-1:has([data-slot=input-group-addon-end]) input{padding-right:calc(var(--spacing)*1)}.has-\[\[data-slot\=input-group-addon-end\]\]\:\[\&_input\]\:pr-1\.5:has([data-slot=input-group-addon-end]) input{padding-right:calc(var(--spacing)*1.5)}.has-\[\[data-slot\=input-group-addon-end\]\]\:\[\&_input\]\:pr-2:has([data-slot=input-group-addon-end]) input{padding-right:calc(var(--spacing)*2)}.has-\[\[data-slot\=input-group-addon-end\]\]\:\[\&_input\]\:pr-2\.5:has([data-slot=input-group-addon-end]) input{padding-right:calc(var(--spacing)*2.5)}.has-\[\[data-slot\=input-group-addon-start\]\]\:\[\&_input\]\:pl-1:has([data-slot=input-group-addon-start]) input{padding-left:calc(var(--spacing)*1)}.has-\[\[data-slot\=input-group-addon-start\]\]\:\[\&_input\]\:pl-1\.5:has([data-slot=input-group-addon-start]) input{padding-left:calc(var(--spacing)*1.5)}.has-\[\[data-slot\=input-group-addon-start\]\]\:\[\&_input\]\:pl-2:has([data-slot=input-group-addon-start]) input{padding-left:calc(var(--spacing)*2)}.has-\[\[data-slot\=input-group-addon-start\]\]\:\[\&_input\]\:pl-2\.5:has([data-slot=input-group-addon-start]) input{padding-left:calc(var(--spacing)*2.5)}.has-\[\[data-slot\=input-group-suffix\]\]\:\[\&_input\]\:\[field-sizing\:content\]:has([data-slot=input-group-suffix]) input{field-sizing:content}.has-\[\[data-slot\=input-group-suffix\]\]\:\[\&_input\]\:max-w-full:has([data-slot=input-group-suffix]) input{max-width:100%}.has-\[\[data-slot\=input-group-suffix\]\]\:\[\&_input\]\:grow-0:has([data-slot=input-group-suffix]) input{flex-grow:0}.has-\[\[data-slot\=input-group-suffix\]\]\:\[\&_input\]\:pr-0:has([data-slot=input-group-suffix]) input{padding-right:calc(var(--spacing)*0)}.\[\&_td\]\:border-b td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_td\]\:border-kumo-fill td{border-color:var(--color-kumo-fill)}.\[\&_td\]\:p-3 td{padding:calc(var(--spacing)*3)}.\[\&_th\]\:sticky th{position:sticky}.\[\&_th\]\:top-0 th{top:calc(var(--spacing)*0)}.\[\&_th\]\:z-1 th{z-index:1}.\[\&_th\]\:border-b th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_th\]\:border-kumo-fill th{border-color:var(--color-kumo-fill)}.\[\&_th\]\:bg-kumo-base th{background-color:var(--color-kumo-base)}.\[\&_th\]\:bg-kumo-elevated th{background-color:var(--color-kumo-elevated)}.\[\&_th\]\:p-3 th{padding:calc(var(--spacing)*3)}.\[\&_th\]\:py-2 th{padding-block:calc(var(--spacing)*2)}.\[\&_th\]\:text-base th{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_th\]\:font-semibold th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_tr\:last-child_td\]\:border-b-0 tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar{width:calc(var(--spacing)*2)}.\[\&\:\:-webkit-scrollbar\]\:bg-transparent::-webkit-scrollbar{background-color:#0000}.\[\&\:\:-webkit-scrollbar-corner\]\:bg-transparent::-webkit-scrollbar-corner{background-color:#0000}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:2147483647px}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-kumo-line::-webkit-scrollbar-thumb{background-color:var(--color-kumo-line)}.\[\&\:\:-webkit-scrollbar-track\]\:my-2::-webkit-scrollbar-track{margin-block:calc(var(--spacing)*2)}.\[\&\:focus-within\>span\]\:ring-kumo-focus:focus-within>span{--tw-ring-color:var(--color-kumo-focus)}.\[\&\:hover\>span\]\:text-white:hover>span{color:var(--color-white)}.\[\&\:hover\>span\]\:ring-kumo-hairline:hover>span{--tw-ring-color:var(--color-kumo-hairline)}.\[\&\>label\]\:flex-1>label{flex:1}.\[\&\>li\>a\]\:pl-7>li>a,.\[\&\>li\>button\]\:pl-7>li>button{padding-left:calc(var(--spacing)*7)}.\[\&\>pre\]\:\!m-0>pre{margin:calc(var(--spacing)*0)!important}.\[\&\>pre\]\:\!rounded-none>pre{border-radius:0!important}.\[\&\>pre\]\:\!border-0>pre{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&\>pre\]\:\!bg-transparent>pre{background-color:#0000!important}.\[\&\>pre\]\:\!p-4>pre{padding:calc(var(--spacing)*4)!important}.\[\&\>pre\]\:p-2\.5>pre{padding:calc(var(--spacing)*2.5)}.\[\&\>pre\]\:p-2\.5\!>pre{padding:calc(var(--spacing)*2.5)!important}.\[\&\>pre\]\:p-4>pre{padding:calc(var(--spacing)*4)}.\[\&\>pre\]\:font-mono>pre{font-family:var(--font-mono)}.\[\&\>pre\]\:text-sm>pre{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&\>pre\]\:leading-relaxed>pre{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&\>span\]\:ring-kumo-danger>span{--tw-ring-color:var(--color-kumo-danger)}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(150%)}.\[\&\[hidden\]\:not\(\[hidden\=\'until-found\'\]\)\]\:hidden[hidden]:not([hidden=until-found]){display:none}[data-panel-open] .\[\[data-panel-open\]_\&\]\:rotate-180{rotate:180deg}[data-sidebar=group]:first-child .\[\[data-sidebar\=group\]\:first-child_\&\]\:my-0{margin-block:calc(var(--spacing)*0)}[data-sidebar=group]:first-child .\[\[data-sidebar\=group\]\:first-child_\&\]\:mt-2{margin-top:calc(var(--spacing)*2)}[data-sidebar=group]:first-child .\[\[data-sidebar\=group\]\:first-child_\&\]\:border-transparent{border-color:#0000}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-input-spinner{appearance:textfield}.no-input-spinner ::-webkit-outer-spin-button{appearance:none}.no-input-spinner ::-webkit-inner-spin-button{appearance:none}.link-current{text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.link-current{-webkit-text-decoration-color:color-mix(in oklch,currentColor 35%,transparent);-webkit-text-decoration-color:color-mix(in oklch,currentColor 35%,transparent);-webkit-text-decoration-color:color-mix(in oklch,currentColor 35%,transparent);text-decoration-color:color-mix(in oklch,currentColor 35%,transparent)}}[data-mode=dark] .link-current{text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){[data-mode=dark] .link-current{-webkit-text-decoration-color:color-mix(in oklch,currentColor 65%,transparent);-webkit-text-decoration-color:color-mix(in oklch,currentColor 65%,transparent);-webkit-text-decoration-color:color-mix(in oklch,currentColor 65%,transparent);text-decoration-color:color-mix(in oklch,currentColor 65%,transparent)}}.link-current:hover{text-decoration-color:currentColor}.link-external-icon{stroke-width:1.75px}[data-mode=dark] .link-external-icon{stroke-width:2px}}@keyframes right{to{transform:translate(100%)}}.float{animation:5s linear infinite alternate float}@keyframes float{to{transform:translate(5px,15px)}}@keyframes refresh{to{transform:rotate(360deg)scale(.9)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.animate-bounce-in{animation:.4s ease-out bounce-in}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.kumo-chart-shimmer{transform-box:fill-box;animation:1.8s ease-in-out infinite shimmer}@media (prefers-reduced-motion:reduce){.kumo-chart-shimmer{animation:none;transform:none}}@keyframes toast-bump{0%{transform:scale(1)}20%{transform:scale(1.02)}to{transform:scale(1)}}.animate-toast-bump{transform-origin:50%;animation:.4s cubic-bezier(.34,1.56,.64,1) toast-bump}@keyframes clipboard-toast-bump{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.animate-clipboard-toast-bump{transform-origin:50%;animation:.35s cubic-bezier(.34,1.56,.64,1) clipboard-toast-bump}@media (prefers-reduced-motion:reduce){.animate-clipboard-toast-bump{animation:none}}@property --fade-left-n{syntax:"<number>";inherits:false;initial-value:0}@property --fade-right-n{syntax:"<number>";inherits:false;initial-value:0}@keyframes scroll-fade-x-left{0%{--fade-left-n:0}to{--fade-left-n:1}}@keyframes scroll-fade-x-right{0%{--fade-right-n:1}to{--fade-right-n:0}}@supports (animation-timeline:scroll()){[data-overflowing]{-webkit-mask-image:linear-gradient(to right,transparent,white calc(var(--fade-left-n)*var(--scroll-fade-width,3rem)),white calc(100% - var(--fade-right-n)*var(--scroll-fade-width,3rem)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,white calc(var(--fade-left-n)*var(--scroll-fade-width,3rem)),white calc(100% - var(--fade-right-n)*var(--scroll-fade-width,3rem)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,white calc(var(--fade-left-n)*var(--scroll-fade-width,3rem)),white calc(100% - var(--fade-right-n)*var(--scroll-fade-width,3rem)),transparent);mask-image:linear-gradient(to right,transparent,white calc(var(--fade-left-n)*var(--scroll-fade-width,3rem)),white calc(100% - var(--fade-right-n)*var(--scroll-fade-width,3rem)),transparent);animation-name:scroll-fade-x-left,scroll-fade-x-right;animation-timing-function:linear,linear;animation-timeline:scroll(self x);animation-range:0 var(--scroll-fade-range,3rem),calc(100% - var(--scroll-fade-range,3rem))100%;animation-fill-mode:both}}.kumo-tabs-list{overscroll-behavior-x:contain}@supports (animation-timeline:scroll()){.kumo-tabs-list{scrollbar-width:none;-ms-overflow-style:none}.kumo-tabs-list::-webkit-scrollbar{display:none}}[data-mode=dark] .kumo-tooltip-popup,[data-mode=dark] .kumo-popover-popup{outline-offset:-1px}.kumo-input-placeholder::placeholder{color:var(--text-color-kumo-placeholder)}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--letterboxd-orange:#ff6000;--letterboxd-green:#00e054;--letterboxd-blue:#00b2fe;--logo-coral:#00b2fe;--logo-violet:#ff6000;--logo-aqua:#00e054;--letterboxd-bg:#10161a;--letterboxd-grey:#b4c0c7;--page-text:#f5f7f8;--panel:#1c272e;--panel-raised:#223039;--panel-deep:#151e24;--panel-border:#46555e;--muted:#a3b0b7;color:var(--page-text);background:var(--letterboxd-bg);font-synthesis:none;font-family:DM Sans,sans-serif}[data-theme=dark]{--color-kumo-base:#182229;--color-kumo-control:#202c33;--color-kumo-tint:#2a373f;--color-kumo-line:#4a5962;--color-kumo-default:#f5f7f8;--color-kumo-strong:#fff;--color-kumo-subtle:#b2bec4}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--letterboxd-bg:#f4f1eb;--letterboxd-grey:#57656e;--page-text:#182128;--panel:#fffefa;--panel-raised:#fffefa;--panel-deep:#f3f0e9;--panel-border:#c9c5bb;--muted:#5e6a72}*{box-sizing:border-box;box-shadow:none!important;text-shadow:none!important}:before,:after{box-shadow:none!important;text-shadow:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}html{scroll-behavior:smooth}body{background:var(--letterboxd-bg);min-width:320px;min-height:100vh;margin:0}.auth-gate{background:radial-gradient(circle at 50% 18%,#2b3a43 0,#1a242a 32%,#14181c 68%);place-items:center;min-height:100dvh;padding:24px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.auth-poster-wall{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-poster-wall:after{background:radial-gradient(ellipse at center, var(--letterboxd-bg) 0 19%, transparent 58%);content:"";opacity:.34;position:absolute;inset:0}.auth-poster-wall img{aspect-ratio:2/3;object-fit:cover;opacity:.52;filter:saturate(.82)contrast(.94);border:1px solid #ffffff1f;border-radius:10px;width:clamp(110px,10vw,176px);position:absolute}.auth-poster-wall img:first-child{top:7%;left:5%;transform:rotate(-7deg)}.auth-poster-wall img:nth-child(2){top:39%;left:17%;transform:rotate(5deg)}.auth-poster-wall img:nth-child(3){bottom:-8%;left:2%;transform:rotate(8deg)}.auth-poster-wall img:nth-child(4){bottom:-5%;right:22%;transform:rotate(-5deg)}.auth-poster-wall img:nth-child(5){top:6%;right:5%;transform:rotate(7deg)}.auth-poster-wall img:nth-child(6){top:38%;right:16%;transform:rotate(-6deg)}.auth-poster-wall img:nth-child(7){bottom:-9%;right:2%;transform:rotate(-8deg)}.auth-poster-wall img:nth-child(8){top:-8%;left:24%;transform:rotate(5deg)}.auth-poster-wall img:nth-child(9){top:-12%;right:26%;transform:rotate(-5deg)}.auth-poster-wall img:nth-child(10){bottom:15%;left:6%;transform:rotate(-3deg)}.auth-poster-wall img:nth-child(11){top:23%;left:29%;transform:rotate(7deg)}.auth-poster-wall img:nth-child(12){bottom:17%;right:5%;transform:rotate(4deg)}.auth-poster-wall img:nth-child(13){top:61%;left:27%;transform:rotate(-8deg)}.auth-poster-wall img:nth-child(14){top:59%;right:27%;transform:rotate(7deg)}.auth-poster-wall img:nth-child(15){top:-13%;left:39%;transform:rotate(-4deg)}.auth-poster-wall img:nth-child(16){top:-14%;right:39%;transform:rotate(5deg)}.auth-poster-wall img:nth-child(17){bottom:-16%;left:16%;transform:rotate(-6deg)}.auth-poster-wall img:nth-child(18){bottom:-15%;right:16%;transform:rotate(5deg)}.auth-poster-wall img:nth-child(19){top:28%;left:4%;transform:rotate(6deg)}.auth-poster-wall img:nth-child(20){top:27%;right:3%;transform:rotate(-5deg)}.auth-poster-wall img:nth-child(21){top:42%;left:35%;transform:rotate(-7deg)}.auth-poster-wall img:nth-child(22){top:43%;right:35%;transform:rotate(6deg)}.auth-gate-card{z-index:1;border:1px solid color-mix(in srgb, var(--color-kumo-line) 82%, transparent);width:min(460px,100%);max-height:calc(100dvh - 48px);color:var(--color-kumo-default);background:color-mix(in srgb, var(--color-kumo-base) 96%, transparent);border-radius:20px;padding:28px 32px;position:relative;overflow-y:auto}.auth-brand{justify-content:center;align-items:center;gap:8px;display:flex}.auth-brand .logo-mark{flex:0 0 43px;width:43px}.auth-brand .logo-mark i{width:17px;height:17px}.auth-gate .logo-mark i{mix-blend-mode:normal}.auth-brand strong{letter-spacing:-.055em;font-size:24px;font-weight:700}.auth-mode{background:#f5f5f5;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:4px;height:42px;margin-top:22px;padding:3px;display:grid}.auth-mode>button{color:#737373;width:100%;min-width:0;height:36px;max-height:36px;box-shadow:none;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-self:center;align-items:center;padding:0 12px;font-size:14px;font-weight:500;line-height:1;transition:color .16s,background .16s,box-shadow .16s;display:inline-flex;background:0 0!important;min-height:36px!important}.auth-mode button:hover:not([aria-selected=true]){color:#171717;background:#ebebeb!important}.auth-mode button[aria-selected=true]{color:#171717;font-weight:600;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;background:#fff!important}.auth-mode button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #404040}.auth-mode button[aria-selected=true]:focus-visible{box-shadow:0 1px 3px #0000001a,inset 0 0 0 2px #404040}.auth-heading{margin-top:22px}.auth-gate-card h1{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.auth-gate-card p{color:var(--color-kumo-subtle);margin:5px 0 0;font-size:14px;line-height:1.45}.auth-form{gap:12px;margin-top:20px;display:grid}.auth-form>div{align-content:start;gap:5px}.auth-form label{color:var(--color-kumo-default);font-size:13px;font-weight:400}.auth-form input{border:1px solid var(--color-kumo-line);width:100%;height:40px;color:var(--color-kumo-default);background:var(--color-kumo-base);box-shadow:none;border-radius:10px;outline:0;padding:0 12px;font-size:14px;transition:border-color .16s,box-shadow .16s,background .16s}.auth-form input::placeholder{color:var(--color-kumo-subtle);opacity:.72}.auth-form input:hover{border-color:color-mix(in srgb, var(--color-kumo-line) 72%, var(--color-kumo-default))}.auth-form input:focus,.auth-form input:focus-visible{border-color:var(--letterboxd-blue);background:var(--color-kumo-base);box-shadow:0 0 0 2px color-mix(in srgb, var(--letterboxd-blue) 28%, transparent);outline:0}.auth-password-input{border:1px solid var(--color-kumo-line);border-radius:10px;height:40px;background:var(--color-kumo-base)!important;box-shadow:none!important}.auth-password-input:hover{border-color:color-mix(in srgb, var(--color-kumo-line) 72%, var(--color-kumo-default))}.auth-password-input:focus-within{border-color:var(--letterboxd-blue);outline:0;background:var(--color-kumo-base)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--letterboxd-blue) 28%, transparent)!important}.auth-form input[aria-invalid=true]{border-color:var(--color-kumo-danger)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-kumo-danger) 20%, transparent)!important}.auth-password-input:has(input[aria-invalid=true]){border-color:var(--color-kumo-danger)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-kumo-danger) 20%, transparent)!important}.auth-password-input input,.auth-password-input input:focus,.auth-password-input input:focus-visible{height:38px;box-shadow:none;background:0 0;border:0}.auth-password-input button:focus-visible{outline-offset:1px;outline:2px solid #171717}.auth-form .text-kumo-subtle{color:var(--color-kumo-subtle);font-size:11px;line-height:1.35}.auth-form .text-kumo-danger{color:var(--color-kumo-danger);font-size:11px;line-height:1.35}.auth-error{border:1px solid color-mix(in srgb, var(--color-kumo-danger) 24%, transparent);min-height:38px;color:var(--color-kumo-danger);background:color-mix(in srgb, var(--color-kumo-danger) 8%, transparent);border-radius:9px;align-items:flex-start;gap:8px;margin:-2px 0 0;padding:9px 10px;font-size:12px;line-height:1.45;display:flex}.auth-error svg{flex:0 0 15px;width:15px;height:15px;margin-top:1px}.auth-submit{text-align:center;border-radius:10px;justify-content:center;align-items:center;width:100%;height:42px;min-height:42px;margin-top:1px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:500}[data-kumo-component=Button]>span[aria-hidden=true]{background:var(--kumo-button-emphasis-gradient-end)!important}.auth-loading-card{text-align:center}.auth-loading-card .logo-mark{margin:0 auto 24px}.auth-loading-card h1{margin-top:0}[data-theme=dark] .auth-gate{background:radial-gradient(circle at 50% 18%,#33454f 0,#1c282f 34%,#10161a 72%)}[data-theme=dark] .auth-poster-wall img{opacity:.64;filter:saturate(.95)contrast(1.04);border-color:#ffffff38}[data-theme=dark] .auth-gate-card{background:#182229f7;border-color:#52636d}[data-theme=dark] .auth-mode{background:#11191e}[data-theme=dark] .auth-mode>button{color:#aebbc1}[data-theme=dark] .auth-mode button:hover:not([aria-selected=true]){color:#fff;background:#202c33!important}[data-theme=dark] .auth-mode button[aria-selected=true]{color:#fff;box-shadow:0 1px 3px #00000061,inset 0 0 0 1px #56666f;background:#2a373f!important}[data-theme=light] .auth-gate{background:radial-gradient(circle at 50% 20%,#e3ebee,#f4f1eb 65%)}[data-theme=light] .auth-poster-wall:after{opacity:.68;background:radial-gradient(#f4f1eb 0 19%,#0000 60%)}[data-theme=light] .auth-poster-wall img{opacity:.42;filter:saturate(.72)contrast(.9);border-color:#fff9}@media (width<=520px){.auth-gate{align-items:center;padding:16px}.auth-poster-wall{display:none}.auth-gate-card{border-radius:16px;max-height:calc(100dvh - 32px);padding:22px 20px}.auth-mode,.auth-heading{margin-top:20px}}@media (width<=1100px){.auth-poster-wall img:nth-child(n+9){display:none}}button,input,textarea,[contenteditable]{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #40bcf4}[data-slot=input-group] input:focus-visible,[data-kumo-component=Select]:focus-visible{outline-offset:0;outline:0}[data-kumo-component=Select][data-kumo-part=trigger],[data-kumo-component=Select][data-kumo-part=option]{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:21px}[data-base-ui-portal] [role=presentation]:has(>[role=listbox]){width:var(--anchor-width);min-width:var(--anchor-width)}[data-base-ui-portal] [data-kumo-part=option][data-selected]:focus-visible{outline:0;box-shadow:none!important}.page{background:radial-gradient(circle at 50% 13%,#26343e 0,#1a242b 25%,#14181c 55%);min-height:100vh;padding-left:270px}header{z-index:70;background:linear-gradient(#192228fa,#0f161bfa);border-right:1px solid #ffffff12;flex-direction:column;align-items:stretch;width:270px;height:100vh;padding:0 20px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:12px 0 40px #0000001f}header:before{background:linear-gradient(var(--letterboxd-orange) 0 33.33%, var(--letterboxd-green) 33.33% 66.66%, var(--letterboxd-blue) 66.66%);content:"";width:3px;position:absolute;top:0;bottom:0;left:0}header:after{z-index:0;content:"";pointer-events:none;background:#192228;border-bottom:1px solid #ffffff12;height:76px;position:fixed;top:0;left:0;right:0}header>*{z-index:1;position:relative}.logo{align-items:center;gap:10px;min-height:76px;padding:0 2px;display:flex}.logo strong{letter-spacing:-.06em;font-size:25px}.logo-mark{width:49px;display:flex}.logo-mark i{mix-blend-mode:screen;border-radius:50%;width:19px;height:19px;margin-right:-4px}.logo-mark i:first-child{background:var(--logo-coral)}.logo-mark i:nth-child(2){background:var(--logo-violet)}.logo-mark i:nth-child(3){background:var(--logo-aqua)}header nav{color:#fff;scrollbar-width:none;flex-direction:column;gap:5px;width:100%;margin-top:22px;display:flex;overflow-y:auto}header nav::-webkit-scrollbar{display:none}header nav button{color:#a9b5bb;text-align:left;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:47px;padding:0 12px;font-size:11px;font-weight:700;transition:color .18s,border-color .18s,background .18s,transform .18s;display:flex;position:relative}header nav button svg{stroke-width:1.8px;flex:none;width:19px;height:19px}header nav button:hover{color:#fff;background:#ffffff0d;transform:translate(2px)}header nav button.active{color:#fff;box-shadow:none;background:#ffffff12;border-color:#0000}header nav button.active:after,.kumo-primary-tabs,.primary-nav-cluster{display:none}.account{width:40px;height:40px;color:var(--page-text);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin-left:0;padding:4px;transition:background .18s;display:flex}.account:hover,.account:focus-visible,.account[data-popup-open]{background:#ffffff14}.account:focus-visible{outline:2px solid var(--color-kumo-brand);outline-offset:2px}.account>span{color:#1b252b;background:#d9e0e4;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.account-avatar-image{color:#fff;text-align:center;background:#2b3940;border-radius:50%;place-items:center;font-size:9px;font-weight:700;line-height:1;display:grid;overflow:hidden}.account>.account-avatar-image{color:#fff;background:#2b3940;overflow:hidden}.account-avatar-image img{object-fit:cover;object-position:center;width:100%;height:100%}.account-avatar-image.is-batman-avatar img{object-fit:contain;object-position:center;transform:none}.account-wrap{z-index:75;width:auto;margin:0;position:fixed;top:17px;right:22px}.profile-menu{min-width:224px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.profile-menu [data-kumo-part=item],.profile-menu [data-kumo-part=submenu-trigger],.profile-appearance-menu [data-kumo-part=radio-item]{cursor:pointer;padding:8px 12px;font-size:14px}.profile-menu-identity{border-bottom:1px solid var(--color-kumo-line);color:var(--color-kumo-subtle);text-overflow:ellipsis;white-space:nowrap;margin:-4px -4px 4px;padding:12px 16px;font-size:12px;font-weight:400;overflow:hidden}.profile-appearance-menu{min-width:180px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.profile-menu-error{max-width:220px;color:var(--color-kumo-danger);padding:6px 10px;font-size:11px}main{padding-bottom:90px}.intro{text-align:center;width:min(1120px,100% - 40px);margin:auto;padding:140px 0 104px}.search-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.search-modal-card{width:min(1080px,100%);max-height:calc(100dvh - 40px);color:var(--page-text);-webkit-backdrop-filter:blur(28px)saturate(125%);backdrop-filter:blur(28px)saturate(125%);background:#161f25d1;border:1px solid #ffffff1f;border-radius:24px;padding:clamp(34px,5vw,58px);position:relative;overflow-y:auto;box-shadow:0 36px 110px #00000094,inset 0 1px #ffffff12}.search-modal-card>h1{letter-spacing:-.06em;text-align:center;margin:0;padding:0 48px;font-size:clamp(34px,4.5vw,56px);font-weight:500;line-height:1.05}.search-modal-card .review-box{margin-top:32px}.search-modal-card .search-panel{max-height:min(460px,100dvh - 320px);margin-top:10px;position:relative;top:auto}.search-modal-close{color:#aeb9be;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:18px;right:18px}.search-modal-close:hover,.search-modal-close:focus-visible{color:#fff;background:#ffffff1f}.search-modal-close:focus-visible{outline:2px solid var(--letterboxd-blue);outline-offset:2px}.search-modal-close svg{width:19px;height:19px}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:700}.intro h1{letter-spacing:-.065em;white-space:nowrap;margin:0;font-size:clamp(44px,5vw,68px);font-weight:500;line-height:1}.intro-copy{color:var(--letterboxd-grey);margin:16px 0 38px;font-size:15px;font-weight:400}.review-box{text-align:left;background:#1d282f;border:1px solid #43515a;border-radius:12px;width:min(760px,100%);min-height:126px;margin:38px auto 0;position:relative;box-shadow:0 28px 75px #00000057}.review-box:not(.is-writing){min-height:0;box-shadow:none;background:0 0;border:0;border-radius:999px}.search-state{padding:0;position:relative}.search-field{color:#74858e;background:#131b20;border:1px solid #3d4c54;border-radius:999px;align-items:center;gap:15px;height:76px;padding:0 22px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;box-shadow:0 14px 44px #00000061,0 0 42px #40bcf424}.search-field:focus-within{border-color:var(--letterboxd-green);transform:translateY(-1px);box-shadow:0 16px 48px #0000006b,0 0 0 3px #00e0542e,0 0 52px #00e0544d}.search-field svg{color:#87959d;width:23px}.search-field input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:20px}.search-field input::placeholder{color:var(--text-color-kumo-placeholder)}.search-shortcut{color:#8b989f;gap:7px;font-family:inherit;font-size:16px;display:flex}.search-shortcut span{background:#182228;border:1px solid #435159;border-radius:7px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 1px 1px #00000040}.results{z-index:10;scrollbar-color:#44535c transparent;scrollbar-width:thin;background:#11191e;border:1px solid #46545c;border-radius:12px;max-height:min(520px,100vh - 180px);padding:6px;position:absolute;top:86px;left:0;right:0;overflow-y:auto;box-shadow:0 26px 55px #0000008c}.results button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:13px;width:100%;padding:7px;display:flex}.results button:hover,.results button.active{background:#223039}.results button.active{box-shadow:inset 3px 0 var(--letterboxd-green)}.results img{object-fit:cover;border-radius:3px;width:37px;height:52px}.results button>span{flex-direction:column;flex:1;display:flex}.results b{font-size:14px}.results small{color:#7b8b94;margin-top:4px;font-size:11px}.results em{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:700}.results>p{color:#82929a;margin:18px;font-size:13px}.search-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11191efa;border-color:#3b4951;border-radius:13px;flex-direction:column;max-height:min(520px,100vh - 180px);padding:0;display:flex;overflow:hidden;box-shadow:0 22px 50px #00000075,inset 0 1px #ffffff0a}.search-results-scroll{overscroll-behavior:contain;scrollbar-color:#526169 transparent;scrollbar-width:thin;min-height:0;padding:10px 12px 14px;overflow-y:auto}.results-heading{color:#dce2e5;justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:6px 4px 8px;display:flex}.results-heading strong{letter-spacing:0;font-size:12px;font-weight:700}.results-heading span{color:#71818a;font-size:10px;font-weight:500}.search-panel .search-results-scroll>button{color:#dce2e5;border-radius:8px;gap:12px;min-height:60px;padding:5px 8px;transition:color .14s,background .14s,box-shadow .14s}.search-panel .search-results-scroll>button:hover,.search-panel .search-results-scroll>button.active{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff0d}.search-panel .search-results-scroll>button:hover .result-arrow,.search-panel .search-results-scroll>button.active .result-arrow{color:#dce2e5;opacity:1;transform:translate(0)}.search-more{justify-content:center;padding:8px 8px 2px;display:flex}.search-more button{color:#74838a;width:auto;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:600}.search-more button:hover:not(:disabled){color:#c5cdd1;background:#ffffff08}.search-more button:disabled{opacity:.6;cursor:wait}.search-more-error{color:#f0a6a6;text-align:center;margin:6px 8px;font-size:11px}.result-poster{object-fit:cover;background:#222d33;flex:0 0 34px;box-shadow:0 4px 10px #0000004d;border-radius:4px!important;width:34px!important;height:50px!important}.result-icon{color:#87959c;background:#202a30;border-radius:4px;place-items:center;width:34px;height:50px;flex:0 0 34px!important;display:grid!important}.result-icon svg{stroke-width:1.7px;width:19px;height:19px}.result-copy{justify-content:center;gap:2px;min-width:0;flex-direction:column!important}.result-copy>span{align-items:baseline;gap:8px;min-width:0;display:flex;flex-direction:row!important;flex:0 auto!important}.result-copy b{color:#f0f3f4;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.result-copy i{color:#7f8d94;letter-spacing:.05em;text-transform:uppercase;border:1px solid #3d4a51;border-radius:4px;flex:none;padding:1px 5px;font-size:7px;font-style:normal;font-weight:700}.result-copy small{color:#82919a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;line-height:1.35;display:block;overflow:hidden}.result-arrow{color:#8b999f;opacity:0;flex:none;width:15px;height:15px;transition:opacity .14s,transform .14s;transform:translate(-4px)}.search-empty,.search-loading{color:#76868f;text-align:left;grid-template-rows:auto auto;grid-template-columns:22px auto;align-items:center;column-gap:12px;min-height:72px;padding:9px 8px;display:grid}.search-empty svg{color:#87959c;stroke-width:1.7px;grid-row:1/3;width:19px;height:19px}.search-empty b{color:#dbe1e4;align-self:end;font-size:12px}.search-empty span{align-self:start;max-width:none;font-size:10px;line-height:1.5}.search-loading{justify-content:flex-start;gap:9px;font-size:11px;display:flex}.review-box.is-writing{width:min(980px,100%)}.writer{border-radius:12px;grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);align-items:stretch;height:min(520px,100dvh - 180px);min-height:420px;display:grid;overflow:hidden}.writer-poster{aspect-ratio:2/3;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#11181c;align-self:center;width:auto;height:100%}.writer-body{box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;min-width:0;height:100%;min-height:0;max-height:100%;padding:0;display:flex;position:relative;overflow:hidden}.writer-content{flex-direction:column;flex:1;min-width:0;min-height:0;padding:30px 29px 72px;display:flex;overflow:hidden}.close{color:#81919a;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:31px;height:31px;padding:0;display:grid;position:absolute;top:17px;right:17px}.close:hover{color:#fff;background:#2a373e}.close svg{width:19px}.writing-label{color:#7e8e96;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:700}.writer h2{letter-spacing:-.04em;margin:0 55px 9px 0;font-size:30px;line-height:1.12}.writer h2 span{color:#84939b;font-weight:400}.stars{color:#567;touch-action:none;-webkit-user-select:none;user-select:none;gap:2px;width:max-content;display:flex}.stars[data-interactive]{cursor:pointer;border-radius:4px}.stars[data-interactive]:focus-visible{outline:2px solid var(--letterboxd-blue);outline-offset:3px}.star-shell{flex:0 0 29px;width:29px;height:29px;display:block;position:relative}.star-shell>svg{width:29px;height:29px;position:absolute;inset:0}.star-fill{z-index:1;color:var(--letterboxd-green);display:block;position:absolute;inset:0 auto 0 0;overflow:hidden}.star-fill svg{width:29px;min-width:29px;height:29px;display:block}.stars.compact{gap:1px}.stars.compact .star-shell{flex-basis:16px;width:16px;height:16px}.stars.compact .star-shell>svg,.stars.compact .star-fill svg{width:16px;min-width:16px;height:16px}.quick-review-editor-shell{flex:1;min-height:0;display:block;position:relative;overflow:hidden}.quick-review-editor-shell .review-editor-input-row{flex:1;min-height:0;padding:0;position:static;overflow:hidden}.writer .quick-review-editor-shell .review-editor{overflow-wrap:anywhere;color:#e4eaed;resize:none;white-space:pre-wrap;background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;min-height:0;max-height:none;margin:0;padding:0 0 20px;scroll-padding-bottom:20px;font-family:inherit;font-size:17px;line-height:1.72;overflow-y:auto;height:100%!important}.writer-body>.quick-review-toolbar{z-index:2;box-sizing:border-box;background:#fbfaf7;border-top:1px solid #d5d2ca;align-items:center;gap:14px;width:auto;height:72px;min-height:72px;margin:0;padding:16px 29px;font-family:DM Sans,sans-serif;position:absolute;bottom:0;left:0;right:0}.quick-review-toolbar label,.quick-review-toolbar .text-kumo-default{color:#202932!important;font-family:DM Sans,sans-serif!important;font-size:14px!important;font-weight:400!important}.quick-review-toolbar .share-draft,.quick-review-toolbar .share-draft:hover:not(:disabled){box-shadow:none!important;background:0 0!important;border-color:#0000!important}.review-editor[data-empty=true]{position:relative}.review-editor[data-empty=true]:before{color:#6f7f87;content:attr(data-placeholder);pointer-events:none;position:absolute}.review-editor em,.review-editor i{font-style:italic!important}.review-editor-toolbar,.review-editor-tools{align-items:center;display:flex}.review-editor-toolbar{justify-content:space-between;gap:12px;width:100%}.review-editor-tools{gap:0}.review-format-menu-wrap{color:#202932;width:max-content;margin-top:8px;display:flex}.review-format-menu{color:#202932;background:#dedede;border-radius:8px;height:26px;padding:1px;box-shadow:0 0 0 1px #d1d1d1}.review-format-menu [data-kumo-part=option]{color:#202932;background:0 0;border-radius:7px;width:26px;height:24px;margin-left:0}.review-format-menu [data-kumo-part=option] svg{width:16px;height:16px}.review-format-menu [data-kumo-part=option]:hover{background:#ffffff8c}.review-format-menu [data-kumo-part=option].bg-kumo-base{background:#fff;box-shadow:0 1px 2px #0000001f}.review-editor-toolbar .spoiler-switch{background:#f4f4f2!important;box-shadow:0 0 0 1px #d4d4d4!important}.review-editor-toolbar .spoiler-switch>div{background:#fff!important}.review-editor-toolbar .spoiler-switch[aria-checked=true]{background:#2563eb!important;box-shadow:0 0 0 1px #3b82f6!important}.review-editor-toolbar label,.review-editor-toolbar .text-kumo-default{color:#f5f5f4!important}[data-theme=light] .review-editor-toolbar label,[data-theme=light] .review-editor-toolbar .text-kumo-default{color:#202932!important}.edit-review-editor-shell .review-editor-toolbar label,.edit-review-editor-shell .review-editor-toolbar .text-kumo-default{color:#202932!important;font-family:DM Sans,sans-serif!important;font-size:14px!important;font-weight:400!important}.review-toolbar-divider{background:#ffffff1a;flex:none;width:1px;height:16px;margin:8px 9px 0}.spoiler-chip{color:#a3a3a3;min-height:28px;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:500;transition:color .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.spoiler-chip:hover{color:#d4d4d4;background:#ffffff1a}.spoiler-chip[aria-pressed=true]{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b66;box-shadow:0 1px 3px #00000029}.spoiler-chip svg{flex:none;width:14px;height:14px}.writer-error{color:#e59696;margin:7px 0 0;font-size:10px}.writer-buttons{gap:8px;display:flex;position:relative}.writer-buttons>button{font-size:14px;font-weight:500}.writer-buttons button svg{width:17px;height:17px}.quick-review-toolbar .animated-share{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.quick-review-toolbar .animated-share-main,.quick-review-toolbar .animated-share-main:hover:not(:disabled){color:#667781;background:0 0}.quick-review-toolbar .animated-share-main:disabled,.quick-review-toolbar .animated-share-main:disabled:hover{color:#a3a3a3;box-shadow:none;cursor:not-allowed;opacity:.65;background:0 0;transform:none}.quick-review-toolbar .animated-share.is-open{box-shadow:none;background:0 0;border-color:#0000}.quick-review-toolbar .animated-share-action button{color:#52616a}.quick-review-toolbar .animated-share-action button:hover,.quick-review-toolbar .animated-share-action button:focus-visible{color:#182128;background:#f2f1ed}.quick-review-toolbar .animated-share-option--x:hover,.quick-review-toolbar .animated-share-option--x:hover *,.quick-review-toolbar .animated-share-option--x:focus-visible,.quick-review-toolbar .animated-share-option--x:focus-visible *{color:#182128!important}.quick-review-toolbar .animated-share-divider{background:#dedbd4}.quick-review-toolbar .animated-share:has(.animated-share-main:disabled){cursor:not-allowed}.recent{width:min(1200px,100% - 40px);margin:auto;padding-top:28px}.recent.friends-recent{padding-top:64px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:29px;font-weight:500}.section-heading>span{color:#72828a;padding-bottom:5px;font-size:11px}.section-heading>button{color:#7f9099;cursor:pointer;background:0 0;border:0;padding:0 0 5px;font-size:11px}.section-heading>button:hover{color:#40bcf4}.sync-status{color:#71818a;margin:7px 0 0;font-size:10px}.sync-status.synced{color:var(--muted)}.cards{grid-template-columns:repeat(4,minmax(180px,220px)) minmax(190px,1fr);justify-content:start;gap:42px 24px;display:grid}article{background:#192228;border:1px solid #303c43;border-radius:9px;grid-template-columns:170px 1fr;min-height:270px;transition:all .2s;display:grid;position:relative;overflow:hidden}article:hover{border-color:#48565e;transform:translateY(-3px)}.review-card-open{z-index:3;aspect-ratio:2/3;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:1px;width:100%;padding:0;position:absolute;top:0;left:0}.review-card-open:focus-visible{outline:2px solid var(--letterboxd-green);outline-offset:4px}.film-poster{transform-origin:50%;will-change:transform;background:#11181c;transition:transform .16s ease-out,box-shadow .2s ease-out;box-shadow:0 16px 34px #00000085,0 2px 16px #91a5b029}.film-poster--thumbnail{box-shadow:0 5px 12px #00000061}.poster{aspect-ratio:2/3;object-fit:contain;background:#11181c;align-self:center;width:100%}.card-body{min-width:0;padding:22px 18px;position:relative}.cards article,.filmography-list article{min-height:0;color:var(--page-text);box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:visible}.cards article:before,.cards article:after,.filmography-list article:before,.filmography-list article:after{display:none}.cards article:hover,.filmography-list article:hover{background:0 0;border:0;transform:none}.cards .poster,.filmography-list .poster{z-index:1;aspect-ratio:2/3;object-fit:cover;border:0;border-radius:1px;width:100%;height:auto;margin:0;display:block;position:relative;box-shadow:0 20px 42px 6px #000000b8,0 3px 24px 2px #91a5b03d}.cards .card-body,.filmography-list .card-body{z-index:4;width:100%;min-height:0;margin:0;padding:20px 8px 4px}.cards .card-body{pointer-events:none;grid-template-columns:auto minmax(0,1fr) 30px;align-items:center;column-gap:10px;display:grid}.cards .card-body>h3,.filmography-list .card-body>h3{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.25;overflow:hidden}.share{color:#84949c;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;height:32px;padding:0 8px;display:flex;position:absolute;top:13px;right:11px}.share:hover{color:#40bcf4;background:#26333a}.share svg{width:17px}.share span{font-size:9px;display:none}.share:hover span{display:inline}.animated-share{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;transform-origin:100%;background:#0a0a0ab3;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000057}.animated-share.is-open{background:#171717;border-color:#ffffff1a;width:auto;height:36px;padding:0;box-shadow:0 10px 28px #00000047}.animated-share-main{color:#d4d4d4;width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:0 0 36px;place-items:center;margin:0;padding:8px;transition:color .18s,background .18s;display:grid}.animated-share-main:hover:not(:disabled),.animated-share-main:focus-visible{color:#fff;background:#ffffff1a}.animated-share-main:disabled{cursor:not-allowed;opacity:.6}.animated-share-main svg{width:16px;height:16px;color:currentColor!important}.poster-action-stack .animated-share-main,.poster-action-stack .animated-share-main svg{color:#fff!important}.poster-action-stack .animated-share-action button,.poster-action-stack .animated-share-action button *{color:#fffc!important}.animated-share-actions{align-items:center;height:36px;display:flex;overflow:hidden}.animated-share-action{align-items:center;height:100%;display:flex}.animated-share-action button{color:#fffc;cursor:pointer;width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:none;background:0 0;border:0;border-radius:999px;flex:0 0 36px;place-items:center;margin:0;padding:8px;transition:color .15s,background .15s;display:grid}.animated-share-action button:hover,.animated-share-action button:focus-visible{color:#fff;background:#ffffff1a}.animated-share-main:focus,.animated-share-main:focus-visible,.animated-share-action button:focus,.animated-share-action button:focus-visible{box-shadow:none!important;outline:0!important}.animated-share-action button svg{width:17px;height:17px;color:currentColor!important}.animated-share-option--message:hover,.animated-share-option--message:hover *{color:#34c759!important}.animated-share-option--x:hover,.animated-share-option--x:hover *{color:#fff!important}.animated-share-option--link:hover,.animated-share-option--link:hover *{color:#a3a3a3!important}.animated-share-option--link.is-copied,.animated-share-option--link.is-copied *{color:#34d399!important}.poster-action-stack .animated-share-option--message:hover,.poster-action-stack .animated-share-option--message:hover *{color:#34c759!important}.poster-action-stack .animated-share-option--x:hover,.poster-action-stack .animated-share-option--x:hover *{color:#fff!important}.poster-action-stack .animated-share-option--link:hover,.poster-action-stack .animated-share-option--link:hover *{color:#a3a3a3!important}.poster-action-stack .animated-share-option--link.is-copied,.poster-action-stack .animated-share-option--link.is-copied *{color:#34d399!important}.animated-share-divider{background:#ffffff1a;flex:0 0 1px;width:1px;height:20px;margin:auto 4px}.expand-review{color:#84949c;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:13px;right:48px}.expand-review:hover{color:#40bcf4;background:#26333a}.expand-review svg{width:17px;height:17px}.share-options{z-index:20;background:#11191e;border:1px solid #46545c;border-radius:7px;flex-direction:column;gap:2px;width:132px;padding:5px;display:flex;position:absolute;top:47px;right:11px;box-shadow:0 14px 34px #0000007a}.share-options button{color:#b8c3c8;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:flex-start;align-items:center;gap:9px;width:100%;height:34px;padding:0 9px;font-size:11px;display:flex}.share-options button:hover{color:#fff;background:#26343c}.share-options svg{width:17px;height:17px}article h3{letter-spacing:-.04em;margin:0;font-size:19px}.card-body>.stars{margin-top:9px}.cards .card-body>.stars{grid-area:1/1;margin-top:0}.read-review{width:max-content;min-height:28px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;margin-top:13px;padding:0;font-size:9px;font-weight:700;transition:color .18s;display:inline-flex}.read-review:after{content:"→";margin-left:6px;transition:transform .18s ease-out}.read-review:hover,.read-review:focus-visible{color:var(--letterboxd-green)}.read-review:hover:after,.read-review:focus-visible:after{transform:translate(3px)}.cards .read-review{pointer-events:auto;grid-area:1/2;justify-self:start;margin-top:0}.cards .card-body>blockquote,.cards .card-body>.spoiler-notice{grid-area:2/1/auto/-1}.cards .kumo-review-card,.cards .kumo-review-card:hover{min-height:0;box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:visible;transform:none}.cards .kumo-review-card:has(.animated-share.is-open){z-index:25}.review-poster-wrap{aspect-ratio:2/3;cursor:pointer;background:#0a0a0a;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 34px #0000006b}.poster-action-stack{z-index:10;opacity:0;flex-direction:column;align-items:flex-end;gap:8px;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.review-poster-wrap:hover .poster-action-stack,.review-poster-wrap:focus-within .poster-action-stack{opacity:1}.poster-action-stack:has(.animated-share.is-open){opacity:1}.poster-edit-action{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0a0a0ab3;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:36px;height:36px;padding:8px;transition:color .2s,background .2s;display:grid;box-shadow:0 8px 20px #00000057}.poster-edit-action:hover,.poster-edit-action:focus-visible{background:#262626}.poster-edit-action svg{width:16px;height:16px}.cards .kumo-review-card .poster,.cards .kumo-review-card:hover .poster{object-fit:contain;width:100%;height:100%;box-shadow:none;filter:none;border-radius:0;margin:0;transition:filter .18s;transform:none}.review-poster-wrap:hover,.review-poster-wrap:focus-within{box-shadow:0 16px 34px #0000006b,inset 0 0 0 1px #ffffff3d}.review-poster-wrap:hover .poster,.review-poster-wrap:focus-within .poster{filter:brightness(.84)saturate(.88)}.kumo-review-card .review-card-open{aspect-ratio:auto;border-radius:inherit;cursor:pointer;background:0 0;width:100%;height:100%;padding:0;display:block;inset:0;overflow:hidden}.review-hover-overlay{z-index:5;border-radius:inherit;color:#eef2f4;text-align:left;opacity:0;-webkit-backdrop-filter:blur(3px)saturate(.82);backdrop-filter:blur(3px)saturate(.82);cursor:pointer;pointer-events:none;filter:blur(3px);background:radial-gradient(circle at 18% 31%,#ffffff14,#0000 38%),radial-gradient(circle at 86% 73%,#40bcf412,#0000 43%),linear-gradient(#05080a75,#05080ad1 42%,#05080af5);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;padding:108px 22px 22px;transition:opacity .22s,filter .22s,transform .22s;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(10px);box-shadow:inset 0 0 0 1px #ffffff21}.review-hover-text{color:#f0f3f4;letter-spacing:.008em;text-shadow:0 1px 10px #0000009e;white-space:pre-wrap;-webkit-line-clamp:6;-webkit-box-orient:vertical;font-size:13.5px;font-weight:400;line-height:1.6;display:-webkit-box;overflow:hidden}.review-hover-more{color:#aab4b9;letter-spacing:.025em;text-underline-offset:3px;pointer-events:auto;font-size:10px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .18s,text-decoration-color .18s}.review-hover-overlay.is-spoiler{padding:0;display:block}.review-spoiler-preview{justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.review-spoiler-warning{z-index:1;color:#f0f3f4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;max-width:100%;line-height:1.35;display:flex;position:relative}.review-spoiler-warning svg{color:#dce3e6;stroke-width:1.5px;width:30px;height:30px}.review-spoiler-warning strong{font-size:11px;font-weight:700}.review-spoiler-warning small{color:#b9c3c8;font-size:10px;font-weight:500}.review-poster-wrap:hover .review-hover-overlay,.review-poster-wrap:focus-within .review-hover-overlay{opacity:1;pointer-events:auto;filter:blur();transform:translateY(0)}.review-hover-more:hover,.review-card-open:focus-visible .review-hover-more{color:#fff;text-decoration-color:currentColor}.cards .kumo-review-card .card-body{pointer-events:none;width:100%;min-height:0;margin-top:0;padding:20px 2px 4px;display:block}.review-card-author{min-width:0;color:var(--muted);align-items:center;gap:7px;margin-bottom:10px;font-size:10px;font-weight:600;display:flex}.review-card-author span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cards .kumo-review-card .card-body>h3{color:var(--page-text)}.cards .kumo-review-card .card-body>.meta{margin-bottom:10px}.review-card-footer{justify-content:flex-start;align-items:center;gap:8px;min-height:20px;display:flex}.kumo-review-card .stars{color:#40464d}.kumo-review-card .star-fill{color:var(--letterboxd-green);filter:none}.cards .kumo-review-card .review-card-footer .stars{margin-top:0}.written-review-button{color:#9ca3af;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:0 0;border:0;flex:none;align-items:center;gap:0;width:16px;height:16px;padding:0;font-size:10px;font-weight:700;line-height:16px;transition:width .2s,gap .2s,color .2s;display:inline-flex;overflow:hidden}.written-review-button svg{width:16px;min-width:16px;height:16px}.written-review-button span{opacity:0;white-space:nowrap;transition:opacity .15s}.written-review-button:hover,.written-review-button:focus-visible{width:65px;color:var(--page-text);gap:6px}.written-review-button:hover span,.written-review-button:focus-visible span{opacity:1}.written-review-button:focus-visible{outline:2px solid var(--letterboxd-blue);outline-offset:3px;border-radius:2px}.review-card-like{color:#9ca3af;min-height:20px;font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:999px;align-items:center;gap:3px;padding:1px 4px;font-size:10px;font-weight:600;transition:color .16s,background .16s;display:inline-flex}.review-card-like svg{width:15px;height:15px}.review-card-like:hover:not(:disabled){color:#e11d48;background:#f43f5e14}.review-card-like.is-liked{color:#e11d48}.review-card-like.is-liked svg{fill:#f43f5e;color:#f43f5e}.review-card-like:focus-visible{outline:2px solid var(--letterboxd-blue);outline-offset:2px}.review-card-like:disabled{cursor:wait;opacity:.65}.kumo-review-card .animated-share button:focus-visible{box-shadow:none;background:#ffffff1a;outline:0}.kumo-review-card .review-card-open:focus-visible{outline:0}.review-poster-wrap:has(.review-card-open:focus-visible){box-shadow:0 16px 34px #0000006b,0 0 0 2px #d4d4d4}.see-all-reviews{border:1px solid var(--panel-border);color:#d4d4d4;letter-spacing:.035em;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;place-self:center;align-items:center;gap:12px;min-width:190px;min-height:58px;padding:0 23px;font-size:13px;font-weight:600;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.see-all-reviews svg{width:18px;height:18px;transition:transform .18s}.see-all-reviews:hover,.see-all-reviews:focus-visible{border-color:var(--letterboxd-green);color:#fff;background:#00e0540d}.see-all-reviews:hover svg,.see-all-reviews:focus-visible svg{color:var(--letterboxd-green);transform:translate(3px)}.recent .section-heading{margin-bottom:32px}.meta{color:#788990;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 9px;font-size:10px;overflow:hidden}blockquote{color:#b7c1c6;white-space:pre-wrap;margin:16px 0 0;font-family:DM Sans,sans-serif;font-size:13px;font-style:normal;line-height:1.55}.card-body blockquote{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.spoiler-notice{color:#91a0a8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:126px;margin-top:16px;display:flex}.spoiler-notice svg{color:#d6dee1;stroke-width:1.35px;width:43px;height:43px}.spoiler-notice span{letter-spacing:.02em;font-size:10px;font-weight:600}.friend-avatar{color:#152027;background:#b9c7ce;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:8px;font-weight:700;display:grid;position:relative;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.review-overlay{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#191d1f9e;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.review-dialog{contain:layout paint;color:#172229;--color-kumo-base:#fff;--color-kumo-tint:#e7e5e0;--color-kumo-default:#202932;--color-kumo-strong:#172229;--color-kumo-line:#d5d2ca;--color-kumo-control:#fff;--color-kumo-focus:#172229;background:#fbfaf7;border:1px solid #cbc8bf;border-radius:18px;grid-template-columns:minmax(340px,38%) 1fr;width:min(980px,100%);height:min(560px,100dvh - 64px);min-height:0;display:grid;overflow:hidden;box-shadow:0 30px 90px #080c0e57}.review-dialog.is-spoiler{min-height:0}.review-dialog>img{z-index:2;object-fit:contain;will-change:auto;-webkit-user-drag:none;background:#080a0b;border-right:1px solid #cbc8bf;width:100%;height:100%;transition:none;position:relative;box-shadow:14px 0 36px #262c2f29;transform:none!important}.dialog-poster-placeholder{z-index:2;color:#7f8c93;background:#11181c;border-right:1px solid #cbc8bf;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:relative}.dialog-poster-placeholder svg{width:40px;height:40px}.dialog-poster-placeholder span{font-size:11px}.dialog-body{isolation:isolate;min-width:0;min-height:0;padding:30px 30px 26px;position:relative;overflow:hidden}.dialog-body:has(.edit-review-form){flex-direction:column;display:flex}.edit-review-form{flex-direction:column;flex:1;min-height:0;display:flex}.dialog-body>:not(.dialog-ambient){z-index:1;position:relative}.dialog-ambient{display:none}.dialog-ambient img{object-fit:cover;opacity:.3;filter:blur(42px)saturate(1.2);width:100%;height:100%;position:absolute;transform:scale(1.3)}.dialog-ambient:after{content:"";background:linear-gradient(90deg,#040709db 0%,#06090bbd 48%,#030507e6 100%),linear-gradient(#ffffff0a,#0000 30%);position:absolute;inset:0}.dialog-actions{align-items:center;gap:8px;display:flex;top:18px;right:18px;z-index:4!important;position:absolute!important}.dialog-actions .animated-share{width:32px;height:32px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f2f1ed;border-color:#0000;flex:none}.dialog-actions .animated-share.is-open{width:auto;height:32px;box-shadow:none;background:#f2f1ed;border-color:#0000}.dialog-actions .animated-share-actions{height:32px}.dialog-actions .animated-share-action button{color:#52616a;flex-basis:32px;width:32px;min-width:32px;height:32px;min-height:32px;padding:7px}.review-dialog .dialog-actions .animated-share-action button,.review-dialog .dialog-actions .animated-share-action button svg{color:#667781!important}.dialog-actions .animated-share-action button:hover,.dialog-actions .animated-share-action button:focus-visible{color:#182128;background:#f2f1ed}.dialog-actions .animated-share-option--x:hover,.dialog-actions .animated-share-option--x:hover *,.dialog-actions .animated-share-option--x:focus-visible,.dialog-actions .animated-share-option--x:focus-visible *{color:#182128!important}.review-dialog .dialog-actions .animated-share-option--message:hover,.review-dialog .dialog-actions .animated-share-option--message:hover *,.review-dialog .dialog-actions .animated-share-option--message:focus-visible,.review-dialog .dialog-actions .animated-share-option--message:focus-visible *{color:#16a34a!important}.review-dialog .dialog-actions .animated-share-option--x:hover,.review-dialog .dialog-actions .animated-share-option--x:hover *,.review-dialog .dialog-actions .animated-share-option--x:focus-visible,.review-dialog .dialog-actions .animated-share-option--x:focus-visible *{color:#182128!important}.review-dialog .dialog-actions .animated-share-option--link:hover,.review-dialog .dialog-actions .animated-share-option--link:hover *,.review-dialog .dialog-actions .animated-share-option--link:focus-visible,.review-dialog .dialog-actions .animated-share-option--link:focus-visible *{color:#52616a!important}.review-dialog .dialog-actions .animated-share-option--link.is-copied,.review-dialog .dialog-actions .animated-share-option--link.is-copied *{color:#059669!important}.dialog-actions .animated-share-divider{background:#dedbd4}.dialog-rating-row{align-items:center;gap:12px;min-height:36px;display:flex}.review-like-button{color:#667781;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:12px;font-weight:600;line-height:1;transition:color .16s,background .16s,transform .16s;display:inline-flex}.review-like-button:hover:not(:disabled){color:#e11d48;background:#f43f5e14}.review-like-button.is-liked{color:#e11d48;background:0 0}.review-like-button.is-liked svg{color:#f43f5e;fill:#f43f5e}.review-like-button:disabled{cursor:wait;opacity:.72}.review-like-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.review-like-button svg{stroke-width:2px;flex:none;width:19px;height:19px}.dialog-actions .poster-edit-action{flex:0 0 32px;width:32px;height:32px;padding:7px}.dialog-actions .animated-share-main{background:0 0;flex-basis:32px;width:32px;min-width:32px;height:32px;min-height:32px;padding:7px;color:#667781!important}.review-dialog .dialog-actions .animated-share-main svg,.review-dialog .dialog-delete-action svg{color:#667781!important}.review-dialog .dialog-actions .poster-edit-action svg{color:#172229!important}.review-dialog .dialog-actions .poster-edit-action:hover:not(:disabled) svg{color:#172229!important}.dialog-actions .animated-share-main:hover:not(:disabled){background:#e7e5df;color:#172229!important}.dialog-actions .animated-share-main:hover:not(:disabled) *{color:#172229!important}.dialog-actions .poster-edit-action{color:#172229;width:32px;min-width:32px;height:32px;min-height:32px;box-shadow:none;background:#f2f1ed;border:0;margin:0;padding:7px}.dialog-actions .poster-edit-action:hover{color:#172229;background:#e7e5df}.dialog-actions .animated-share-main:focus-visible{box-shadow:none;background:#e7e5df;outline:0}.dialog-actions .poster-edit-action:focus-visible{outline-offset:2px;outline:2px solid #aeb7bc}.dialog-delete-action{color:#667781;cursor:pointer;width:32px;min-width:32px;height:32px;min-height:32px;box-shadow:none;background:#f2f1ed;border:0;flex:0 0 32px;margin:0;padding:7px}.dialog-delete-action svg{width:16px;height:16px}.dialog-delete-action:hover:not(:disabled){background:#e7e5df;color:#b42318!important}.dialog-delete-action:hover:not(:disabled) *,.review-dialog .dialog-delete-action:hover:not(:disabled) svg{color:#b42318!important}.dialog-delete-action:focus-visible{outline-offset:2px;outline:2px solid #aeb7bc}.dialog-delete-action:disabled{cursor:wait;opacity:.6}.dialog-heading{padding-right:100px}.dialog-body h2{color:#172229;letter-spacing:-.035em;margin:6px 0 8px;font-size:30px;font-weight:700;line-height:1.12}.dialog-body h2 span{color:#8b959a;letter-spacing:-.025em;white-space:nowrap;font-size:1em;font-weight:400}.dialog-meta{color:#a3a3a3;flex-wrap:wrap;align-items:center;gap:5px 10px;margin:0 0 17px;font-size:12px;display:flex}.dialog-meta span{color:#a3a3a3;font-size:14px}.dialog-meta i{color:#8b9296;font-size:13px;font-style:normal}.review-dialog .stars{color:#d1d6d8}.review-dialog .star-fill{color:var(--letterboxd-green);filter:none}.dialog-body blockquote{color:#39464e;white-space:pre-line;margin-top:24px;font-size:17px;line-height:1.72;display:block;overflow:visible}.dialog-review-row{align-items:flex-start;gap:12px;margin-top:20px;display:flex}.dialog-review-row .review-editor-avatar{margin-top:2px}.dialog-review-content{flex:1;min-width:0}.dialog-review-content blockquote{margin-top:0}.review-dialog.is-spoiler .dialog-review-row,.review-dialog.is-spoiler .dialog-review-content{flex:1;min-height:0}.spoiler-author-header strong{font-weight:700}.review-dialog.is-spoiler .dialog-body{flex-direction:column;min-height:0;display:flex}.spoiler-author-header{color:#626c72;align-items:center;gap:8px;margin:8px 0 16px;font-size:12px;font-weight:500;display:flex}.spoiler-author-header img{object-fit:cover;border-radius:50%;flex:0 0 24px;width:24px;height:24px}.dialog-body .dialog-review-text{margin-top:12px}.spoiler-review-preview{min-height:160px;box-shadow:none;background:0 0;border:0;margin-top:12px;position:relative;overflow:hidden}.dialog-body .spoiler-review-preview .dialog-review-text{opacity:.3;filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none;min-height:160px;margin:0;transition:opacity .24s,filter .24s}.spoiler-review-preview.is-revealed{scrollbar-color:#a7adb0 transparent;scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}.dialog-body .spoiler-review-preview.is-revealed .dialog-review-text{opacity:1;filter:blur();pointer-events:auto;-webkit-user-select:text;user-select:text}.spoiler-reveal-controls{text-align:center;opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;transition:opacity .18s,visibility;display:flex;position:absolute;inset:0}.spoiler-reveal-controls>div{color:#737373;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.spoiler-reveal-controls>div svg{color:#a3a3a3;width:16px;height:16px}.spoiler-reveal-controls button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:999px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .16s,transform .16s;box-shadow:0 1px 3px #0000001f}.spoiler-reveal-controls button:hover{background:#262626}.spoiler-reveal-controls button:active{transform:scale(.95)}.spoiler-review-preview.is-revealed .spoiler-reveal-controls{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,visibility 0s .18s}.edit-review-editor-shell{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;margin-top:0;position:relative;overflow:visible}.edit-review-editor-shell:focus-within{box-shadow:none;border:0}.review-editor-input-row{align-items:flex-start;gap:12px;width:100%;min-width:0;display:flex}.review-editor-input-row .review-editor{resize:none;flex:1;width:100%;min-width:0;min-height:144px;max-height:280px}.edit-review-editor-shell .review-editor-input-row{padding:0;position:absolute;inset:0 0 46px;overflow:hidden}.review-editor-avatar{object-fit:cover;border-radius:50%;flex:0 0 32px;width:32px;height:32px;margin-top:2px}.edit-review-form .review-editor{overflow-wrap:anywhere;color:#39464e;resize:none;scrollbar-color:#a7adb0 transparent;scrollbar-width:thin;white-space:pre-wrap;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;min-height:0;max-height:none;margin:0;padding:0 0 20px;scroll-padding-bottom:20px;font-family:inherit;font-size:17px;line-height:1.72;overflow-y:auto;height:100%!important}.edit-review-form .review-editor::placeholder{color:#8a8a8a}.edit-review-editor-shell .review-editor-toolbar{z-index:2;background:#fbfaf7;border-top:1px solid #d5d2ca;gap:14px;width:auto;min-height:72px;padding:16px 30px;font-family:DM Sans,sans-serif;position:absolute;bottom:-26px;left:-30px;right:-30px}.edit-review-editor-shell .review-format-menu-wrap{margin:0}.edit-review-editor-shell .review-toolbar-divider,.edit-review-editor-shell .spoiler-switch{margin-top:0}.edit-review-editor-shell .review-toolbar-divider{background:#d5d2ca}.edit-actions{justify-content:flex-end;align-items:center;gap:8px;margin:0 0 0 auto;display:flex}.edit-actions .edit-action-button,.comment-form-actions .edit-action-button{height:36px;min-height:36px;box-shadow:none;border-radius:10px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;line-height:1;transition:color .16s,border-color .16s,background .16s,opacity .16s}.edit-actions .edit-action-button span,.comment-form-actions .edit-action-button span{font-weight:500!important}.edit-actions .edit-action-cancel{background:0 0;border:1px solid #0000;color:#202124!important}.edit-actions .edit-action-cancel span{color:#202124!important}.edit-actions .edit-action-cancel:hover:not(:disabled){background:#e8e8e8;border-color:#dedede;color:#111!important}.edit-actions .edit-action-cancel:hover:not(:disabled) span{color:#111!important}.edit-actions .edit-action-button:focus-visible,.comment-form-actions .edit-action-button:focus-visible{outline-offset:2px;outline:2px solid #ffffffd1}.tab-page{width:min(1200px,100% - 40px);min-height:calc(100vh - 76px);margin:auto;padding:78px 0 100px}.tab-heading{max-width:650px;margin-bottom:43px}.tab-heading>p{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 11px;font-size:10px;font-weight:700}.tab-heading h1{letter-spacing:-.055em;margin:0;font-size:48px;font-weight:500}.tab-heading>span{color:var(--letterboxd-grey);margin-top:12px;font-size:14px;line-height:1.5;display:block}.filmography-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px;display:flex}.filmography-heading .tab-heading{margin-bottom:0}.review-add-page{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.review-add-breadcrumb{justify-content:center;width:100%;margin:0 auto 20px;display:flex}.review-add-breadcrumb>nav{flex-grow:0;justify-content:center;width:max-content;margin-inline:auto}.review-add-intro{text-align:center;width:min(1120px,100%);margin:auto;padding:42px 0 70px}.review-add-intro h1{letter-spacing:-.065em;white-space:nowrap;margin:0;font-size:clamp(44px,5vw,68px);font-weight:500;line-height:1}.review-add-button,.review-controls{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.review-add-button,.review-controls input,.review-empty-state button{font-size:14px}.review-controls{align-items:flex-end;gap:12px;margin:0 0 43px;display:flex}.review-search{flex:1;min-width:0}.review-search svg{width:16px;height:16px}.review-control-filters{flex:none;align-items:flex-end;gap:12px;width:auto;margin-left:0;display:flex}.w-\[200px\]{width:200px;min-width:200px;max-width:200px}.filmography-list{display:grid}.filmography-list blockquote{-webkit-line-clamp:4;white-space:pre-line}.review-pagination-wrap{justify-content:flex-end;margin-top:48px;display:flex}.review-pagination{width:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.review-empty-state,.watchlist-page{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.watchlist-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px;display:flex}.watchlist-heading .tab-heading{margin-bottom:0}.watchlist-controls{align-items:flex-end;gap:12px;margin-bottom:43px;display:flex}.watchlist-search{flex:1;min-width:0}.watchlist-search svg{width:16px;height:16px}.watchlist-filters{flex:none;gap:12px;display:flex}.watchlist-grid{display:grid}.cards .watchlist-card,.cards .watchlist-card:hover{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:visible;transform:none}.watchlist-card .review-poster-wrap{cursor:default}.cards .watchlist-card .poster,.cards .watchlist-card:hover .poster{object-fit:contain;width:100%;height:100%;box-shadow:none;border-radius:0;margin:0;transform:none}.watchlist-poster-placeholder{aspect-ratio:2/3;background:var(--panel-deep);width:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.watchlist-poster-placeholder svg{width:28px;height:28px}.watchlist-poster-placeholder small{font-size:10px}.cards .watchlist-card .card-body{width:100%;min-height:0;margin-top:0;padding:20px 2px 4px;display:block}.cards .watchlist-card .card-body>h3{color:var(--page-text)}.cards .watchlist-card .card-body>.meta{margin-bottom:10px}.watchlist-remove-button{color:#667781;cursor:pointer;width:32px;min-width:32px;height:32px;min-height:32px;box-shadow:none;background:#f2f1ed;border:0;flex:0 0 32px;margin:0;padding:7px}.watchlist-remove-button svg{width:16px;height:16px}.watchlist-remove-button svg,.watchlist-card .watchlist-remove-button svg{color:#667781!important}.watchlist-remove-button:hover:not(:disabled){background:#e7e5df;color:#b42318!important}.watchlist-remove-button:hover:not(:disabled) *,.watchlist-card .watchlist-remove-button:hover:not(:disabled) svg{color:#b42318!important}.watchlist-remove-button:focus-visible{outline-offset:2px;outline:2px solid #fff9}.watchlist-remove-button:disabled{cursor:wait;opacity:.45}.watchlist-card .poster-action-stack{opacity:1}.watchlist-card .watchlist-remove-button{color:#667781;background:#f2f1ed;border:0}.watchlist-card .watchlist-remove-button:hover:not(:disabled){color:#b42318;background:#e7e5df}.watchlist-pagination{justify-content:flex-end;margin-top:48px;display:flex}.watchlist-pagination>div{width:100%}.watchlist-loading{min-height:260px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.watchlist-empty{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.watchlist-error{color:#ef9b9b;margin:0 0 20px;font-size:12px}.add-page-search{width:min(760px,100%);margin:38px auto 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.watchlist-search-results{border:1px solid var(--panel-border);background:var(--color-kumo-base);scrollbar-color:#596871 transparent;scrollbar-width:thin;border-radius:12px;max-height:min(480px,100dvh - 310px);margin-top:10px;padding:7px;overflow-y:auto}.watchlist-search-results>button{width:100%;min-height:70px;color:var(--page-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:7px;display:flex}.watchlist-search-results>button:hover:not(:disabled),.watchlist-search-results>button:focus-visible{background:var(--color-kumo-tint)}.watchlist-search-results>button:focus-visible{outline:2px solid var(--letterboxd-blue);outline-offset:-2px}.watchlist-search-results>button:disabled{cursor:default;opacity:.62}.watchlist-result-poster{background:var(--panel-deep);border-radius:5px;flex:0 0 40px;width:40px;height:58px;display:block;overflow:hidden}.watchlist-result-poster>img,.watchlist-result-poster>.watchlist-poster-placeholder{aspect-ratio:auto;object-fit:cover;width:100%;height:100%}.watchlist-result-poster .watchlist-poster-placeholder small{display:none}.watchlist-search-results>button>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.watchlist-search-results b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.watchlist-search-results small{color:var(--muted);margin-top:4px;font-size:10px}.watchlist-result-action{min-width:64px;color:var(--letterboxd-blue);justify-content:flex-end;align-items:center;gap:5px;font-size:11px;font-weight:650;display:flex}.watchlist-result-action svg{width:14px;height:14px}.watchlist-search-results>button:hover:not(:disabled) .result-arrow,.watchlist-search-results>button:focus-visible .result-arrow{opacity:1;transform:translate(0)}.watchlist-search-state{min-height:82px;color:var(--muted);justify-content:center;align-items:center;gap:9px;margin:0;font-size:12px;display:flex}.watchlist-search-error{color:#c96363;text-align:center;min-height:82px;margin:0;padding:30px 12px;font-size:12px}.friends-page{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.friends-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;display:flex}.friends-heading .tab-heading{margin-bottom:0}.friends-action-button{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;color:#fff!important}.friends-action-button span{color:inherit}[data-theme=light] .friends-action-button{color:#182128!important}.friends-tabs{width:max-content;margin:0 0 34px}.friends-tabs [role=tab]{font-size:14px;font-weight:400}.friends-followers,.friends-following,.friends-reviews{margin-top:0}.friends-people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.friends-person-card{border:1px solid var(--panel-border);background:var(--panel);min-width:0;min-height:0;box-shadow:none;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex;overflow:visible;transform:none}.friends-person-card:hover{border-color:var(--panel-border);background:var(--panel);transform:none}.friends-person-card>span:nth-child(2),.friends-find-row>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.friends-person-card b,.friends-person-card small,.friends-find-row b,.friends-find-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-person-card b,.friends-find-row b{font-size:13px;font-weight:650}.friends-person-card small,.friends-find-row small{color:var(--muted);margin-top:3px;font-size:10px}.friends-avatar{border:1px solid var(--panel-border);color:#d7dee1;background:#2b3940;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:10px;font-weight:700;display:grid;position:relative;overflow:hidden}.friends-avatar img{object-fit:cover;width:100%;height:100%;position:absolute}.friends-controls{align-items:flex-end;gap:12px;margin-bottom:32px;display:flex}.friends-feed-search{flex:1;min-width:0}.friends-feed-search svg{width:16px;height:16px}.friends-filters{flex:none;gap:12px;display:flex}.friends-review-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 18px;display:grid}.friends-review-card{min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible;transform:none}.friends-review-card:hover{background:0 0;border:0;transform:none}.friends-review-open{width:100%;color:var(--page-text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.friends-review-open:focus-visible{outline:2px solid var(--letterboxd-blue);outline-offset:5px;border-radius:4px}.friends-review-poster{border:1px solid var(--panel-border);background:var(--panel-deep);border-radius:4px;width:100%;display:block;overflow:hidden;box-shadow:0 18px 38px #00000057}.friends-review-poster>img,.friends-poster-placeholder{aspect-ratio:2/3;object-fit:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:transform .2s;display:flex}.friends-review-card:hover .friends-review-poster>img{transform:scale(1.018)}.friends-poster-placeholder{color:var(--muted);gap:8px}.friends-poster-placeholder svg{width:30px;height:30px}.friends-poster-placeholder small{font-size:10px}.friends-review-copy{flex-direction:column;width:100%;padding:14px 3px 0;display:flex}.friends-review-author{align-items:center;gap:8px;min-width:0;display:flex}.friends-review-author .friends-avatar{flex-basis:30px;width:30px;height:30px;font-size:8px}.friends-review-author>span{flex-direction:column;min-width:0;display:flex}.friends-review-author b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.friends-review-author small{color:var(--muted);margin-top:2px;font-size:9px}.friends-review-title{align-items:baseline;gap:7px;min-width:0;margin-top:12px;display:flex}.friends-review-title b{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.friends-review-title small{color:var(--muted);font-size:10px}.friends-rating{color:#567;gap:1px;width:max-content;margin-top:8px;display:flex}.friends-rating>span{width:15px;height:15px;display:block;position:relative}.friends-rating svg{width:15px;height:15px;display:block}.friends-rating i{height:100%;color:var(--letterboxd-green);font-style:normal;display:block;position:absolute;top:0;left:0;overflow:hidden}.friends-excerpt,.friends-spoiler{min-height:48px;color:var(--letterboxd-grey);white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-family:DM Sans,sans-serif;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.friends-excerpt.muted{color:var(--muted);font-style:italic}.friends-spoiler{color:#c7a66c;align-content:center}.friends-open-label{color:var(--letterboxd-blue);align-items:center;gap:5px;margin-top:10px;font-size:10px;font-weight:650;display:flex}.friends-open-label svg{width:13px;height:13px}.friends-pagination{justify-content:flex-end;margin-top:48px;display:flex}.friends-pagination>div{width:100%}.friends-loading{min-height:100px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.friends-empty{min-height:277px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.friends-error{color:#ef9b9b;margin:0 0 18px;font-size:12px}.friends-find{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.friends-find-results{border:1px solid var(--panel-border);background:var(--color-kumo-base);scrollbar-color:#596871 transparent;scrollbar-width:thin;border-radius:12px;max-height:min(460px,100dvh - 310px);margin-top:10px;padding:7px;overflow-y:auto}.friends-find-row{border-radius:8px;align-items:center;gap:12px;min-height:68px;padding:8px;display:flex}.friends-find-row:hover{background:var(--color-kumo-tint)}.friends-find-state{min-height:82px;color:var(--muted);text-align:center;margin:0;padding:32px 10px;font-size:12px}.trending-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.trending-film{min-width:0}.trend-poster{background:#202a30;border:1px solid #3b474e;border-radius:8px;position:relative;overflow:hidden}.trend-poster>span{z-index:2;color:#fff;background:#14181cd4;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-weight:700;display:grid;position:absolute;top:9px;left:9px}.trend-poster img{aspect-ratio:2/3;object-fit:cover;width:100%;transition:transform .3s;display:block}.trending-film:hover .trend-poster img{transform:scale(1.025)}.trending-film h2{text-overflow:ellipsis;white-space:nowrap;margin:12px 0 3px;font-size:15px;overflow:hidden}.trending-film>p{color:#7f9099;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.trend-rating{color:var(--letterboxd-green);align-items:center;gap:4px;margin-top:8px;display:flex}.trend-rating svg{width:14px;height:14px}.trend-rating b{color:#d9dfe2;font-size:10px}.trend-rating span{color:#70818a;margin-left:auto;font-size:8px}.trending-heading{margin-bottom:49px}.ranking-groups{flex-direction:column;gap:72px;display:flex}.ranking-group h2{color:#d9dfe2;letter-spacing:.015em;margin:0 0 20px;font-size:13px;font-weight:700}.ranking-row{scrollbar-width:thin;scrollbar-color:#44535c transparent;gap:10px;padding:4px 0 14px;display:flex;overflow-x:auto}.ranked-film{flex:0 0 190px;min-width:0}.rank-visual{height:165px;position:relative}.rank-visual>span{color:#0000;letter-spacing:-.12em;-webkit-text-stroke:1.5px #4d5b64;font-size:160px;font-weight:700;line-height:.9;position:absolute;bottom:-8px;left:0}.rank-visual img{z-index:1;object-fit:cover;border:1px solid #46545c;border-radius:5px;width:110px;height:165px;transition:transform .2s,border-color .2s;position:absolute;bottom:0;right:0;box-shadow:-10px 0 24px #0a0e1161}.ranked-film:hover .rank-visual img{border-color:var(--letterboxd-blue);transform:translateY(-4px)}.rank-copy{flex-direction:column;min-width:0;margin:11px 0 0 78px;display:flex}.rank-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rank-copy small{color:#71818a;margin-top:2px;font-size:9px}.list-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.film-list{background:#192228;border:1px solid #344149;border-radius:10px;transition:all .2s;overflow:hidden}.film-list:hover{border-color:#4c5a62;transform:translateY(-3px)}.list-posters{background:#11181c;grid-template-columns:repeat(3,1fr);gap:3px;height:240px;display:grid;overflow:hidden}.list-posters img{object-fit:cover;width:100%;height:100%;box-shadow:0 14px 26px #00000085}.film-list:hover .list-posters img:first-child{transform:translateY(-3px)rotate(-.6deg)scale(1.02)}.film-list:hover .list-posters img:nth-child(2){transform:translateY(-5px)scale(1.025)}.film-list:hover .list-posters img:nth-child(3){transform:translateY(-3px)rotate(.6deg)scale(1.02)}.list-copy{padding:21px 22px 23px}.list-copy>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.list-copy h2{letter-spacing:-.04em;margin:8px 0 7px;font-size:22px}.list-copy p{color:#a6b2b8;margin:0;font-size:12px;line-height:1.5}.list-copy small{color:#70818a;margin-top:17px;font-size:9px;display:block}.friend-feed{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feed-item{background:#192228;border:1px solid #344149;border-radius:9px;grid-template-columns:112px 38px 1fr auto;align-items:start;gap:14px;min-height:178px;padding:12px 14px 12px 12px;display:grid;position:relative}.feed-item>img{object-fit:cover;border-radius:4px;width:112px;height:168px}.feed-item>.friend-avatar{width:36px;height:36px;margin-top:3px;font-size:9px}.feed-copy{flex-direction:column;min-width:0;padding-top:3px;display:flex}.feed-copy small{color:#7c8c94;font-size:9px}.feed-copy b{letter-spacing:-.03em;margin-top:8px;font-size:18px}.feed-copy em{color:#aeb9be;white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:9px;font-family:DM Sans,sans-serif;font-size:12px;font-style:normal;line-height:1.5;display:-webkit-box;overflow:hidden}.feed-copy .stars{margin-top:12px}.feed-item>button{color:#83939b;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:31px;height:31px;padding:0;display:grid}.feed-item>button:hover{color:var(--letterboxd-blue);background:#26333a}.feed-item>button svg{width:17px}.journal-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.journal-story{background:#192228;border:1px solid #344149;border-radius:10px;grid-template-columns:185px 1fr;min-height:260px;display:grid;overflow:hidden}.journal-story.featured{grid-column:1/-1;grid-template-columns:42% 1fr;min-height:360px}.journal-story>img{object-fit:cover;object-position:center 24%;width:100%;height:100%}.journal-story>div{flex-direction:column;justify-content:center;align-items:flex-start;padding:26px;display:flex}.journal-story span{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:700}.journal-story h2{letter-spacing:-.04em;margin:10px 0;font-size:23px;line-height:1.12}.journal-story.featured h2{max-width:510px;font-size:36px}.journal-story p{color:#9dabb2;margin:0;font-size:12px;line-height:1.6}.journal-story button{color:#d8dfe2;cursor:pointer;background:0 0;border:0;margin-top:23px;padding:0;font-size:11px;font-weight:700}.journal-story button:hover{color:var(--letterboxd-blue)}.people-panel,.following-panel,.friends-activity{margin-top:24px}.people-panel,.following-panel{border:1px solid var(--panel-border);background:var(--panel);border-radius:10px;padding:24px}.people-panel h2,.following-panel h2,.friends-activity h2{letter-spacing:-.03em;margin:0 0 17px;font-size:20px}.following-panel h2 span{color:var(--muted);font-size:12px;font-weight:500}.people-search{border:1px solid var(--panel-border);height:48px;color:var(--muted);background:var(--panel-deep);border-radius:7px;align-items:center;gap:11px;padding:0 14px;display:flex}.people-search:focus-within{border-color:var(--letterboxd-blue);box-shadow:0 0 0 3px #40bcf41f}.people-search svg{width:18px}.people-search input{min-width:0;color:var(--page-text);background:0 0;border:0;outline:0;flex:1}.people-results,.following-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.person-row{border:1px solid var(--panel-border);background:var(--panel-deep);border-radius:7px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.person-row>.friend-avatar{flex:0 0 38px;width:38px;height:38px;font-size:9px}.person-row>span:not(.friend-avatar){flex-direction:column;flex:1;min-width:0;display:flex}.person-row b,.person-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-row b{font-size:12px}.person-row small{color:var(--muted);margin-top:2px;font-size:9px}.person-row button{border:1px solid var(--panel-border);min-height:32px;color:var(--page-text);background:var(--panel);cursor:pointer;border-radius:5px;padding:0 11px;font-size:10px;font-weight:700}.person-row button:hover:not(:disabled){border-color:var(--letterboxd-blue);color:var(--letterboxd-blue)}.person-row button:disabled{opacity:.55;cursor:wait}.state-copy,.empty-state{color:var(--muted);margin:15px 0 0;font-size:12px}.state-copy.error{color:#db6363}.settings-dialog{overscroll-behavior:contain;border:1px solid var(--color-kumo-line);width:min(680px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--color-kumo-default);background:var(--color-kumo-control);box-shadow:none;border-radius:16px;padding:24px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:fixed;overflow:hidden auto}.dialog-close{border:1px solid var(--color-kumo-line);width:34px;height:34px;color:var(--color-kumo-subtle);background:var(--color-kumo-base);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .16s,background .16s,box-shadow .16s;display:grid;position:absolute;top:18px;right:18px}.dialog-close:hover{color:var(--color-kumo-default);background:var(--color-kumo-tint)}.dialog-close:focus-visible{outline:2px solid var(--color-kumo-brand);outline-offset:2px}.dialog-close svg{width:17px;height:17px}.settings-header{padding:0 52px 20px 0;display:block}.settings-dialog h2{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.settings-avatar-section{border-bottom:1px solid var(--color-kumo-line);margin-top:0;padding:20px 0 24px}.settings-identity{align-items:center;gap:14px;display:flex}.settings-identity>.friend-avatar,.settings-identity>.settings-avatar{flex:0 0 56px;width:56px;height:56px}.settings-identity>span:not(.settings-avatar):not(.friend-avatar){flex-direction:column;min-width:0;display:flex}.settings-identity>span b,.settings-identity>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-identity b{font-size:15px;font-weight:650}.settings-identity small{color:var(--color-kumo-subtle);margin-top:4px;font-size:12px}.avatar-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.avatar-picker{border:1px solid var(--color-kumo-line);min-height:36px;color:var(--color-kumo-default);background:var(--color-kumo-base);cursor:pointer;border-radius:8px;align-items:center;padding:0 12px;font-size:14px;font-weight:500;transition:background .16s,box-shadow .16s;display:inline-flex}.avatar-picker:hover{background:var(--color-kumo-tint)}.avatar-picker:focus-within{outline:2px solid var(--color-kumo-brand);outline-offset:2px}.avatar-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.avatar-actions .avatar-remove{height:36px;color:var(--color-kumo-danger);background:0 0;border-radius:6px;padding:0 12px;font-size:14px;font-weight:500}.avatar-actions .avatar-remove:hover:not(:disabled){color:var(--color-kumo-danger);background:color-mix(in srgb, var(--color-kumo-danger) 8%, transparent)}.avatar-actions button:disabled{opacity:.55;cursor:wait}.avatar-picker:has(input:disabled){opacity:.55;cursor:wait}.settings-avatar-section>.state-copy{margin-left:70px}.profile-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;min-width:0;margin-top:0;padding-top:24px;display:grid}.profile-form>*{min-width:0}.profile-form>div,.profile-form input{width:100%;min-width:0}.profile-form>.state-copy,.profile-form-actions{grid-column:1/-1}.profile-form>.state-copy{margin:0}.profile-form-actions{border-top:1px solid var(--color-kumo-line);justify-content:flex-end;gap:8px;margin-top:4px;padding-top:20px;display:flex}.profile-form-actions .profile-action-button{cursor:pointer;border-radius:8px;width:auto;height:40px;min-height:40px;padding:0 16px;font-size:14px;font-weight:500}.profile-form-actions button:disabled{cursor:wait;opacity:.6}.settings-dialog fieldset{border:1px solid var(--panel-border);border-radius:8px;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0 0;padding:16px;display:grid}.settings-dialog legend{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 6px;font-size:10px;font-weight:700}.settings-dialog fieldset label{border:1px solid var(--panel-border);background:var(--panel-deep);cursor:pointer;border-radius:6px;align-items:center;gap:9px;min-height:46px;padding:0 12px;font-size:12px;display:flex}.settings-dialog fieldset:disabled{opacity:.65}.settings-dialog input{accent-color:var(--letterboxd-green)}.export-import{border-top:1px solid var(--panel-border);margin-top:26px;padding-top:24px}.import-heading{justify-content:space-between;align-items:center;display:flex}.import-heading h3{letter-spacing:-.03em;margin:2px 0 0;font-size:21px}.import-heading a,.library-entry a{color:var(--letterboxd-blue);font-size:10px;font-weight:700}.import-help,.budget-notice{color:var(--muted);font-size:10px;line-height:1.55}.zip-picker{border:1px dashed var(--panel-border);background:var(--panel-deep);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:50px;margin-top:15px;padding:9px 12px;font-size:11px;display:flex}.zip-picker input{min-width:0;max-width:240px;font-size:10px}.import-preview,.import-summary{background:var(--panel-deep);border-radius:7px;margin-top:14px;padding:13px}.import-preview p,.import-summary p{margin:0;font-size:11px}.import-preview small,.import-summary small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.import-preview ul,.import-summary ul{grid-template-columns:1fr 1fr;gap:5px 18px;margin:12px 0 0;padding:0;list-style:none;display:grid}.import-preview li,.import-summary li{color:var(--muted);text-transform:capitalize;justify-content:space-between;font-size:9px;display:flex}.import-action,.library-more{color:#09150f;background:var(--letterboxd-green);cursor:pointer;border:0;border-radius:5px;min-height:39px;margin-top:13px;padding:0 15px;font-size:10px;font-weight:700}.cleanup-action{color:var(--letterboxd-blue);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:10px;font-weight:700}.cancel-import{color:#db6363;cursor:pointer;background:0 0;border:0;margin:12px 0 0 12px;padding:0;font-size:10px;font-weight:700}.import-action:disabled{opacity:.6;cursor:wait}.export-import progress{width:100%;height:6px;accent-color:var(--letterboxd-green);margin-top:13px}.budget-notice{margin:15px 0 0}.library-filters{gap:7px;margin-bottom:25px;padding-bottom:5px;display:flex;overflow-x:auto}.library-page>.export-import{border:1px solid var(--panel-border);background:var(--panel);border-radius:10px;margin:0 0 36px;padding:22px}.home-empty{min-height:260px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.home-empty-actions{justify-content:center;gap:9px;display:flex}.home-trending{width:min(1200px,100% - 40px);margin:auto;padding-top:28px}.home-trending .section-heading{margin-bottom:32px}.home-trending-row{grid-template-columns:repeat(5,minmax(180px,220px));justify-content:start;gap:42px 24px;display:grid}.home-trending-row>button{min-width:0;color:var(--page-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.home-trending-row>button>img,.home-trending-placeholder{aspect-ratio:2/3;object-fit:cover;background:var(--panel-deep);border-radius:12px;justify-content:center;align-items:center;width:100%;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 16px 34px #0000006b}.home-trending-row>button:hover>img,.home-trending-row>button:hover>.home-trending-placeholder{transform:translateY(-3px);box-shadow:0 16px 32px #0000006b}.home-trending-row>button:focus-visible{outline:2px solid var(--letterboxd-blue);outline-offset:4px;border-radius:8px}.home-trending-row>button>span:last-child{flex-direction:column;min-width:0;margin-top:10px;display:flex}.home-trending-row b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.home-trending-row small{color:var(--muted);margin-top:3px;font-size:9px}.reviewer-avatar{color:#d7dee1;background:#2b3940;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:8px;font-weight:700;display:grid;overflow:hidden}.reviewer-avatar img{object-fit:cover;width:100%;height:100%}[data-theme=dark] .writer-body>.quick-review-toolbar{background:#172128;border-color:#344149}[data-theme=dark] .quick-review-toolbar label,[data-theme=dark] .quick-review-toolbar .text-kumo-default{color:#dfe6e9!important}[data-theme=dark] .quick-review-toolbar .spoiler-switch{background:#2a363d!important;box-shadow:0 0 0 1px #46545c!important}[data-theme=dark] .quick-review-toolbar .spoiler-switch>div{background:#dce3e6!important}[data-theme=dark] .quick-review-toolbar .spoiler-switch[aria-checked=true]{background:#2563eb!important;box-shadow:0 0 0 1px #3b82f6!important}[data-theme=dark] .quick-review-toolbar .animated-share-main,[data-theme=dark] .quick-review-toolbar .animated-share-main:hover:not(:disabled),[data-theme=dark] .quick-review-toolbar .animated-share-action button{color:#aebac0}[data-theme=dark] .quick-review-toolbar .animated-share-action button:hover,[data-theme=dark] .quick-review-toolbar .animated-share-action button:focus-visible{color:#fff;background:#2b3940}[data-theme=dark] .quick-review-toolbar .animated-share-divider{background:#3a4850}.library-filters button{border:1px solid var(--panel-border);color:var(--muted);background:var(--panel);text-transform:capitalize;cursor:pointer;border-radius:99px;padding:8px 12px;font-size:10px}.library-filters button.active{border-color:var(--letterboxd-green);color:var(--page-text)}.library-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.library-entry{overflow-wrap:anywhere;min-height:190px;padding:20px;display:block}.library-entry h2{letter-spacing:-.035em;margin:8px 0;font-size:19px}.library-entry h2 span,.library-entry time,.library-tags{color:var(--muted);font-size:10px;font-weight:400}.library-entry blockquote{-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:13px 0;display:-webkit-box;overflow:hidden}.library-rating{color:var(--muted);margin:8px 0;font-size:11px;font-weight:700}[data-theme=light] .page{background:radial-gradient(circle at 50% 13%,#e5edf0 0,#efeee9 29%,#f4f1eb 58%)}[data-theme=light] .search-modal-card{background:#faf9f5db;border-color:#1821281f;box-shadow:0 36px 110px #3d464a4d,inset 0 1px #ffffffbf}[data-theme=light] .search-modal-close{color:#5f6d75;background:#1821280d;border-color:#1821281a}[data-theme=light] .search-modal-close:hover,[data-theme=light] .search-modal-close:focus-visible{color:#182128;background:#18212817}[data-theme=light] header{background:linear-gradient(#f8f6f1fa,#eceae4fa);border-color:#d5d1c8;box-shadow:12px 0 40px #3d464a14}[data-theme=light] header:after{background:#f8f6f1;border-color:#d5d1c8}[data-theme=light] header nav{color:#5c6870}[data-theme=light] header nav button:hover,[data-theme=light] header nav button.active{color:#182128}[data-theme=light] header nav button:hover{background:#1821280d}[data-theme=light] header nav button.active{box-shadow:none;background:#18212812;border-color:#0000}[data-theme=light] .account{color:#44525b}[data-theme=light] .account:hover,[data-theme=light] .account:focus-visible,[data-theme=light] .account[data-popup-open]{background:#18212812}[data-theme=light] .review-box,[data-theme=light] article,[data-theme=light] .film-list,[data-theme=light] .feed-item,[data-theme=light] .journal-story{border-color:var(--panel-border);color:var(--page-text);background:var(--panel);box-shadow:0 22px 55px #3d464a21}[data-theme=light] .cards article,[data-theme=light] .filmography-list article,[data-theme=light] .cards article:hover,[data-theme=light] .filmography-list article:hover{color:var(--page-text);box-shadow:none;background:0 0}[data-theme=light] .cards blockquote,[data-theme=light] .filmography-list blockquote{color:#39464e}[data-theme=light] .search-field,[data-theme=light] .results,[data-theme=light] .share-options{border-color:var(--panel-border);background:var(--panel-deep)}[data-theme=light] .search-field{box-shadow:none;background:#fff}[data-theme=light] .results{background:#fffefaf7;box-shadow:0 30px 70px #3d464a38,inset 0 1px #fff}[data-theme=light] .results-heading{color:#263139}[data-theme=light] .results button:hover,[data-theme=light] .results button.active{color:#182128;background:#e4e9e8}[data-theme=light] .search-panel .search-results-scroll>button{color:#263139}[data-theme=light] .search-panel .search-results-scroll>button:hover,[data-theme=light] .search-panel .search-results-scroll>button.active{background:#e4e8e7;box-shadow:inset 0 0 0 1px #18212812}[data-theme=light] .result-copy b{color:#263139}[data-theme=light] .result-copy small,[data-theme=light] .search-empty,[data-theme=light] .search-loading{color:#5f6d75}[data-theme=light] .search-panel .search-results-scroll>button:hover .result-arrow,[data-theme=light] .search-panel .search-results-scroll>button.active .result-arrow{color:#5b6870}[data-theme=light] .search-more button{color:#5f6d75}[data-theme=light] .search-more button:hover:not(:disabled){color:#263139;background:#1821280a}[data-theme=light] .result-poster-placeholder{color:#7b878d;background:#e8e5de}[data-theme=light] .result-copy i{color:#627078;border-color:#c8c5bd}[data-theme=light] .search-empty b{color:#263139}[data-theme=light] .review-box:not(.is-writing){box-shadow:none;background:0 0;border:0}[data-theme=light] .search-field:focus-within{border-color:var(--letterboxd-green);transform:none;box-shadow:0 0 0 3px #00e05424}[data-theme=light] .home-trending-row>button>img,[data-theme=light] .home-trending-placeholder,[data-theme=light] .home-trending-row>button:hover>img,[data-theme=light] .home-trending-row>button:hover>.home-trending-placeholder{box-shadow:none}[data-theme=light] .search-field input,[data-theme=light] .writer .review-editor{color:var(--page-text)}[data-theme=light] .search-field svg{color:#68767e}[data-theme=light] .search-shortcut{color:#59666e}[data-theme=light] .search-shortcut span{background:#fffefa;border-color:#c9c5bb;box-shadow:0 1px 2px #3d464a1a}[data-theme=light] .writer .review-toolbar-divider{background:#1821281f}[data-theme=light] .writer .spoiler-chip{color:#5e6a72;background:#1821280a;border-color:#1821281f}[data-theme=light] .writer .spoiler-chip:hover{color:#263139;background:#18212814}[data-theme=light] .writer .spoiler-chip[aria-pressed=true]{color:#92400e;background:#f59e0b24;border-color:#d9770666}[data-theme=light] .results button:hover,[data-theme=light] .results button.active,[data-theme=light] .close:hover,[data-theme=light] .share:hover,[data-theme=light] .expand-review:hover,[data-theme=light] .feed-item>button:hover{color:#182128;background:#e2e8e8}[data-theme=light] blockquote,[data-theme=light] .feed-copy em,[data-theme=light] .list-copy p,[data-theme=light] .journal-story p,[data-theme=light] .dialog-body blockquote{color:#39464e}[data-theme=light] .writer-poster,[data-theme=light] .poster,[data-theme=light] .list-posters{background:#e8e5de}[data-theme=light] .share-options button,[data-theme=light] .journal-story button{color:#34434c}[data-theme=light] .share-options button:hover{color:#182128;background:#e2e8e8}[data-theme=light] .see-all-reviews{color:#344149;border-color:#aaa9a2}[data-theme=light] .see-all-reviews:hover,[data-theme=light] .see-all-reviews:focus-visible{color:#182128;background:#1821280d;border-color:#738078}[data-theme=light] .see-all-reviews:hover svg,[data-theme=light] .see-all-reviews:focus-visible svg{color:#344149}@media (width>=761px){.page.top-nav-layout{padding-left:0}.top-nav-layout header{z-index:90;width:100%;height:90px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;background:0 0;border:0;grid-template-columns:minmax(190px,1fr) auto minmax(155px,1fr);align-items:center;gap:24px;padding:0 clamp(40px,7vw,140px);display:grid;position:sticky;top:0;bottom:auto}.top-nav-layout header:before,.top-nav-layout header:after{display:none}.top-nav-layout .logo{justify-self:start;min-height:0}.top-nav-layout .mobile-primary-nav{display:none}.top-nav-layout .primary-nav-cluster{justify-self:center;align-items:center;gap:5px;min-width:0;max-width:100%;display:flex}.top-nav-layout .kumo-primary-tabs{border-radius:999px;min-width:0;max-width:100%;display:block;box-shadow:none!important}.top-nav-layout .kumo-primary-tabs>div:first-child{background:0 0}.top-nav-layout .kumo-primary-tabs-list{scrollbar-width:none;background:0 0;border-radius:999px;align-items:center;gap:4px;height:46px;padding:4px}.top-nav-layout .kumo-primary-tabs-list::-webkit-scrollbar{display:none}.top-nav-layout .kumo-primary-tab{color:#b8c2c7;letter-spacing:-.01em;text-transform:none;min-height:38px;box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0 17px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.top-nav-layout .kumo-primary-tab:hover{color:#fff;background:0 0}.top-nav-layout .kumo-primary-tab[aria-selected=true]{color:#fff}.top-nav-layout .kumo-primary-tabs-indicator{background:#ffffff1f;border:1px solid #ffffff14;border-radius:999px;box-shadow:inset 0 1px #ffffff0d,0 5px 16px #0003}.top-nav-layout header nav button{color:#bec8cd;width:auto;min-height:90px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.top-nav-layout header nav button svg{display:none}.top-nav-layout header nav button:hover{color:#fff;box-shadow:none;background:0 0;border:0;transform:translateY(-2px)}.top-nav-layout header nav button.active{color:#fff;box-shadow:none;background:0 0;border:0;transform:none}.top-nav-layout header nav button.active:after{width:auto;height:2px;box-shadow:none;background:#fff;border-radius:0;display:block;inset:auto 0 0;transform:none}.top-nav-layout .account-wrap{z-index:2;justify-self:end;width:auto;margin:0;position:relative;top:auto;right:auto}.top-nav-layout .intro{padding-top:92px}[data-theme=light] .top-nav-layout header{box-shadow:none;background:0 0;border:0}[data-theme=light] .top-nav-layout .kumo-primary-tab{color:#5f6b72}[data-theme=light] .top-nav-layout .kumo-primary-tab:hover,[data-theme=light] .top-nav-layout .kumo-primary-tab[aria-selected=true]{color:#182128}[data-theme=light] .top-nav-layout .kumo-primary-tabs-indicator{box-shadow:none;background:#18212817;border-color:#18212814}}@media (width>=761px) and (width<=1100px){.top-nav-layout header{grid-template-columns:auto minmax(0,1fr) auto;gap:18px;padding-left:24px;padding-right:24px}.top-nav-layout .logo strong,.top-nav-layout .account b{display:none}.top-nav-layout .kumo-primary-tabs-list{gap:1px}.top-nav-layout .kumo-primary-tab{padding-left:clamp(9px,1.4vw,14px);padding-right:clamp(9px,1.4vw,14px);font-size:12px}}@media (width<=900px){.intro h1,.review-add-intro h1{white-space:normal}.trending-grid{grid-template-columns:repeat(3,1fr);row-gap:28px}.list-grid{grid-template-columns:1fr}.list-posters{height:320px}.friend-feed{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(230px,260px));justify-content:start;gap:58px 36px}.home-trending-row{grid-template-columns:repeat(2,minmax(230px,260px));gap:58px 36px}article{grid-template-columns:180px 1fr;min-height:270px}.people-results,.following-list{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}}@media (width>=761px) and (width<=1000px){.friends-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.search-modal-backdrop{padding:12px}.search-modal-card{border-radius:18px;max-height:calc(100dvh - 24px);padding:58px 16px 24px}.search-modal-card>h1{padding:0 20px;font-size:36px}.search-modal-card .review-box{margin-top:26px}header{width:min(1200px,100% - 40px);height:68px;box-shadow:none;background:0 0;border:0;grid-template-rows:1fr;grid-template-columns:1fr auto;align-items:center;margin:auto;padding:0;display:grid;position:sticky;bottom:auto}header:before,header:after{display:none}.logo{min-height:0}.logo strong{font-size:21px}.logo-mark{width:43px}.logo-mark i{width:17px;height:17px}.account b{display:none}header nav{z-index:60;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14181cf5;border-top:1px solid #344149;grid-template-columns:repeat(3,1fr);gap:0;width:auto;height:58px;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0}header nav button{text-align:center;border:0;border-radius:0;flex-direction:column;justify-content:center;gap:2px;width:auto;min-height:58px;padding:0 4px;font-size:8px;transform:none}header nav button svg{width:17px;height:17px}header nav button:hover,header nav button.active{box-shadow:none;background:0 0;border:0;transform:none}header nav button.active:after{border-radius:0;width:auto;height:2px;inset:-1px 0 auto;transform:none}.page{padding-bottom:58px;padding-left:0}.account{margin-left:auto}.account-wrap{width:auto}.account{background:0 0;border:0;width:40px;height:40px;min-height:40px;padding:4px}.profile-menu{max-width:calc(100vw - 40px)}.intro{padding:58px 0 72px}.intro h1{font-size:46px}.search-field{height:61px;padding:0 14px}.search-field input{font-size:17px}.search-shortcut{display:none}.results{max-height:min(520px,100vh - 150px);top:71px;left:0;right:0}.writer{grid-template-rows:150px minmax(0,1fr);grid-template-columns:1fr;height:min(620px,100dvh - 100px);min-height:500px}.writer-poster{aspect-ratio:auto;object-position:center 25%;width:100%;height:150px}.writer-content{padding:21px 16px 110px}.writer h2{font-size:20px}.quick-review-editor-shell .review-editor-input-row{min-height:0}.writer-body>.quick-review-toolbar{flex-wrap:wrap;align-items:center;width:auto;height:110px;min-height:110px;margin:0;padding-left:16px;padding-right:16px;left:0;right:0}.quick-review-toolbar .edit-actions{justify-content:flex-end;width:100%}.writer-buttons{flex-direction:row}.section-heading>span{display:none}.cards,.filmography-list,.home-trending-row{grid-template-columns:minmax(230px,260px);justify-content:center;gap:42px}.cards article,.filmography-list article{min-height:0;padding:0}.cards .card-body,.filmography-list .card-body{width:100%;min-height:0;padding:22px 8px 4px}.cards .card-body>h3{min-height:0;font-size:16px}.spoiler-notice{min-height:100px;margin-top:10px}.spoiler-notice svg{width:36px;height:36px}article{grid-template-columns:150px 1fr;min-height:240px}.card-body{padding:19px 15px}.tab-page{padding-top:51px}.tab-heading{margin-bottom:30px}.tab-heading h1{font-size:38px}.trending-grid{grid-template-columns:1fr 1fr;gap:25px 12px}.ranking-groups{gap:52px}.ranking-row{margin-right:-20px}.ranked-film{flex-basis:170px}.rank-visual{height:147px}.rank-visual>span{font-size:143px}.rank-visual img{width:98px;height:147px}.rank-copy{margin-left:70px}.list-posters{height:220px}.feed-item{grid-template-columns:90px 32px 1fr auto;gap:9px;padding:9px}.feed-item>img{width:90px;height:135px}.feed-item>.friend-avatar{width:30px;height:30px}.feed-copy em{-webkit-line-clamp:2}.journal-grid{grid-template-columns:1fr}.journal-story,.journal-story.featured{grid-column:auto;grid-template-columns:115px 1fr;min-height:250px}.journal-story>div{padding:19px}.journal-story.featured h2,.journal-story h2{font-size:21px}.review-overlay{align-items:center;padding:14px}.review-dialog{grid-template-rows:190px minmax(0,1fr);grid-template-columns:1fr;max-height:calc(100dvh - 28px)}.review-dialog.is-spoiler{min-height:0}.review-dialog>img{object-position:center 22%;height:190px;box-shadow:0 18px 45px #0000007a}.dialog-poster-placeholder{height:190px}.watchlist-heading{align-items:center;margin-bottom:28px}.watchlist-heading .tab-heading{margin-bottom:0}.watchlist-controls{flex-direction:column;align-items:stretch}.watchlist-search{flex:none}.watchlist-filters{width:100%;overflow-x:auto}.watchlist-card .poster-action-stack{opacity:1}.watchlist-add-search{margin-top:24px}.watchlist-search-results{max-height:min(460px,100dvh - 280px)}.review-add-intro{padding:28px 0 40px}.review-add-intro h1{white-space:normal;font-size:42px}.friends-heading{margin-bottom:34px}.friends-people-grid{grid-template-columns:1fr}.friends-person-card{padding:12px}.friends-controls{flex-direction:column;align-items:stretch}.friends-feed-search{flex:none}.friends-filters{width:100%;overflow-x:auto}.friends-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}.friends-review-title b{font-size:14px}.friends-find{margin-top:24px}.friends-find-results{max-height:min(460px,100dvh - 280px)}.dialog-body{padding:26px 20px 22px;overflow:hidden}.dialog-actions{top:14px;right:14px}.dialog-heading{padding-right:100px}.dialog-body h2{font-size:26px}.dialog-body blockquote{margin-top:18px;font-size:16px}.edit-review-editor-shell .review-editor-toolbar{flex-wrap:wrap;align-items:center}.edit-review-editor-shell .edit-actions{justify-content:flex-end;width:100%}.edit-review-editor-shell .review-editor-input-row{padding:0;bottom:110px}.edit-review-editor-shell .review-editor-toolbar{padding-left:20px;padding-right:20px;bottom:-22px;left:-20px;right:-20px}.dialog-footer{flex-direction:column;align-items:flex-start}.people-panel,.following-panel{padding:17px}.settings-dialog{padding:22px 18px 18px}.settings-identity{flex-wrap:wrap;align-items:flex-start}.avatar-actions{flex-wrap:wrap;width:100%;margin:4px 0 0}.settings-avatar-section>.state-copy{margin-left:0}.profile-form{grid-template-columns:1fr}.profile-form>.state-copy,.profile-form-actions{grid-column:auto}.settings-dialog fieldset,.library-grid{grid-template-columns:1fr}.filmography-heading{flex-direction:column;align-items:flex-start;margin-bottom:30px}.filmography-heading .tab-heading{margin-bottom:0}.review-controls{flex-direction:column;align-items:stretch;margin-top:0}.review-search{flex:none;width:100%}.review-control-filters{flex-direction:row;width:100%;overflow-x:auto}[data-theme=light] header{box-shadow:none;background:0 0;border:0}[data-theme=light] header nav{background:#f4f1ebf5;border-color:#c9c5bb}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* bettrboxd-fix: global box-shadow:none!important suppresses Tailwind rings, so kumo inputs had no visible border and blended into the panel background. Restore a real border + distinct field background. */
input.kumo-input-placeholder:not(.rounded-none){border:1px solid var(--color-kumo-line)!important;background-color:var(--color-kumo-base)!important}
.auth-password-input input.kumo-input-placeholder{border:0!important;background:transparent!important}
input.kumo-input-placeholder[aria-invalid=true]{border-color:var(--color-kumo-danger)!important}

/* bettrboxd-fix: top-nav-layout sticky header had a transparent background, so the nav vanished while scrolling. Restore the themed background + bottom border. */
.top-nav-layout header{background:0 0!important;border-bottom:0!important;box-shadow:none!important}
[data-theme=light] .top-nav-layout header{background:0 0!important;border-bottom:0!important;box-shadow:none!important}

/* bettrboxd-fix: modern mobile bottom nav redesign - fixed full-width bar, safe-area inset, equal 3-tab grid, icon-over-label columns, accent active state, bold-stroke active icon, muted inactive state */
@media (width<=760px){
header nav{width:100%;z-index:80;grid-template-columns:repeat(3,1fr);gap:0;height:64px;margin:0;padding-bottom:env(safe-area-inset-bottom);background:#14181cf5;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-top:1px solid #344149;display:grid;position:fixed;bottom:0;left:0;right:0}
header nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;height:64px;min-height:64px;padding:0;border:0;border-radius:0;background:0 0;color:var(--text-color-kumo-subtle);font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;letter-spacing:.01em;line-height:1;text-align:center;transform:none;-webkit-tap-highlight-color:transparent}
header nav button svg{width:22px;height:22px;stroke-width:1.75;color:var(--text-color-kumo-subtle);transition:stroke-width .16s ease,color .16s ease,transform .16s ease}
header nav button span{color:var(--text-color-kumo-subtle);transition:color .16s ease}
header nav button:hover{box-shadow:none;background:0 0;border:0}
header nav button:after{content:;position:absolute;top:50%;left:50%;width:58px;height:34px;border-radius:999px;background:color-mix(in oklab,var(--color-kumo-brand) 13%,transparent);opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .18s ease,transform .18s ease;z-index:0;pointer-events:none}
header nav button svg,header nav button span{position:relative;z-index:1}
header nav button.active{color:var(--color-kumo-brand);box-shadow:none;background:0 0;border:0;transform:none}
header nav button.active:after{opacity:1;transform:translate(-50%,-50%) scale(1)}
header nav button.active svg{color:var(--color-kumo-brand);stroke-width:2.6;transform:translateY(-1px)}
header nav button.active span{color:var(--color-kumo-brand);font-weight:600}
[data-theme=light] header nav{background:#f4f1ebf5;border-top-color:#c9c5bb}
.page{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}

/* bettrboxd-fix: collapse top nav on scroll - keep logo mark + account avatar; hide logo text and (desktop) nav cluster */
.page header .logo strong{min-width:0;white-space:nowrap;overflow:hidden;transition:opacity .16s ease,width .22s ease}
.page header.is-scrolled .logo strong{opacity:0;width:0}
.top-nav-layout header .primary-nav-cluster{transition:opacity .16s ease,visibility 0s linear .16s}
.top-nav-layout header.is-scrolled .primary-nav-cluster{opacity:0;visibility:hidden;pointer-events:none}

/* bettrboxd-fix: profile settings dialog - backdrop was z-index:auto so the sticky header (z:90) and search results (z:10) pierced the modal. Raise backdrop + dialog above all page overlays. */
.fixed.inset-0.bg-kumo-recessed.opacity-80{z-index:130;background:var(--color-kumo-recessed);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.settings-dialog{z-index:131}

/* bettrboxd-fix: cap the friends/watchlist/review search fields to a compact width so they sit left-aligned next to the sort select instead of stretching full-width. */
.watchlist-search,.friends-feed-search,.review-search{max-width:320px}

/* bettrboxd-fix: home search field - prevent placeholder from clipping against the pill edge (ellipsis + overflow), and reduce placeholder font size on small screens. */
.search-field input,.search-field input::placeholder{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media (width<=640px){.search-field input{font-size:14px}}


/* bettrboxd-fix: write-a-review modal - poster sits in a left column sized to its own 2:3 aspect ratio so the whole poster is always visible (no cover-cropping). */
.writer{display:flex;flex-direction:row;align-items:stretch}
.writer-poster{flex:0 0 auto;max-width:none;width:auto;height:100%;aspect-ratio:2/3;object-fit:contain;align-self:stretch}
.writer-poster-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.writer-body{flex:1 1 auto;width:auto;min-width:0}

/* bettrboxd-fix: write-a-review modal - lock the footer toolbar to one centered flex row so the Spoilers toggle, Share icon, and Save button share a single baseline and never wrap. */
.writer-body>.quick-review-toolbar{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}
.writer-body>.quick-review-toolbar .edit-actions{width:auto;flex:0 0 auto;margin-left:auto}

@media (width<=760px){
/* bettrboxd-fix: write-a-review modal - poster is centered at its natural 2:3 aspect ratio so the whole poster is visible without the beige letterbox block. */
.writer{flex-direction:column}
.writer-poster{flex:0 0 auto;max-width:100%;width:auto;height:150px;aspect-ratio:2/3;object-fit:contain;object-position:center;align-self:center}
.writer-body{flex:1 1 auto;width:100%;height:auto}
/* bettrboxd-fix: write-a-review modal - footer stays on a single row (items-center) so Spoilers + Share + Save are vertically level; overrides the previous flex-wrap two-row layout. */
.writer-body>.quick-review-toolbar{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:72px;min-height:72px}
.writer-body>.quick-review-toolbar .edit-actions{width:auto;flex:0 0 auto;margin-left:auto}
}

@media (width<=640px){
/* bettrboxd-fix: home recent reviews - 2-column grid flush with the section heading; removes the centered single-column layout so poster left edges align with the title text. */
.cards{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:12px}
.see-all-reviews{grid-column:1/-1}
.recent .section-heading{margin-bottom:18px}
/* bettrboxd-fix: home recent reviews - compact sub-info below each poster (title text-sm semibold, year text-xs) with tighter vertical spacing. */
.cards .kumo-review-card .card-body{padding:8px 0 0}
.cards .kumo-review-card .card-body>h3{font-size:14px;font-weight:600;line-height:1.3}
.cards .kumo-review-card .card-body>.meta{font-size:12px;color:#737373;margin-bottom:6px}
.cards .review-card-author{font-size:12px;margin-bottom:6px}
/* bettrboxd-fix: home recent reviews - compact stars (w-3.5 h-3.5). */
.stars.compact .star-shell{flex-basis:14px;width:14px;height:14px}
.stars.compact .star-shell>svg,.stars.compact .star-fill svg{width:14px;min-width:14px;height:14px}
}


/* bettrboxd-fix: login/signup - desktop: full-screen 50/50 split (poster left, white form right). Mobile: stacked - form on top, poster fills the space below. Field components, wording, and form logic untouched. */
.auth-gate{display:flex;flex-direction:row-reverse;align-items:stretch;justify-content:center;gap:0;padding:0;background:#fff}

.auth-poster-wall{position:relative;inset:auto;z-index:0;flex:1 1 50%;min-width:0;width:50%;max-width:none;background:#0B0E11;border-radius:0;overflow:hidden;box-shadow:none}
.auth-poster-wall img{display:none}
.auth-poster-wall img.auth-poster-show{display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:1;filter:none;border:0;border-radius:0;transform:none;image-rendering:-webkit-optimize-contrast}
.auth-poster-wall:after,
[data-theme=light] .auth-poster-wall:after,
[data-theme=dark] .auth-poster-wall:after{content:"";position:absolute;inset:0;z-index:1;opacity:1;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.22) 40%,transparent 78%)}
.auth-poster-wall:before{content:none}

.auth-gate-card{position:relative;z-index:1;flex:1 1 50%;min-width:0;width:50%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;overflow:auto;background:#fff;color:#172229;padding:28px 56px 56px}
.auth-gate-card>*{max-width:440px;width:100%;margin-left:auto;margin-right:auto}
.auth-gate-card .auth-brand{max-width:none;width:100%;margin:0 0 20px;justify-content:flex-start}
[data-theme=light] .auth-gate-card,[data-theme=dark] .auth-gate-card{background:#fff;border:0;box-shadow:none;color:#172229}
.auth-gate-card h1{color:#172229;font-weight:600}
.auth-gate-card p{color:#5F6B74}
.auth-gate-card .auth-brand strong{display:none}
.auth-gate-card .auth-brand{width:auto}

.auth-gate-card .auth-mode{background:#F3F4F6;border:1px solid #E5E7EB}
.auth-gate-card .auth-mode button{color:#6B7280}
.auth-gate-card .auth-mode button:hover:not([aria-selected=true]){color:#111827;background:#E5E7EB!important}
.auth-gate-card .auth-mode button[aria-selected=true]{color:#111827;background:#fff!important;font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.14)}

.auth-gate-card .auth-form label{color:#374151}
.auth-gate-card .auth-form input,.auth-gate-card .auth-password-input{border-color:#D1D5DB;background:#fff!important;color:#1F2937;box-shadow:none!important}
.auth-gate-card .auth-form input:hover,.auth-gate-card .auth-password-input:hover{border-color:#9CA3AF}
.auth-gate-card .auth-form input:focus,.auth-gate-card .auth-form input:focus-visible,.auth-gate-card .auth-password-input:focus-within{border-color:var(--letterboxd-blue);background:#fff!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--letterboxd-blue) 30%,transparent)!important}
.auth-gate-card .auth-form input::placeholder{color:#9CA3AF;opacity:1}
.auth-gate-card .auth-form input[aria-invalid=true],.auth-gate-card .auth-password-input:has(input[aria-invalid=true]){border-color:var(--color-kumo-danger)!important}
.auth-gate-card .auth-form .text-kumo-subtle{color:#6B7280}
.auth-gate-card .auth-form .text-kumo-danger{color:#DC2626}
.auth-gate-card .auth-error{color:#B91C1C;background:#FEF2F2;border-color:#FECACA}

@media (width<=760px){
.auth-gate{flex-direction:column-reverse}
.auth-gate-card{flex:0 1 auto;width:100%;max-width:none;max-height:none;height:auto;border-radius:0;padding:36px 24px}
.auth-poster-wall{display:flex;flex:1 1 auto;width:100%;max-width:none;min-height:300px}
}

/* bettrboxd-fix: login/signup - unify input borders across fields; dark-mode variant */
.auth-gate-card .auth-form input.kumo-input-placeholder:not(.rounded-none){border:1px solid #d1d5db!important}
.auth-gate-card .auth-password-input{border:1px solid #d1d5db!important;box-shadow:none!important}
.auth-gate-card .auth-password-input input{border:0!important;background:transparent!important}
.auth-gate-card .auth-form input:focus,.auth-gate-card .auth-form input:focus-visible,.auth-gate-card .auth-password-input:focus-within{border-color:#6b7280!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--letterboxd-blue) 25%,transparent)!important;outline:0}
[data-theme=dark] .auth-gate-card{background:#14181c!important;border:0!important;box-shadow:none!important;color:#dfe6e9!important}
[data-theme=dark] .auth-gate-card h1{color:#f0f4f6!important}
[data-theme=dark] .auth-gate-card p,[data-theme=dark] .auth-gate-card .auth-form .text-kumo-subtle{color:#aebbc1!important}
[data-theme=dark] .auth-gate-card .auth-form label{color:#b7c4ca!important}
[data-theme=dark] .auth-gate-card .auth-form input.kumo-input-placeholder:not(.rounded-none),[data-theme=dark] .auth-gate-card .auth-password-input{border:1px solid #46545c!important;background:#1b252b!important;color:#dfe6e9!important}
[data-theme=dark] .auth-gate-card .auth-form input::placeholder{color:#7a8a92!important;opacity:1}
[data-theme=dark] .auth-gate-card .auth-password-input input{color:#dfe6e9!important}
[data-theme=dark] [data-theme=dark] .auth-gate-card .auth-form input:focus,[data-theme=dark] .auth-gate-card .auth-form input:focus-visible,[data-theme=dark] .auth-gate-card .auth-password-input:focus-within{border-color:var(--letterboxd-blue)!important;background:#1b252b!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--letterboxd-blue) 30%,transparent)!important}
[data-theme=dark] .auth-gate-card .auth-mode{background:#11191e!important;border:1px solid #2a373f!important}
[data-theme=dark] .auth-gate-card .auth-mode button{color:#aebbc1!important}
[data-theme=dark] .auth-gate-card .auth-mode button:hover:not([aria-selected=true]){color:#fff!important;background:#202c33!important}
[data-theme=dark] .auth-gate-card .auth-mode button[aria-selected=true]{color:#fff!important;background:#2a373f!important;box-shadow:0 1px 3px #00000061,inset 0 0 0 1px #56666f!important}
[data-theme=dark] .auth-gate-card .auth-google-button{background:#1b252b!important;border-color:#46545c!important;color:#dfe6e9!important}
[data-theme=dark] .auth-gate-card .auth-google-button:hover{background:#202c33!important;border-color:#56666f!important}
.auth-gate-card .auth-google-divider{background:#d1d5db!important;color:#d1d5db!important}
[data-theme=dark] .auth-gate-card .auth-google-divider{background:#46545c!important;color:#46545c!important}
[data-theme=dark] .auth-gate-card .auth-error{color:#fca5a5!important;background:#2b1114!important;border-color:#7f1d1d!important}
[data-theme=dark] .auth-gate-card .auth-switch{color:#aebbc1!important}
[data-theme=dark] .auth-gate-card .auth-switch button{color:#fff!important}
/* bettrboxd-fix: review dialog on mobile - keep the desktop 2-column split (full poster left, review right) instead of stacking the poster above the text. */
@media (width<=760px){
.review-dialog{grid-template-rows:none;grid-template-columns:minmax(120px,42%) 1fr}
.review-dialog>img{height:100%;width:100%;object-fit:contain;object-position:center;box-shadow:14px 0 36px #262c2f29}
.dialog-poster-placeholder{height:100%}
.dialog-body{padding:22px 16px 18px}
}

/* bettrboxd-fix: Letterboxd sync section inside the profile settings dialog. */
.settings-letterboxd{margin-top:24px;padding-top:20px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.settings-letterboxd h2{margin:0 0 6px;font-size:15px}
.settings-letterboxd>.state-copy{margin:10px 0 0}
.settings-letterboxd .profile-form-actions{margin-top:14px;justify-content:flex-start}
/* bettrboxd-fix: placeholder tile for review cards whose movie has no poster yet. */
.review-poster-placeholder{background:#11181c;width:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;text-align:center}
.review-poster-placeholder svg{width:28px;height:28px;flex:0 0 auto}
.review-poster-placeholder small{font-size:11px;line-height:1.3;max-width:88%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}


/* bettrboxd-fix: home page recent reviews - standalone vertical poster cards (poster top, sub-info below), no container boxes. */
.recent .cards{grid-template-columns:repeat(4,minmax(160px,200px)) minmax(160px,1fr);justify-content:start;gap:42px 24px}
.recent .cards .kumo-review-card,.recent .cards .kumo-review-card:hover{flex-direction:column;gap:0;background:0 0;border:0;border-radius:0;padding:0;box-shadow:none}
.recent .cards .review-poster-wrap{width:100%;aspect-ratio:2/3;border-radius:12px;box-shadow:0 16px 34px #0000006b}
.recent .cards .kumo-review-card .card-body{width:100%;min-width:0;padding:14px 2px 0;display:block}
.recent .cards .kumo-review-card .card-body>h3{font-size:14px;font-weight:600;line-height:1.3;margin:0}
.recent .cards .kumo-review-card .card-body>.meta{font-size:12px;color:var(--muted);margin:3px 0 6px}
.recent .cards .kumo-review-card .review-card-footer{margin-top:4px}

@media (width<=760px){
.recent .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
}
@media (width<=640px){
.recent .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
}
/* bettrboxd-fix: Letterboxd import card inside profile settings */
.settings-letterboxd{margin-top:8px;padding-top:0;border-top:0}
.settings-letterboxd .bg-neutral-50{background-color:var(--color-neutral-50)}
.settings-letterboxd .border-neutral-200{border-color:var(--color-neutral-200)}
.settings-letterboxd .my-4{margin-top:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*4)}
.settings-letterboxd .text-neutral-500{color:var(--color-neutral-500)}
.settings-letterboxd-card{box-shadow:0 1px 2px rgb(0 0 0/0.05)}
.settings-letterboxd-card .settings-letterboxd-head{margin-bottom:2px}
.settings-letterboxd-card h2{margin:0;font-size:15px}
.settings-letterboxd-card .lb-logo{width:24px;height:24px;flex:0 0 auto;display:block}
.settings-letterboxd-card .settings-letterboxd-helper{margin:6px 0 14px}
.settings-letterboxd-card .settings-letterboxd-row{align-items:flex-end}
.settings-letterboxd-card .settings-letterboxd-row>div{flex:1 1 auto;min-width:0}
.settings-letterboxd-card .settings-letterboxd-row>button{flex:0 0 auto;white-space:nowrap}
.settings-letterboxd-card .settings-letterboxd-status{margin-top:12px}
.settings-letterboxd-card .settings-letterboxd-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:9999px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:12px;line-height:1.5}
.settings-letterboxd-card .settings-letterboxd-pill.is-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.settings-letterboxd-card .settings-letterboxd-dot{width:8px;height:8px;flex:0 0 auto;border-radius:9999px;background:#22c55e}
.settings-letterboxd-card .settings-letterboxd-pill.is-error .settings-letterboxd-dot{background:#ef4444}
.settings-letterboxd-card .settings-letterboxd-message{font-size:12px;line-height:1.5;color:var(--color-neutral-500)}
.settings-letterboxd-card .settings-letterboxd-message.is-error{color:#dc2626}

.settings-letterboxd .profile-action-button{cursor:pointer;border-radius:8px;width:auto;height:40px;min-height:40px;padding:0 16px;font-size:14px;font-weight:500}
.settings-letterboxd .profile-action-button:disabled{cursor:wait;opacity:.6}

/* bettrboxd-fix: continue with google */
.auth-google{margin:0 0 16px}
.auth-google-divider{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#9CA3AF;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.auth-google-divider::before,.auth-google-divider::after{content:"";flex:1;height:1px;background:#E5E7EB}
.auth-google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;padding:0 16px;background:#fff;border:1px solid #D1D5DB;border-radius:6px;color:#172229;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.auth-google-button:hover{background:#F9FAFB;border-color:#9CA3AF;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.auth-google-button:focus-visible{outline:2px solid #60A5FA;outline-offset:2px}
.auth-google-logo{width:18px;height:18px;flex:none}

/* Keep the auth choices visually centered and show the poster without overlays. */
.auth-google-divider{justify-content:center;text-align:center}
.auth-google-divider{text-transform:none;font-weight:400}
.auth-google-divider{display:none}
.auth-google-button{text-align:center}
.auth-poster-wall:after,[data-theme=light] .auth-poster-wall:after,[data-theme=dark] .auth-poster-wall:after{display:none}
.auth-poster-wall img.auth-poster-show{filter:none;opacity:1;object-fit:cover}

.auth-google{width:100%}
.auth-google-divider,.auth-google-button{width:100%;box-sizing:border-box}
.auth-google-divider{justify-content:center;text-align:center}
.auth-google-button{justify-content:center;text-align:center}
.auth-google-button{position:relative}
.auth-google-button .auth-google-label{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.auth-google-button .auth-google-logo{position:absolute;left:calc(50% - 107px)}

.auth-gate-card{display:flex;flex-direction:column}
.auth-gate-card>.auth-brand{order:0}
.auth-gate-card>.auth-mode{order:1}
.auth-gate-card>.auth-heading{order:2;text-align:center}
.auth-gate-card>.auth-google{order:3;display:flex;flex-direction:column}
.auth-gate-card>.auth-form{order:4}
.auth-gate-card>.auth-google-button{order:0}
.auth-gate-card>.auth-google-divider{order:1}
.auth-google-button{order:0}
.auth-google-divider{order:1}
.auth-mode{margin-top:16px}
.auth-heading{margin-top:16px}
.auth-google{margin-bottom:0}
.auth-google-divider{margin-bottom:0}
.auth-form{margin-top:16px}

/* Auth layout: every control shares one centered content column. */
.auth-gate-card{align-items:center}
.auth-gate-card>.auth-brand,
.auth-gate-card>.auth-mode,
.auth-gate-card>.auth-heading,
.auth-gate-card>.auth-google,
.auth-gate-card>.auth-form{width:100%;max-width:440px;box-sizing:border-box}
.auth-mode{align-self:center}
.auth-google{display:flex;flex-direction:column;gap:16px;box-sizing:border-box}
.auth-google-button,.auth-google-divider{width:100%;max-width:none;box-sizing:border-box}
.auth-google-divider{position:relative;display:flex;align-items:center;justify-content:center;height:20px;margin:0;text-align:center}
.auth-google-divider::before,.auth-google-divider::after{content:"";position:absolute;top:50%;width:calc(50% - 22px);height:1px;margin:0;background:#E5E7EB}
.auth-google-divider::before{left:0}
.auth-google-divider::after{right:0}
.auth-google-divider span{position:relative;z-index:1;padding:0 12px;background:#fff}
.auth-form{display:grid;width:100%;max-width:440px;gap:8px;margin-top:0;box-sizing:border-box}
.auth-form>*{width:100%;max-width:none;box-sizing:border-box}
.auth-form .auth-submit{width:100%;max-width:none}

/* Cloudflare-style split auth layout. */
@media (min-width:700px){
  .auth-gate{position:relative;display:grid;grid-template-columns:50% 50%;min-height:100dvh;background:#fff}
  .auth-gate-card{position:relative;grid-column:1;grid-row:1;justify-content:flex-start;align-items:center;width:100%;max-width:none;height:100%;padding:128px 32px 48px;border:0;border-radius:0;background:#fff;overflow:visible}
  .auth-gate-card>.auth-brand{position:absolute;top:32px;left:32px;justify-content:flex-start;width:auto;margin:0;z-index:2}
  .auth-gate-card .auth-brand strong{display:none!important}
  .auth-gate-card>.auth-mode{display:none}
  .auth-gate-card>.auth-heading{order:1;margin:0 0 16px}
  .auth-gate-card>.auth-google{order:2;margin:0 0 16px;gap:12px}
  .auth-gate-card>.auth-form{order:3;margin:0}
  .auth-gate-card>.auth-switch{order:4}
  .auth-gate-card>.auth-legal{order:5}
  .auth-gate-card>.auth-heading h1{margin:0;font-size:30px;line-height:1.2}
  .auth-gate-card>.auth-google .auth-google-divider{order:1}
  .auth-gate-card>.auth-google .auth-google-button{order:0}
  .auth-gate-card>.auth-google-divider{margin:0}
  .auth-switch{margin:20px 0 0!important;color:#737373;font-size:14px;text-align:center}
  .auth-switch button{padding:0;border:0;background:transparent;color:#2563eb;font:inherit;font-weight:600;cursor:pointer}
  .auth-poster-wall{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:100dvh;padding:48px;box-sizing:border-box;background:#f9fafb;border-radius:0;overflow:hidden}
  .auth-poster-wall img{display:none}
  .auth-poster-wall img.auth-poster-show{display:none}
  .auth-poster-wall>img{display:none!important}
  .auth-poster-wall:before,.auth-poster-wall:after{display:none!important}
  .auth-feature-copy{display:none}
  .auth-feature-tag{margin-bottom:8px;color:#737373;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
  .auth-feature-copy h2{margin:0 0 16px;color:#171717;font-size:26px;line-height:1.2;font-weight:700}
  .auth-feature-copy ul{margin:0 0 0;padding-left:20px;color:#525252;font-size:14px;line-height:1.6;text-align:left}
  .auth-pagination{position:absolute;bottom:32px;left:50%;gap:8px;transform:translateX(-50%)}
  .auth-pagination span{display:block;width:8px;height:8px;border-radius:999px;background:#d4d4d4}
  .auth-pagination span.active{background:#404040}
  .auth-carousel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:520px;min-height:720px;margin:0 auto;text-align:center}
  .auth-slide{display:none;width:100%;animation:auth-slide-in .2s ease-out}
  .auth-slide.is-active{display:flex;flex-direction:column;align-items:center}
  .auth-slide h2{max-width:460px;margin:8px 0;color:#171717;font-size:28px;line-height:1.2;font-weight:700}
  .auth-slide>p{max-width:420px;margin:0 0 24px;color:#525252;font-size:15px;line-height:1.5}
  .auth-feature-tag{margin-bottom:0;color:#737373;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
  .auth-preview-card{width:100%;max-width:440px;margin:0 auto 28px;padding:16px;box-sizing:border-box;background:#fff;border:1px solid rgba(229,229,229,.8);border-radius:16px;box-shadow:0 2px 8px rgba(23,34,41,.06)}
  .auth-poster-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}
  .auth-poster-row>div{min-width:0}
  .auth-poster-row img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px}
  .auth-poster-row span{display:block;margin-top:8px;color:#737373;font-size:11px;line-height:1.2}
  .auth-poster-row span:before{content:"";display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;border-radius:50%;background:#22c55e}
  .auth-review-preview,.auth-share-preview{max-width:440px;text-align:left}
  .auth-review-head,.auth-share-summary{display:flex;align-items:center;gap:10px;margin-bottom:16px}
  .auth-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#f97316;color:#fff;font-size:12px;font-weight:700}
  .auth-review-head strong,.auth-share-summary strong{display:block;color:#262626;font-size:14px}
  .auth-review-head small,.auth-share-summary small{display:block;color:#737373;font-size:12px}
  .auth-review-body{display:flex;gap:14px}
  .auth-review-body img{width:76px;height:112px;object-fit:cover;border-radius:8px}
  .auth-review-body strong{display:block;margin:4px 0;color:#262626;font-size:16px}
  .auth-stars{display:block;color:#f59e0b;font-size:15px;letter-spacing:2px}
  .auth-review-body p,.auth-share-preview>p{margin:10px 0 0;color:#525252;font-size:13px;line-height:1.5}
  .auth-share-summary{margin-bottom:18px}
  .auth-share-actions{display:flex;gap:8px;margin-top:20px}
  .auth-share-actions button{padding:8px 14px;border:1px solid #d4d4d4;border-radius:999px;background:#fff;color:#404040;font:inherit;font-size:12px;font-weight:600}
  .auth-share-actions button:first-child{border-color:#2563eb;background:#2563eb;color:#fff}
  .auth-pagination{position:static;display:flex;gap:8px;margin-top:auto;transform:none}
  .auth-pagination button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#d4d4d4;cursor:pointer}
  .auth-pagination button.active{background:#404040}
  @keyframes auth-slide-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
  .auth-google-divider{display:flex!important}
}

@media (max-width:699px){
  .auth-gate-card>.auth-mode{display:none}
  .auth-gate-card>.auth-brand{justify-content:flex-start}
  .auth-gate-card .auth-brand strong{display:none!important}
  .auth-gate-card>.auth-heading{order:1}
  .auth-gate-card>.auth-google{order:2}
  .auth-gate-card>.auth-form{order:3}
  .auth-gate-card>.auth-switch{order:4}
  .auth-gate-card>.auth-legal{order:5}
  .auth-switch{margin:16px 0 0;color:#737373;font-size:14px;text-align:center}
  .auth-switch button{padding:0;border:0;background:transparent;color:#2563eb;font:inherit;font-weight:600}
  .auth-legal{display:none}
  .auth-feature-copy{display:none}
  .auth-carousel{display:none}
  .auth-pagination{display:none}
}
.settings-letterboxd-head .lb-logo{height:1.25rem;width:auto;display:block;flex:0 0 auto;background:transparent}.settings-letterboxd-head .lb-logo path{display:none}
.auth-google-divider{display:flex;align-items:center;gap:12px;width:100%;margin:8px 0;color:#9ca3af;font-size:12px}.auth-gate-card>.auth-google-divider{order:4}.auth-google-divider:before,.auth-google-divider:after{content:"";height:1px;flex:1;background:#e5e7eb}.auth-google-divider span{line-height:1}
.auth-switch{font-weight:400!important;color:#6b7280!important}.auth-switch button{font-weight:500!important}
.auth-gate-card .auth-brand strong{display:none!important}
.auth-gate-card>.auth-mode{display:none!important}
.auth-gate-card .auth-brand{position:fixed!important;top:0!important;left:0!important;z-index:100!important;margin:0!important;padding:20px!important}
.auth-google-divider{display:flex!important}
.dialog-meta{display:none!important}
@media (min-width:768px){.auth-gate{display:grid!important;grid-template-columns:1fr auto!important;min-height:100dvh!important;background:#fff!important;align-items:start!important}.auth-gate-card{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;padding:120px 48px 48px!important;height:100dvh!important}.auth-gate-card>.auth-heading{margin:0 0 20px!important;text-align:center!important}
.auth-gate-card>.auth-heading h1{font-size:30px!important;line-height:1.2!important;margin:0!important}
.auth-gate-card>.auth-google,.auth-gate-card>.auth-form,.auth-gate-card>.auth-submit{width:380px!important;max-width:380px!important;min-width:0!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;margin-top:0!important;margin-bottom:0!important}.auth-gate-card>.auth-google{display:flex!important;flex-direction:column!important;align-items:center!important;margin:0!important}.auth-gate-card>.auth-form{margin:20px 0 0!important;text-align:left!important;gap:12px!important}.auth-gate-card>.auth-form>div{align-items:flex-start!important;gap:5px!important}.auth-gate-card>.auth-form input{width:100%!important;box-sizing:border-box!important}.auth-gate-card>.auth-google .auth-google-button{justify-content:center!important;display:flex!important;align-items:center!important;width:100%!important}.auth-gate-card>.auth-submit{width:380px!important}.auth-gate-card>.auth-switch{text-align:center!important}.auth-poster-wall{grid-column:2!important;grid-row:1!important;width:calc(100dvh * 2 / 3)!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;position:relative!important}.auth-poster-wall>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.auth-poster-wall::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(to right,rgba(0,0,0,.30),rgba(0,0,0,0) 25%)!important;pointer-events:none!important;z-index:2!important}}
.dialog-actions{position:relative!important;top:auto!important;right:auto!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:0 0 14px!important;padding:0!important;z-index:4!important}
.dialog-heading{padding-right:0!important}
.writer-content{padding:21px 29px 72px!important}.writer-body{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.dialog-delete-action{border-radius:50%!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:8px!important;display:grid!important;place-items:center!important}
@media (max-width:767px){
  .auth-gate{display:flex!important;flex-direction:column!important;min-height:100dvh!important;padding:0!important;margin:0!important;background:#fff!important;border-radius:0!important;box-shadow:none!important;position:relative!important;align-items:center!important;justify-content:flex-start!important}
  .auth-gate-card .auth-brand{position:fixed!important;top:0!important;left:0!important;z-index:100!important;margin:0!important;padding:20px!important}
  .auth-gate-card .auth-brand strong{display:none!important}
  .auth-gate-card .auth-brand .logo-mark{width:36px!important;flex:0 0 36px!important}
  .auth-gate-card .auth-brand .logo-mark i{width:14px!important;height:14px!important}
  .auth-gate-card{grid-row:1!important;grid-column:1!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;padding:72px 24px 32px!important;background:#fff!important;box-shadow:none!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important}
.auth-gate-card>.auth-mode{display:none!important}
.auth-gate{position:relative!important}
  .auth-gate-card>.auth-heading{text-align:center!important;margin:0 0 20px!important}
  .auth-gate-card>.auth-heading h1{font-size:24px!important}
  .auth-gate-card>.auth-heading p{font-size:14px!important}
.auth-gate-card>.auth-google,.auth-gate-card>.auth-form,.auth-gate-card>.auth-submit{width:100%!important;max-width:380px!important;min-width:0!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;margin-top:0!important;margin-bottom:0!important}
.auth-gate-card>.auth-google{display:flex!important;flex-direction:column!important;align-items:center!important;margin:0!important}
   .auth-gate-card>.auth-google .auth-google-button{width:100%!important;max-width:380px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
   .auth-google-divider{display:flex!important}
   .auth-gate-card>.auth-form{margin:20px 0 0!important;text-align:left!important;gap:12px!important}
   .auth-gate-card>.auth-form>div{align-items:flex-start!important;gap:5px!important}
   .auth-gate-card>.auth-form input{width:100%!important;height:44px!important;border-radius:11px!important;box-sizing:border-box!important}
  .auth-gate-card>.auth-form label{font-size:13px!important;font-weight:500!important}
  .auth-gate-card>.auth-switch{margin:18px 0 0!important;text-align:center!important;font-size:14px!important}
  .auth-legal{display:none!important}
  .auth-error{margin:4px 0!important}
  .auth-submit{height:46px!important;border-radius:11px!important}
  .auth-poster-wall{display:none!important}
}
.auth-gate-card>.auth-google{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;margin-bottom:0!important}
.auth-google-divider{position:relative!important;width:100%!important;height:1px!important;margin:0!important;padding:0!important;background:#e5e7eb!important}
.auth-google-divider span{display:none!important}
.auth-google-divider::before,.auth-google-divider::after{display:none!important}
.auth-gate-card>.auth-form{margin:16px 0 0!important}
.auth-gate-card .auth-form label{font-size:13px!important;font-weight:600!important}
.auth-google-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;position:relative!important;text-align:center!important}
.auth-google-button .auth-google-label{position:static!important;left:auto!important;transform:none!important}
.auth-google-button .auth-google-logo{position:static!important;left:auto!important}
/* auth gate: centered modal; labels left-aligned with inputs */
.auth-gate-card>.auth-form{text-align:left!important}
.auth-gate-card>.auth-form>div{align-items:flex-start!important}
.auth-gate-card>.auth-form label{text-align:left!important;font-weight:500!important}
.auth-gate-card>.auth-form input{text-align:left!important}

/* kumo Button primary treatment for log in / create account */
.auth-submit[data-kumo-component=Button]{height:42px!important;min-height:42px!important;border-radius:8px!important;box-shadow:0 1px 2px 0 rgb(0 0 0 / .05),0 0 0 1px var(--kumo-button-emphasis-ring)!important}
.auth-submit[data-kumo-component=Button]:hover{box-shadow:0 1px 2px 0 rgb(0 0 0 / .08),0 0 0 1px var(--kumo-button-emphasis-ring)!important}
.auth-submit[data-kumo-component=Button]:focus-visible{box-shadow:0 0 0 2px var(--kumo-button-emphasis-ring)!important}
.auth-submit[data-kumo-component=Button]>span[aria-hidden=true]{background-image:linear-gradient(to bottom,var(--kumo-button-emphasis-gradient-start),var(--kumo-button-emphasis-gradient-end))!important;box-shadow:inset 0 1px 0 0 var(--kumo-button-emphasis-bg)!important}
.auth-submit[data-kumo-component=Button]:hover>span[aria-hidden=true]{background-image:linear-gradient(to bottom,var(--kumo-button-emphasis-bg),var(--kumo-button-emphasis-gradient-end))!important}

/* desktop: two-column layout (login left, poster right); form content vertically centered */
@media (min-width:768px){
.auth-gate{display:grid!important;grid-template-columns:1fr auto!important;min-height:100dvh!important;background:#fff!important;align-items:stretch!important}
.auth-poster-wall{grid-column:2!important;grid-row:1!important;width:calc(100dvh * 2 / 3)!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;position:relative!important;display:block!important}
.auth-poster-wall>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.auth-poster-wall::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(to right,rgba(0,0,0,.30),rgba(0,0,0,0) 25%)!important;pointer-events:none!important;z-index:2!important}
.auth-gate-card{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:48px!important;height:100dvh!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:auto!important}
.auth-gate-card>.auth-heading{margin:0 0 24px!important;text-align:center!important}
.auth-gate-card>.auth-google,.auth-gate-card>.auth-form,.auth-gate-card>.auth-submit{width:380px!important;max-width:380px!important;margin-left:auto!important;margin-right:auto!important}
}
/* mobile: center the modal content vertically */
@media (max-width:767px){
.auth-gate-card{min-height:100dvh!important;justify-content:center!important}
.auth-submit[data-kumo-component=Button]{height:46px!important;min-height:46px!important;border-radius:8px!important}
}
[data-theme=dark] .settings-letterboxd-card{background:var(--color-kumo-control);border-color:var(--color-kumo-line)}
[data-theme=dark] .settings-letterboxd-card h3,[data-theme=dark] .settings-letterboxd-card h2{color:var(--color-kumo-strong)}
[data-theme=dark] .settings-letterboxd-helper,[data-theme=dark] .settings-letterboxd-card .settings-letterboxd-message{color:var(--color-kumo-subtle)}
[data-theme=dark] .settings-letterboxd-card .settings-letterboxd-pill{background:rgba(0,224,84,.12);border-color:rgba(0,224,84,.35);color:#7fe8a8}
[data-theme=dark] .settings-letterboxd-card .settings-letterboxd-pill.is-error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#fca5a5}
[data-theme=dark] .settings-letterboxd-card .settings-letterboxd-message.is-error{color:#fca5a5}

.dialog-comments{margin-top:22px;padding-top:0}
.dialog-comments-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dialog-comments-heading h3{margin:0;font-size:15px;color:var(--color-kumo-strong)}
.comments-loading-hint{font-size:12px;color:#667781}
.comments-error{font-size:12px;color:#b42318;margin:0 0 10px}
.comments-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:14px;max-height:220px;overflow-y:auto}
.comment-item{display:flex;gap:10px}
.comment-avatar{color:#d7dee1;background:#2b3940;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid;overflow:hidden}
.comment-main{min-width:0;flex:1}
.comment-meta{display:flex;align-items:baseline;gap:6px;font-size:12px;color:#667781}
.comment-meta b{color:var(--color-kumo-default)}
.comment-text{margin:2px 0 0;font-size:14px;color:var(--color-kumo-default);white-space:pre-wrap;word-break:break-word}
.comment-delete{flex:none;background:none;border:0;padding:2px;color:#667781;cursor:pointer;align-self:flex-start}
.comment-delete:hover:not(:disabled){color:#b42318}
.comment-delete:disabled{opacity:.5;cursor:default}
.comments-empty{font-size:14px;color:#667781;margin:0 0 14px}
.comment-form{display:flex;gap:10px}
.comment-form-avatar{color:#d7dee1;background:#2b3940;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid;overflow:hidden}
.comment-form-main{min-width:0;flex:1}
.comment-input{width:100%;box-sizing:border-box;background:var(--color-kumo-control);border:1px solid var(--color-kumo-line);border-radius:8px;color:var(--color-kumo-default);padding:8px 12px;font-size:14px;resize:vertical;font-family:inherit;transition:border-color .1s ease,box-shadow .1s ease}
.comment-input:focus{outline:none;border-color:var(--color-kumo-focus);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--color-kumo-focus) 50%,transparent)}
.comment-input::placeholder{color:#9ca3af}
.comment-form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.comment-count-hint{font-size:11px;color:#667781}

/* bettrboxd-fix: review dialog action icons (share, edit, delete) share one color in dark mode */
[data-theme=dark] .review-dialog .dialog-actions .animated-share-main svg,[data-theme=dark] .review-dialog .dialog-actions .animated-share-action button,[data-theme=dark] .review-dialog .dialog-actions .animated-share-action button svg,[data-theme=dark] .review-dialog .dialog-actions .poster-edit-action svg,[data-theme=dark] .review-dialog .dialog-actions .dialog-delete-action svg{color:#667781!important}

/* bettrboxd-fix: phone review-dialog & composer - hide the poster on phones to preserve space/UX; full-width review body, and edit toolbar keeps the spoilers toggle and Cancel/Save on one level. */
@media (width<=480px){
.review-dialog{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;height:min(560px,100dvh - 40px);max-height:calc(100dvh - 24px)}
.review-dialog>img,.dialog-poster-placeholder,.writer-poster,.writer-poster-placeholder{display:none}
.dialog-body{padding:16px 20px 22px;overflow-y:auto}
.dialog-body h2{font-size:24px}
.edit-review-editor-shell .review-editor-toolbar{flex-wrap:nowrap;align-items:center;justify-content:space-between}
.edit-review-editor-shell .edit-actions{width:auto;flex:0 0 auto;justify-content:flex-end;margin-left:auto}
}

/* bettrboxd-fix: compact mobile navigation, modal headers, and review filters. */
@media (width<=760px){
  .top-nav-layout .mobile-primary-nav{
    z-index:100;
    position:fixed;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    left:10px;
    width:auto;
    height:64px;
    padding:5px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:3px;
    border:1px solid #d5d2ca;
    border-radius:22px;
    background:color-mix(in srgb,#fbfaf7 94%,transparent);
    box-shadow:0 12px 34px #17222926;
  }
  [data-theme=dark] .top-nav-layout .mobile-primary-nav{
    border-color:#39434a;
    background:color-mix(in srgb,#1c2226 94%,transparent);
    box-shadow:0 12px 34px #0008;
  }
  .top-nav-layout .mobile-primary-nav button{
    position:relative;
    min-height:52px;
    padding:4px 2px;
    gap:3px;
    color:#7c878c;
    border:0;
    border-radius:17px;
    background:transparent;
    font-size:10px;
    font-weight:600;
    line-height:1;
  }
  [data-theme=dark] .top-nav-layout .mobile-primary-nav button{color:#9aa6ac}
  .top-nav-layout .mobile-primary-nav button.active{color:#172229;background:#e7e5e0}
  [data-theme=dark] .top-nav-layout .mobile-primary-nav button.active{color:#f4f1eb;background:#343d42}
  .top-nav-layout .mobile-primary-nav button svg{width:20px;height:20px}
  .mobile-nav-home-icon{position:relative;width:20px;height:20px;display:block}
  .mobile-nav-home-icon:before{content:"";position:absolute;left:3px;top:7px;width:14px;height:11px;border:2px solid currentColor;border-radius:4px}
  .mobile-nav-home-icon:after{content:"";position:absolute;left:5px;top:3px;width:10px;height:10px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);border-radius:3px}
  .page.top-nav-layout{padding-bottom:92px}
  .dialog-body{padding-top:16px}
  .dialog-body h2{margin-top:0}
  .dialog-actions{top:10px;right:10px}
  .dialog-heading{padding-right:78px}
  .review-control-filters{gap:8px;overflow:visible}
  .review-control-filters .w-\[200px\]{width:calc((100% - 16px)/3);min-width:0;max-width:none}
}
@media (width>=761px){
  .dialog-body{padding-top:20px}
  .dialog-body h2{margin-top:0}
  .dialog-actions{top:12px;right:12px}
  .dialog-heading{padding-right:80px}
}

/* bettrboxd-fix: keep film posters visible beside review content on compact screens. */
@media (width<=760px){
  .review-dialog{
    grid-template-columns:minmax(120px,34%) minmax(0,1fr);
    grid-template-rows:1fr;
    height:min(620px,calc(100dvh - 28px));
  }
  .review-dialog>img{display:block;height:100%;min-height:0}
  .dialog-poster-placeholder{display:flex;height:100%;min-height:0}
  .review-dialog>img{object-fit:cover}
  .writer{
    grid-template-columns:minmax(120px,30%) minmax(0,1fr);
    grid-template-rows:1fr;
    height:min(620px,calc(100dvh - 100px));
    min-height:420px;
  }
  .writer-poster{display:block;width:100%;height:100%;object-fit:cover}
  .writer-poster-placeholder{display:flex;width:100%;height:100%}
}
@media (width<=480px){
  .review-dialog{
    grid-template-columns:88px minmax(0,1fr);
    height:min(620px,calc(100dvh - 24px));
  }
  .writer{
    grid-template-columns:88px minmax(0,1fr);
    height:min(620px,calc(100dvh - 80px));
    min-height:420px;
  }
  .review-dialog>img,.writer-poster{object-fit:cover}
}

/* bettrboxd-fix: make mobile See all links compact but visibly actionable. */
@media (width<=760px){
  .see-all-reviews{
    min-width:0;
    min-height:40px;
    padding:0 14px;
    gap:7px;
    border-color:#aeb7bc;
    background:#e7e5e0;
    font-size:11px;
  }
  .see-all-reviews svg{width:16px;height:16px}
  [data-theme=dark] .see-all-reviews{
    color:#f4f1eb;
    border-color:#56636a;
    background:#343d42;
  }
}

/* bettrboxd-fix: remove cramped posters from review and composer dialogs. */
.review-dialog{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
}
.review-dialog>img,.dialog-poster-placeholder,.writer-poster,.writer-poster-placeholder{
  display:none!important;
}
.writer{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
}

/* bettrboxd-fix: reference-style mobile navigation pill with a separate search control. */
.mobile-nav-search{display:none}
@media (width<=760px){
  .top-nav-layout .mobile-primary-nav{
    right:78px;
    bottom:12px;
    left:12px;
    width:auto;
    height:72px;
    padding:6px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:2px;
    border:1px solid #fff;
    border-radius:40px;
    background:#f7f7f7e8;
    box-shadow:0 8px 24px #1722291f;
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  [data-theme=dark] .top-nav-layout .mobile-primary-nav{
    border-color:#4a5358;
    background:#1d2327eb;
    box-shadow:0 8px 24px #0008;
  }
  .top-nav-layout .mobile-primary-nav button{
    min-height:60px;
    padding:5px 2px;
    gap:4px;
    color:#202932;
    border-radius:32px;
    font-size:11px;
    font-weight:600;
    text-transform:none;
    transition:color .2s ease,background-color .2s ease,transform .2s ease;
  }
  [data-theme=dark] .top-nav-layout .mobile-primary-nav button{color:#d1d7da}
  .top-nav-layout .mobile-primary-nav button.active,
  [data-theme=dark] .top-nav-layout .mobile-primary-nav button.active{
    color:#ef233c;
    background:#dedede;
    transform:scale(.98);
  }
  [data-theme=dark] .top-nav-layout .mobile-primary-nav button.active{background:#343a3e}
  .top-nav-layout .mobile-primary-nav button svg{width:24px;height:24px;stroke-width:2.2}
  .mobile-nav-home-icon{width:24px;height:24px}
  .mobile-nav-home-icon:before{left:4px;top:9px;width:16px;height:12px}
  .mobile-nav-home-icon:after{left:6px;top:4px;width:11px;height:11px}
  .mobile-nav-search{
    z-index:101;
    position:fixed;
    right:12px;
    bottom:12px;
    width:72px;
    height:72px;
    padding:0;
    display:grid;
    place-items:center;
    color:#202932;
    border:1px solid #fff;
    border-radius:50%;
    background:#f7f7f7e8;
    box-shadow:0 8px 24px #1722291f;
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  [data-theme=dark] .mobile-nav-search{color:#f4f1eb;border-color:#4a5358;background:#1d2327eb;box-shadow:0 8px 24px #0008}
  .mobile-nav-search:active{transform:scale(.96)}
  .mobile-nav-search-icon{position:relative;width:28px;height:28px;border:3px solid currentColor;border-radius:50%}
  .mobile-nav-search-icon:after{content:"";position:absolute;right:-8px;bottom:-6px;width:12px;height:3px;border-radius:3px;background:currentColor;transform:rotate(48deg);transform-origin:left center}
}

/* bettrboxd-fix: keep filter labels visible and reserve a stable poster column in review modals. */
@media (width<=760px){
  .review-control-filters{
    width:100%;
    display:flex;
    gap:8px;
    overflow-x:auto;
  }
  .review-control-filters .w-\[200px\]{
    flex:1 0 110px;
    width:auto;
    min-width:110px;
    max-width:none;
  }
  .review-dialog{
    grid-template-columns:minmax(120px,34%) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
  }
  .review-dialog>img{
    display:block!important;
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    background:#11181c;
  }
  .dialog-poster-placeholder{display:flex!important}
  .writer{
    grid-template-columns:minmax(120px,30%) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
  }
  .writer-poster{
    display:block!important;
    width:100%;
    height:100%;
    object-fit:cover;
    background:#11181c;
  }
  .writer-poster-placeholder{display:flex!important}
}
@media (width<=480px){
  .review-dialog{grid-template-columns:minmax(128px,34%) minmax(0,1fr)!important}
  .writer{grid-template-columns:minmax(118px,30%) minmax(0,1fr)!important}
  .review-control-filters .w-\[200px\]{min-width:104px}
}

@media (width<=760px){
  .review-control-filters>*{
    flex:1 0 110px!important;
    width:auto!important;
    min-width:110px!important;
    max-width:none!important;
  }
  .review-box.is-writing .writer{
    display:grid!important;
    grid-template-columns:minmax(118px,30%) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    width:100%;
    height:min(620px,calc(100dvh - 100px));
    min-height:420px;
  }
  .review-box.is-writing .writer-poster{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%;
    object-fit:cover;
  }
}

/* bettrboxd-fix: Twitter-style full-width nav with a floating Add review action. */
@media (width<=760px){
  .top-nav-layout .mobile-primary-nav{
    right:12px;
    left:12px;
    bottom:12px;
  }
  .mobile-nav-search.mobile-nav-add{
    right:20px;
    bottom:94px;
    width:54px;
    height:54px;
    color:#fff;
    border:0;
    background:#1683e8;
    box-shadow:0 7px 18px #1683e866;
  }
  [data-theme=dark] .mobile-nav-search.mobile-nav-add{color:#fff;background:#1683e8;box-shadow:0 7px 18px #1683e899}
  .mobile-nav-search.mobile-nav-add .mobile-nav-search-icon{display:none}
  .mobile-nav-add-icon{font-size:34px;font-weight:300;line-height:1;transform:translateY(-1px)}
}

/* bettrboxd-fix: posters stay out of the review and composer views. */
.review-dialog>img,.dialog-poster-placeholder,.writer-poster,.writer-poster-placeholder{display:none!important}
.review-dialog{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:1fr!important}
.writer{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:1fr!important}
.review-box.is-writing .writer-poster,.review-box.is-writing .writer-poster-placeholder{display:none!important}
.review-box.is-writing .writer{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:1fr!important}

/* React/Phosphor mobile navigation replaces the recovered bundle navigation. */
.mobile-nav-dock-overlay{display:none!important}
.mobile-react-nav-overlay{display:none}
@media (width<=760px){
  .page.top-nav-layout{padding-bottom:112px}
  .mobile-react-nav-overlay{
    z-index:120;
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:24px;
    pointer-events:none;
    background:#fff;
  }
  [data-theme=dark] .mobile-react-nav-overlay{background:#14181c}
  .mobile-react-nav-dock{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;pointer-events:auto}
  .mobile-react-nav-pill,.mobile-react-nav-add{
    border:1px solid rgba(255,255,255,.6);
    background:rgba(255,255,255,.8);
    box-shadow:0 10px 28px rgba(0,0,0,.05);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  [data-theme=dark] .mobile-react-nav-pill,[data-theme=dark] .mobile-react-nav-add{border-color:rgba(255,255,255,.2);background:rgba(23,28,32,.8);box-shadow:0 10px 28px rgba(0,0,0,.3)}
  .mobile-react-nav-pill{display:flex;align-items:center;justify-content:space-around;gap:1px;min-height:56px;padding:6px 8px;border-radius:999px}
  .mobile-react-nav-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:70px;height:48px;padding:6px 16px;border:0;border-radius:999px;background:transparent;color:#737373;font-family:Inter,"SF Pro Display",ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:color .2s ease,background-color .2s ease}
  .mobile-react-nav-tab:hover{color:#262626}
  .mobile-react-nav-tab.is-active{color:#111827;background:rgba(229,229,229,.7);font-weight:600}
  [data-theme=dark] .mobile-react-nav-tab{color:#a3a3a3}
  [data-theme=dark] .mobile-react-nav-tab:hover{color:#f5f5f5}
  [data-theme=dark] .mobile-react-nav-tab.is-active{color:#f5f5f5;background:rgba(255,255,255,.12)}
  .mobile-react-nav-add{display:flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:56px;padding:0;border-radius:999px;color:#111827;cursor:pointer;transition:transform .2s ease}
  .mobile-react-nav-add:hover{transform:scale(1.05)}
  .mobile-react-nav-add:active{transform:scale(.95)}
  [data-theme=dark] .mobile-react-nav-add{color:#f5f5f5}
}
.review-dialog .dialog-actions .animated-share-main svg,
.review-dialog .dialog-actions .animated-share-action button,
.review-dialog .dialog-actions .animated-share-action button svg,
.review-dialog .dialog-actions .poster-edit-action svg,
.review-dialog .dialog-actions .dialog-delete-action svg{color:#667781!important}
[data-theme=dark] .review-dialog .dialog-actions .animated-share-main svg,
[data-theme=dark] .review-dialog .dialog-actions .animated-share-action button,
[data-theme=dark] .review-dialog .dialog-actions .animated-share-action button svg,
[data-theme=dark] .review-dialog .dialog-actions .poster-edit-action svg,
[data-theme=dark] .review-dialog .dialog-actions .dialog-delete-action svg{color:#b7c1c6!important}
.review-dialog:has(.edit-review-form) .dialog-comments{display:none!important}

/* bettrboxd-fix: bottom fade overlay, balanced dock padding, and Letterboxd states. */
.mobile-nav-dock-overlay{display:none}
@media (width<=760px){
  .page.top-nav-layout{padding-bottom:120px}
  .mobile-nav-dock-overlay{
    z-index:50;
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:24px;
    pointer-events:none;
    background:linear-gradient(to top,rgba(245,245,245,.9),rgba(245,245,245,.5),transparent);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
  }
  [data-theme=dark] .mobile-nav-dock-overlay{background:linear-gradient(to top,rgba(20,24,28,.92),rgba(20,24,28,.52),transparent)}
  .mobile-nav-dock-overlay .mobile-nav-dock{
    position:relative;
    inset:auto;
    display:flex;
    align-items:center;
    gap:12px;
    width:min(100%,520px);
    pointer-events:auto;
  }
  .mobile-nav-dock-overlay .mobile-primary-nav,
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add{
    border:1px solid rgba(255,255,255,.5)!important;
    background:rgba(255,255,255,.7)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.05)!important;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add{
    border-color:rgba(255,255,255,.2)!important;
    background:rgba(23,28,32,.8)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.3)!important;
  }
  .mobile-nav-dock-overlay .mobile-primary-nav{
    flex:1 1 auto;
    height:64px;
    padding:8px 12px;
    border-radius:32px;
  }
  .mobile-nav-dock-overlay .mobile-primary-nav:after{
    top:8px;
    bottom:8px;
    left:12px;
    width:calc((100% - 24px)/4);
    background:rgba(0,0,0,.06);
    border:0;
    box-shadow:inset 0 1px rgba(255,255,255,.55);
  }
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav:after{background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.18)}
  .mobile-nav-dock-overlay .mobile-primary-nav button,
  .mobile-nav-dock-overlay .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button.active{
    height:48px;
    min-height:48px;
    padding:2px 4px;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .mobile-nav-dock-overlay .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button.active{color:#ff8000!important}
  .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active){color:#737373;transition:color .2s ease}
  .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active):hover{color:#262626}
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active){color:#a3a3a3}
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active):hover{color:#f5f5f5}
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add{
    position:relative;
    inset:auto;
    flex:0 0 64px;
    width:64px;
    height:64px;
    border-radius:50%;
    color:#171717!important;
    cursor:pointer;
    transition:transform .2s ease;
  }
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add{color:#171717!important}
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add:hover{transform:scale(1.05)}
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add:active{transform:scale(.95)}
}

/* bettrboxd-fix: Apple Music-inspired glass navigation at the top of mobile screens. */
@media (width<=760px){
  .page.top-nav-layout{
    padding-top:98px;
    padding-bottom:92px;
  }
  .top-nav-layout .mobile-primary-nav{
    z-index:100;
    top:12px;
    right:78px;
    bottom:auto;
    left:12px;
    width:auto;
    height:78px;
    padding:7px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    overflow:hidden;
    isolation:isolate;
    border:1px solid #ffffffb8;
    border-radius:42px;
    background:linear-gradient(135deg,#ffffffb8,#ffffff52 48%,#e7ebf080);
    box-shadow:inset 0 1px #fff,0 12px 30px #17222926;
    -webkit-backdrop-filter:blur(24px) saturate(145%);
    backdrop-filter:blur(24px) saturate(145%);
  }
  .top-nav-layout .mobile-primary-nav:before{
    content:"";
    z-index:-1;
    pointer-events:none;
    position:absolute;
    top:1px;
    right:10%;
    left:10%;
    height:1px;
    border-radius:50%;
    background:#ffffffdb;
    box-shadow:0 0 18px 5px #fff8;
  }
  [data-theme=dark] .top-nav-layout .mobile-primary-nav{
    border-color:#ffffff42;
    background:linear-gradient(135deg,#ffffff25,#ffffff0d 48%,#0b1115a8);
    box-shadow:inset 0 1px #ffffff55,0 12px 30px #0009;
  }
  [data-theme=dark] .top-nav-layout .mobile-primary-nav:before{background:#ffffff77;box-shadow:0 0 18px 5px #ffffff1f}
  .top-nav-layout .mobile-primary-nav button{
    z-index:1;
    min-width:0;
    min-height:62px;
    width:100%;
    height:62px;
    padding:4px 2px;
    gap:3px;
    color:#4b5560;
    border:1px solid transparent;
    border-radius:50%;
    background:transparent;
    font-size:10px;
    font-weight:600;
    line-height:1;
    text-transform:none;
    transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;
  }
  [data-theme=dark] .top-nav-layout .mobile-primary-nav button{color:#c6ced3}
  .top-nav-layout .mobile-primary-nav button.active,
  [data-theme=dark] .top-nav-layout .mobile-primary-nav button.active{
    color:#6d28d9;
    background:#ffffff70;
    border-color:#ffffff80;
    box-shadow:inset 0 1px #fff9,0 4px 12px #fff3;
    transform:none;
  }
  [data-theme=dark] .top-nav-layout .mobile-primary-nav button.active{color:#c084fc;background:#ffffff1f;border-color:#ffffff38;box-shadow:inset 0 1px #ffffff55,0 4px 12px #0003}
  .top-nav-layout .mobile-primary-nav button svg{width:23px;height:23px;stroke-width:2.1}
  .mobile-nav-home-icon{width:23px;height:23px}
  .mobile-nav-home-icon:before{left:4px;top:9px;width:15px;height:11px}
  .mobile-nav-home-icon:after{left:6px;top:4px;width:10px;height:10px}
  .mobile-nav-search.mobile-nav-add{
    z-index:101;
    top:25px;
    right:15px;
    bottom:auto;
    width:58px;
    height:58px;
    border:1px solid #ffffffc7;
    background:#ffffffa8;
    color:#4b5560;
    box-shadow:inset 0 1px #fff,0 8px 20px #1722292b;
    -webkit-backdrop-filter:blur(22px) saturate(145%);
    backdrop-filter:blur(22px) saturate(145%);
  }
  [data-theme=dark] .mobile-nav-search.mobile-nav-add{border-color:#ffffff45;background:#ffffff1c;color:#f4f1eb;box-shadow:inset 0 1px #ffffff55,0 8px 20px #0008}
.mobile-nav-add-icon{font-size:32px;font-weight:300}
}

/* bettrboxd-fix: unified Apple Music-style glass dock with integrated Add review. */
.mobile-nav-dock{display:none}
@media (width<=760px){
  .page.top-nav-layout{padding-bottom:100px}
  .mobile-nav-dock{
    z-index:100;
    position:fixed;
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    left:12px;
    display:flex;
    align-items:center;
    gap:12px;
  }
  .mobile-nav-dock .mobile-primary-nav,
  .mobile-nav-dock .mobile-nav-search.mobile-nav-add{
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.4);
    background:rgba(255,255,255,.7);
    box-shadow:0 10px 28px rgba(0,0,0,.05);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  [data-theme=dark] .mobile-nav-dock .mobile-primary-nav,
  [data-theme=dark] .mobile-nav-dock .mobile-nav-search.mobile-nav-add{
    border-color:rgba(255,255,255,.18);
    background:rgba(23,28,32,.8);
    box-shadow:0 10px 28px rgba(0,0,0,.3);
  }
  .mobile-nav-dock .mobile-primary-nav{
    position:relative;
    inset:auto;
    flex:1 1 auto;
    width:auto;
    height:64px;
    min-width:0;
    padding:4px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    overflow:hidden;
    border-radius:32px;
    isolation:isolate;
  }
  .mobile-nav-dock .mobile-primary-nav:before{display:none}
  .mobile-nav-dock .mobile-primary-nav:after{
    content:"";
    position:absolute;
    z-index:0;
    top:4px;
    bottom:4px;
    left:4px;
    width:calc((100% - 8px)/4);
    border-radius:28px;
    background:rgba(0,0,0,.05);
    box-shadow:inset 0 1px rgba(255,255,255,.55);
    transform:translateX(0);
    transition:transform .3s ease-out;
  }
  [data-theme=dark] .mobile-nav-dock .mobile-primary-nav:after{background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.18)}
  .mobile-nav-dock .mobile-primary-nav[data-active-index="1"]:after{transform:translateX(100%)}
  .mobile-nav-dock .mobile-primary-nav[data-active-index="2"]:after{transform:translateX(200%)}
  .mobile-nav-dock .mobile-primary-nav[data-active-index="3"]:after{transform:translateX(300%)}
  .mobile-nav-dock .mobile-primary-nav button{
    z-index:1;
    min-width:0;
    min-height:54px;
    width:100%;
    height:54px;
    padding:3px 2px;
    gap:2px;
    color:#737373;
    border:0;
    border-radius:28px;
    background:transparent;
    font-size:10px;
    font-weight:600;
    text-transform:none;
    transition:color .2s ease,transform .2s ease;
  }
  .mobile-nav-dock .mobile-primary-nav button:hover{color:#262626}
  .mobile-nav-dock .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock .mobile-primary-nav button.active{color:#00e054;background:transparent;transform:none}
  [data-theme=dark] .mobile-nav-dock .mobile-primary-nav button{color:#a3a3a3}
  [data-theme=dark] .mobile-nav-dock .mobile-primary-nav button:hover{color:#f5f5f5}
  .mobile-nav-dock .mobile-primary-nav button svg{width:22px;height:22px}
  .mobile-nav-dock .mobile-nav-search.mobile-nav-add{
    position:relative;
    inset:auto;
    flex:0 0 64px;
    width:64px;
    height:64px;
    display:grid;
    place-items:center;
    padding:0;
    color:#00e054;
    border-radius:50%;
    cursor:pointer;
    transition:transform .2s ease;
  }
  .mobile-nav-dock .mobile-nav-search.mobile-nav-add:hover{transform:scale(1.05)}
  .mobile-nav-dock .mobile-nav-search.mobile-nav-add:active{transform:scale(.95)}
  [data-theme=dark] .mobile-nav-dock .mobile-nav-search.mobile-nav-add{color:#00e054}
  .mobile-nav-dock .mobile-nav-add-icon{font-size:32px;font-weight:300;line-height:1}
}

/* bettrboxd-fix: tighten mobile review composer and align modal headings with actions. */
@media (width<=760px){
  .review-box.is-writing .writer{
    height:min(430px,calc(100dvh - 160px))!important;
    min-height:0!important;
    max-height:430px;
  }
  .review-box.is-writing .writer-content{
    padding:16px 16px 64px!important;
  }
  .review-box.is-writing .writer h2{
    margin-top:0;
    margin-left:0;
    margin-bottom:7px;
  }
  .review-box.is-writing .writer .quick-review-editor-shell{
    min-height:90px;
    max-height:150px;
  }
  .review-dialog .dialog-body{
    padding-top:12px!important;
  }
  .review-dialog .dialog-body h2{
    margin-top:0!important;
  }
  .review-dialog .dialog-actions{
    top:8px!important;
    right:10px!important;
  }
  .review-dialog .dialog-heading{padding-right:88px}
}

/* bettrboxd-fix: dock the glass navigation and Add review action at the bottom. */
@media (width<=760px){
  .page.top-nav-layout{padding-top:0}
  .top-nav-layout .mobile-primary-nav{top:auto;bottom:12px}
  .mobile-nav-search.mobile-nav-add{top:auto;bottom:94px}
}

/* bettrboxd-fix: hide Home and use restrained black dock controls. */
@media (width<=760px){
  .mobile-nav-dock .mobile-nav-home.is-hidden{display:none!important}
  .mobile-nav-dock-overlay .mobile-primary-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-nav-dock-overlay .mobile-primary-nav:after{width:calc((100% - 24px)/3)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="1"]:after{transform:translateX(100%)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="2"]:after{transform:translateX(200%)}
  .mobile-nav-dock-overlay .mobile-primary-nav button,
  .mobile-nav-dock-overlay .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button.active{
    color:#171717!important;
    font-weight:500;
  }
  .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active):hover{color:#000!important}
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add{color:#171717!important}
}

/* bettrboxd-fix: three-tab Phosphor dock with no Home destination. */
@media (width<=760px){
  .mobile-nav-dock-overlay .mobile-primary-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-nav-dock-overlay .mobile-nav-home.is-hidden{display:none!important}
  .mobile-nav-dock-overlay .mobile-primary-nav:after{width:calc((100% - 24px)/3)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="1"]:after{transform:translateX(100%)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="2"]:after{transform:translateX(200%)}
  .mobile-nav-dock-overlay .mobile-primary-nav button,
  .mobile-nav-dock-overlay .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button.active{font-family:Inter,"SF Pro Display",ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:-.01em;color:#737373!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .mobile-nav-dock-overlay .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button.active{color:#111827!important}
  .mobile-nav-dock-overlay .mobile-primary-nav button svg{width:22px;height:22px}
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add{color:#111827!important}
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add svg{width:22px;height:22px}
}

/* bettrboxd-fix: final four-tab Phosphor alignment and footer containment. */
@media (width<=760px){
  .page.top-nav-layout{padding-bottom:112px}
  .mobile-nav-dock-overlay{
    background:#fff!important;
    padding:24px;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  [data-theme=dark] .mobile-nav-dock-overlay{background:#14181c!important}
  .mobile-nav-dock-overlay .mobile-primary-nav{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 12px;gap:0}
  .mobile-nav-dock-overlay .mobile-nav-home.is-hidden{display:block!important}
  .mobile-nav-dock-overlay .mobile-primary-nav:after{width:calc((100% - 24px)/4)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="1"]:after{transform:translateX(100%)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="2"]:after{transform:translateX(200%)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="3"]:after{transform:translateX(300%)}
  .mobile-nav-dock-overlay .mobile-primary-nav button,
  .mobile-nav-dock-overlay .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button.active{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    height:48px;
    min-height:48px;
    padding:8px 16px;
    font-family:Inter,"SF Pro Display",ui-sans-serif,system-ui,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:-.01em;
    color:#737373!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .mobile-nav-dock-overlay .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button.active{color:#111827!important}
  .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active):hover{color:#262626!important}
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active){color:#a3a3a3!important}
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active):hover{color:#f5f5f5!important}
  .mobile-nav-dock-overlay .mobile-primary-nav button svg{width:22px;height:22px;flex:0 0 22px}
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add{color:#111827!important}
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add svg{width:24px;height:24px}
}

/* bettrboxd-fix: consistent view/edit review modal geometry and scroll regions. */
.review-dialog{
  width:100%!important;
  max-width:448px!important;
  height:min(580px,85dvh)!important;
  max-height:85dvh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.review-dialog .dialog-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.review-dialog .dialog-heading,
.review-dialog .dialog-rating-row,
.review-dialog .spoiler-author-header{
  flex:0 0 auto;
  padding-right:24px;
  padding-left:24px;
}
.review-dialog .dialog-heading{padding-top:18px}
.review-dialog .dialog-body h2{margin-top:0!important}
.review-dialog .dialog-rating-row{padding-top:8px}
.review-dialog .spoiler-author-header{padding-top:10px;padding-bottom:4px}
.review-dialog .dialog-body>.dialog-review-text,
.review-dialog .dialog-body>.spoiler-review-preview{
  flex:1 1 auto;
  min-height:0;
  margin:0!important;
  padding:16px 24px;
  overflow-y:auto;
}
.review-dialog .dialog-body>.dialog-comments{
  flex:0 0 auto;
  max-height:180px;
  padding:0 24px 16px;
  overflow-y:auto;
}
.review-dialog:has(.edit-review-form) .edit-review-form{flex:1 1 auto!important;min-height:0!important}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell{
  display:flex;
  flex:1 1 auto!important;
  flex-direction:column;
  min-height:0!important;
  height:auto!important;
}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor-input-row{
  position:static!important;
  flex:1 1 auto;
  min-height:160px;
  padding:16px 24px;
  overflow-y:auto;
}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor{
  width:100%;
  min-height:160px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  resize:none;
  outline:none;
}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor:focus{box-shadow:none}

/* bettrboxd-fix: restore the desktop poster-left/review-right modal layout. */
@media (width>=761px){
  .review-dialog{
    width:min(980px,calc(100vw - 64px))!important;
    max-width:980px!important;
    height:min(560px,85dvh)!important;
    display:grid!important;
    grid-template-columns:minmax(340px,38%) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    flex-direction:initial!important;
  }
  .review-dialog>img{
    display:block!important;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#080a0b;
  }
  .review-dialog .dialog-poster-placeholder{display:flex!important;width:100%;height:100%}
  .review-dialog .dialog-body{min-width:0;min-height:0}
}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor-toolbar{
  position:static!important;
  flex:0 0 auto;
  width:100%;
  min-height:72px;
  margin:0!important;
  padding:12px 24px;
  border-top:1px solid #e5e7eb;
}

/* bettrboxd-fix: strengthen the visible React/Phosphor glass dock. */
@media (width<=760px){
  .mobile-react-nav-overlay{
    z-index:140!important;
    padding:20px 16px calc(20px + env(safe-area-inset-bottom));
    background:#fff!important;
  }
  [data-theme=dark] .mobile-react-nav-overlay{background:#14181c!important}
  .mobile-react-nav-dock{gap:10px;max-width:520px}
  .mobile-react-nav-pill,
  .mobile-react-nav-add{
    position:relative;
    border:1px solid #d6d9dd!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.72))!important;
    box-shadow:0 8px 24px rgba(15,23,42,.14),inset 0 1px rgba(255,255,255,.95)!important;
    -webkit-backdrop-filter:blur(16px) saturate(150%);
    backdrop-filter:blur(16px) saturate(150%);
  }
  .mobile-react-nav-pill:before,
  .mobile-react-nav-add:before{
    content:"";
    pointer-events:none;
    position:absolute;
    top:1px;
    right:14%;
    left:14%;
    height:1px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 12px 2px rgba(255,255,255,.85);
  }
  [data-theme=dark] .mobile-react-nav-pill,
  [data-theme=dark] .mobile-react-nav-add{
    border-color:#4b5563!important;
    background:linear-gradient(180deg,rgba(55,65,81,.94),rgba(23,28,32,.9))!important;
    box-shadow:0 8px 24px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.16)!important;
  }
  .mobile-react-nav-tab.is-active{background:#e5e7eb!important;color:#111827!important;box-shadow:inset 0 1px rgba(255,255,255,.9)}
  .mobile-react-nav-tab:not(.is-active){color:#6b7280!important}
  .mobile-react-nav-tab:not(.is-active):hover{color:#1f2937!important}
  [data-theme=dark] .mobile-react-nav-tab.is-active{background:#d1d5db!important;color:#111827!important}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active){color:#d1d5db!important}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active):hover{color:#fff!important}
  .mobile-react-nav-add{color:#111827!important}
  [data-theme=dark] .mobile-react-nav-add{color:#111827!important}
  .mobile-react-nav-add:hover{background:rgba(229,231,235,.82)!important}
  [data-theme=dark] .mobile-react-nav-add:hover{background:rgba(209,213,219,.72)!important}
}

/* bettrboxd-fix: keep React dock mobile-only and animate one shared active pill. */
.mobile-react-nav-overlay{display:none!important}
@media (width<=760px){
  .mobile-react-nav-overlay{display:flex!important}
  .mobile-react-nav-pill{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden}
  .mobile-react-nav-active-pill{position:absolute;z-index:0;top:6px;bottom:6px;left:8px;width:calc((100% - 16px)/4);border-radius:999px;background:rgba(229,231,235,.82);box-shadow:inset 0 1px rgba(255,255,255,.9);pointer-events:none;transition:transform .3s ease-out}
  [data-theme=dark] .mobile-react-nav-active-pill{background:rgba(209,213,219,.72)}
  .mobile-react-nav-tab{z-index:1;background:transparent!important}
  .mobile-react-nav-tab.is-active{background:transparent!important}
  .mobile-react-nav-active-pill{transition:transform .3s ease-out,opacity .2s ease}
  .mobile-react-nav-add.is-active{background:rgba(229,231,235,.82)!important}
  [data-theme=dark] .mobile-react-nav-add.is-active{background:rgba(209,213,219,.72)!important}
}

/* bettrboxd-fix: final dark-mode dock cleanup; legacy cyan dock must stay hidden. */
@media (width<=760px){
  .mobile-nav-dock-overlay{display:none!important}
  .mobile-react-nav-overlay{display:flex!important;background:#14181c!important}
  [data-theme=dark] .mobile-react-nav-pill,
  [data-theme=dark] .mobile-react-nav-add{
    border-color:#4b5563!important;
    background:linear-gradient(180deg,#374151,#1f2937)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.16)!important;
  }
  [data-theme=dark] .mobile-react-nav-active-pill{background:#4b5563!important;box-shadow:inset 0 1px rgba(255,255,255,.18)!important}
  [data-theme=dark] .mobile-react-nav-tab.is-active{color:#f3f4f6!important;background:transparent!important}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active){color:#9ca3af!important}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active):hover{color:#f3f4f6!important}
  [data-theme=dark] .mobile-react-nav-add{color:#f3f4f6!important}
  [data-theme=dark] .mobile-react-nav-add.is-active{background:#4b5563!important;color:#f3f4f6!important}
}

/* bettrboxd-fix: remove dark-mode reflection bleed and cover both theme attributes. */
@media (width<=760px){
  [data-theme=dark] .mobile-react-nav-pill:before,
  [data-theme=dark] .mobile-react-nav-add:before,
  [data-mode=dark] .mobile-react-nav-pill:before,
  [data-mode=dark] .mobile-react-nav-add:before{display:none!important}
  [data-mode=dark] .mobile-react-nav-overlay{background:#14181c!important}
  [data-mode=dark] .mobile-react-nav-pill,
  [data-mode=dark] .mobile-react-nav-add{
    border-color:#4b5563!important;
    background:linear-gradient(180deg,#374151,#1f2937)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.16)!important;
  }
  [data-mode=dark] .mobile-react-nav-active-pill{background:#4b5563!important;box-shadow:inset 0 1px rgba(255,255,255,.18)!important}
  [data-mode=dark] .mobile-react-nav-tab.is-active{color:#f3f4f6!important}
  [data-mode=dark] .mobile-react-nav-tab:not(.is-active){color:#9ca3af!important}
  [data-mode=dark] .mobile-react-nav-add,[data-mode=dark] .mobile-react-nav-add.is-active{color:#f3f4f6!important}
}

/* bettrboxd-fix: inset review action controls from modal edges at every viewport. */
.review-dialog .dialog-actions{
  top:16px!important;
  right:16px!important;
  gap:10px!important;
  padding:0!important;
}
.review-dialog .dialog-actions .animated-share,
.review-dialog .dialog-actions .poster-edit-action,
.review-dialog .dialog-actions .dialog-delete-action{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
}
@media (width<=760px){
  .review-dialog .dialog-actions{top:12px!important;right:12px!important}
}

/* bettrboxd-fix: final light/dark React dock palette. */
@media (width<=760px){
  .mobile-nav-dock-overlay{display:none!important}
  .mobile-react-nav-overlay{display:flex!important;background:#fff!important}
  .mobile-react-nav-pill,.mobile-react-nav-add{
    border-color:#d1d5db!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.12),inset 0 1px rgba(255,255,255,.95)!important;
  }
  .mobile-react-nav-active-pill{background:rgba(229,231,235,.82)!important;box-shadow:inset 0 1px rgba(255,255,255,.9)!important}
  .mobile-react-nav-tab.is-active{color:#111827!important}
  .mobile-react-nav-tab:not(.is-active){color:#6b7280!important}
  .mobile-react-nav-tab:not(.is-active):hover{color:#1f2937!important}
  .mobile-react-nav-add,.mobile-react-nav-add.is-active{color:#111827!important}

  [data-theme=dark] .mobile-react-nav-overlay,[data-mode=dark] .mobile-react-nav-overlay{background:#14181c!important}
  [data-theme=dark] .mobile-react-nav-pill,[data-theme=dark] .mobile-react-nav-add,
  [data-mode=dark] .mobile-react-nav-pill,[data-mode=dark] .mobile-react-nav-add{
    border-color:#4b5563!important;
    background:linear-gradient(180deg,#374151,#1f2937)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.15)!important;
  }
  [data-theme=dark] .mobile-react-nav-active-pill,[data-mode=dark] .mobile-react-nav-active-pill{background:#4b5563!important;box-shadow:inset 0 1px rgba(255,255,255,.18)!important}
  [data-theme=dark] .mobile-react-nav-tab.is-active,[data-mode=dark] .mobile-react-nav-tab.is-active{color:#f3f4f6!important}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active),[data-mode=dark] .mobile-react-nav-tab:not(.is-active){color:#9ca3af!important}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active):hover,[data-mode=dark] .mobile-react-nav-tab:not(.is-active):hover{color:#f9fafb!important}
[data-theme=dark] .mobile-react-nav-add,[data-theme=dark] .mobile-react-nav-add.is-active,
  [data-mode=dark] .mobile-react-nav-add,[data-mode=dark] .mobile-react-nav-add.is-active{color:#f3f4f6!important}
}

/* bettrboxd-fix: make the editor region end exactly at the Spoilers divider. */
.review-dialog:has(.edit-review-form) .edit-review-editor-shell{flex:1 1 0!important;min-height:0!important;height:auto!important}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor-input-row{flex:1 1 0;min-height:0!important;overflow-y:auto}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor{min-height:0!important;height:100%!important}

/* bettrboxd-fix: restrained native light/dark floating dock treatment. */
@media (width<=760px){
  .mobile-react-nav-pill:before,
  .mobile-react-nav-add:before{display:none!important;content:none!important}
  .mobile-react-nav-pill,
  .mobile-react-nav-add{
    border:1px solid rgba(0,0,0,.05)!important;
    background:rgba(255,255,255,.8)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.04)!important;
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
  }
  .mobile-react-nav-active-pill{
    background:rgba(0,0,0,.05)!important;
    border:0!important;
    box-shadow:none!important;
    transition:transform .28s ease-out,opacity .2s ease!important;
  }
  .mobile-react-nav-tab.is-active{color:#000!important;font-weight:600;background:transparent!important;border:0!important;box-shadow:none!important}
  .mobile-react-nav-tab:not(.is-active){color:#a3a3a3!important;font-weight:500}
  .mobile-react-nav-tab:not(.is-active):hover{color:#000!important}
  .mobile-react-nav-add,.mobile-react-nav-add.is-active{color:#111827!important;border-color:rgba(0,0,0,.05)!important}

  [data-theme=dark] .mobile-react-nav-pill,[data-theme=dark] .mobile-react-nav-add,
  [data-mode=dark] .mobile-react-nav-pill,[data-mode=dark] .mobile-react-nav-add{
    border:1px solid rgba(255,255,255,.1)!important;
    background:rgba(19,26,32,.8)!important;
    box-shadow:0 16px 32px rgba(0,0,0,.5)!important;
  }
  [data-theme=dark] .mobile-react-nav-active-pill,[data-mode=dark] .mobile-react-nav-active-pill{background:rgba(255,255,255,.1)!important;border:0!important;box-shadow:none!important}
  [data-theme=dark] .mobile-react-nav-tab.is-active,[data-mode=dark] .mobile-react-nav-tab.is-active{color:#fff!important;font-weight:600}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active),[data-mode=dark] .mobile-react-nav-tab:not(.is-active){color:#a3a3a3!important;font-weight:500}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active):hover,[data-mode=dark] .mobile-react-nav-tab:not(.is-active):hover{color:#fff!important}
  [data-theme=dark] .mobile-react-nav-add,[data-theme=dark] .mobile-react-nav-add.is-active,
  [data-mode=dark] .mobile-react-nav-add,[data-mode=dark] .mobile-react-nav-add.is-active{color:#fff!important}
}

/* bettrboxd-fix: reference geometry for the React/Phosphor floating dock. */
@media (width<=760px){
  .mobile-react-nav-pill,.mobile-react-nav-add{
    min-height:72px;
    border-radius:28px!important;
    border:1px solid rgba(203,213,225,.8)!important;
    background:#fff!important;
    box-shadow:0 12px 26px rgba(0,0,0,.05)!important;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  [data-theme=dark] .mobile-react-nav-pill,[data-theme=dark] .mobile-react-nav-add,
  [data-mode=dark] .mobile-react-nav-pill,[data-mode=dark] .mobile-react-nav-add{
    border-color:rgba(255,255,255,.1)!important;
    background:#131a20!important;
    box-shadow:0 16px 34px rgba(0,0,0,.6)!important;
  }
  .mobile-react-nav-pill{padding:8px 12px;gap:4px}
  .mobile-react-nav-active-pill{
    top:8px;
    bottom:8px;
    left:12px;
    width:calc((100% - 24px)/4);
    border-radius:20px!important;
    background:#f2f3f5!important;
    box-shadow:none!important;
  }
  [data-theme=dark] .mobile-react-nav-active-pill,[data-mode=dark] .mobile-react-nav-active-pill{background:#1e2730!important}
  .mobile-react-nav-tab{
    min-width:0;
    height:56px;
    min-height:56px;
    padding:12px 20px;
    gap:4px;
    border-radius:20px!important;
    font-size:12px;
    font-weight:500;
  }
  .mobile-react-nav-tab.is-active{color:#1a202c!important;font-weight:600}
  .mobile-react-nav-tab:not(.is-active){color:#2d3748!important}
  .mobile-react-nav-tab:not(.is-active):hover{color:#111827!important}
  [data-theme=dark] .mobile-react-nav-tab.is-active,[data-mode=dark] .mobile-react-nav-tab.is-active{color:#fff!important}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active),[data-mode=dark] .mobile-react-nav-tab:not(.is-active){color:#a3a3a3!important}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active):hover,[data-mode=dark] .mobile-react-nav-tab:not(.is-active):hover{color:#fff!important}
  .mobile-react-nav-add{
    flex:0 0 72px;
    width:72px;
    height:72px;
    padding:0;
    color:#1a202c!important;
  }
  [data-theme=dark] .mobile-react-nav-add,[data-mode=dark] .mobile-react-nav-add{color:#fff!important}
  .mobile-react-nav-add.is-active{background:#f2f3f5!important}
  [data-theme=dark] .mobile-react-nav-add.is-active,[data-mode=dark] .mobile-react-nav-add.is-active{background:#1e2730!important}
}

/* bettrboxd-fix: match dark navigation surfaces to the app's dark home palette. */
@media (width<=760px){
  [data-theme=dark] .mobile-react-nav-overlay,[data-mode=dark] .mobile-react-nav-overlay{background:#14181c!important}
  [data-theme=dark] .mobile-react-nav-pill,[data-theme=dark] .mobile-react-nav-add,
  [data-mode=dark] .mobile-react-nav-pill,[data-mode=dark] .mobile-react-nav-add{
    border-color:#344149!important;
    background:rgba(28,34,38,.94)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08)!important;
  }
  [data-theme=dark] .mobile-react-nav-active-pill,[data-mode=dark] .mobile-react-nav-active-pill{background:#2b3439!important;box-shadow:inset 0 1px rgba(255,255,255,.1)!important}
}

/* bettrboxd-fix: keep the Plus glass highlight inside its circle. */
.mobile-react-nav-add{overflow:hidden!important}
.mobile-react-nav-add:before{display:none!important;content:none!important}

/* bettrboxd-fix: compact edit modal sizing and stable action icon colors. */
@media (width<=760px){
  .review-dialog:has(.edit-review-form){
    height:auto!important;
    max-height:calc(100dvh - 28px);
  }
  .review-dialog:has(.edit-review-form) .dialog-body{
    overflow-y:auto;
  }
  .review-dialog:has(.edit-review-form) .edit-review-form{flex:0 0 auto}
  .review-dialog:has(.edit-review-form) .edit-review-editor-shell{
    flex:0 0 240px;
    height:240px;
  }
  .review-dialog .dialog-actions .animated-share-main svg,
  .review-dialog .dialog-actions .animated-share-action button,
  .review-dialog .dialog-actions .animated-share-action button svg,
  .review-dialog .dialog-actions .poster-edit-action svg,
  .review-dialog .dialog-actions .dialog-delete-action svg{color:#667781!important}
  [data-theme=dark] .review-dialog .dialog-actions .animated-share-main svg,
  [data-theme=dark] .review-dialog .dialog-actions .animated-share-action button,
  [data-theme=dark] .review-dialog .dialog-actions .animated-share-action button svg,
  [data-theme=dark] .review-dialog .dialog-actions .poster-edit-action svg,
  [data-theme=dark] .review-dialog .dialog-actions .dialog-delete-action svg{color:#b7c1c6!important}
}

/* bettrboxd-fix: final dock design-system colors, spacing, and solid footer overlay. */
@media (width<=760px){
  .mobile-nav-dock-overlay{
    padding:24px;
    background:#fff;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  [data-theme=dark] .mobile-nav-dock-overlay{background:#14181c}
  .mobile-nav-dock-overlay .mobile-primary-nav{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 12px;gap:1px}
  .mobile-nav-dock-overlay .mobile-nav-home.is-hidden{display:block!important}
  .mobile-nav-dock-overlay .mobile-primary-nav:after{width:calc((100% - 24px)/4)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="1"]:after{transform:translateX(100%)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="2"]:after{transform:translateX(200%)}
  .mobile-nav-dock-overlay .mobile-primary-nav[data-active-index="3"]:after{transform:translateX(300%)}
  .mobile-nav-dock-overlay .mobile-primary-nav button,
  .mobile-nav-dock-overlay .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button.active{
    font-family:Inter,"SF Pro Display",ui-sans-serif,system-ui,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:-.01em;
    color:#737373!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .mobile-nav-dock-overlay .mobile-primary-nav button.active,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button.active{color:#111827!important}
  .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active):hover{color:#262626!important}
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-primary-nav button:not(.active):hover{color:#f5f5f5!important}
  .mobile-nav-dock-overlay .mobile-primary-nav button svg{width:22px;height:22px}
  .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add,
  [data-theme=dark] .mobile-nav-dock-overlay .mobile-nav-search.mobile-nav-add{
    color:#111827!important;
    border-color:rgba(255,255,255,.6)!important;
    background:rgba(255,255,255,.7)!important;
  }
  .mobile-nav-dock-overlay .mobile-nav-add-icon{font-weight:500}
}

/* bettrboxd-fix: keep edit mode at the shared modal height and preserve its editor area. */
.review-dialog:has(.edit-review-form){height:min(580px,85dvh)!important;max-height:85dvh!important}
.review-dialog:has(.edit-review-form) .dialog-body{display:flex!important;flex:1 1 auto!important;min-height:0!important}
.review-dialog:has(.edit-review-form) .edit-review-form{display:flex!important;flex:1 1 auto!important;min-height:0!important}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell{display:flex!important;flex:1 1 auto!important;min-height:0!important;height:auto!important}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor-input-row{display:flex!important;flex:1 1 auto!important;min-height:160px!important;position:static!important}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor{display:block!important;flex:1 1 auto!important;height:100%!important;min-height:160px!important}
@media (width<=760px){
  body:has(.settings-dialog) .mobile-react-nav-overlay{display:none!important}
  body:has(.settings-dialog) .mobile-nav-dock-overlay{display:none!important}
}

/* bettrboxd-fix: final dark dock palette and bottom content clearance. */
@media (width<=760px){
  .page.top-nav-layout{padding-bottom:128px!important}
  [data-theme=dark] .mobile-react-nav-pill,[data-theme=dark] .mobile-react-nav-add,
  [data-mode=dark] .mobile-react-nav-pill,[data-mode=dark] .mobile-react-nav-add{
    background:rgba(23,32,38,.85)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.45)!important;
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
  }
  [data-theme=dark] .mobile-react-nav-active-pill,[data-mode=dark] .mobile-react-nav-active-pill{
    background:rgba(255,255,255,.1)!important;
    border:0!important;
    box-shadow:none!important;
  }
  [data-theme=dark] .mobile-react-nav-tab.is-active,[data-mode=dark] .mobile-react-nav-tab.is-active{color:#fff!important;font-weight:600}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active),[data-mode=dark] .mobile-react-nav-tab:not(.is-active){color:#a3a3a3!important;font-size:12px;font-weight:500;letter-spacing:-.01em}
  [data-theme=dark] .mobile-react-nav-tab:not(.is-active):hover,[data-mode=dark] .mobile-react-nav-tab:not(.is-active):hover{color:#fff!important}
  [data-theme=dark] .mobile-react-nav-tab.is-active,[data-mode=dark] .mobile-react-nav-tab.is-active{font-size:12px;letter-spacing:-.01em}
  [data-theme=dark] .mobile-react-nav-add,[data-mode=dark] .mobile-react-nav-add{color:#f5f5f5!important}
}

/* bettrboxd-fix: stack Letterboxd settings controls on narrow screens. */
@media (width<=760px){
  .settings-letterboxd-card .settings-letterboxd-row{flex-direction:column;align-items:stretch;gap:12px}
  .settings-letterboxd-card .settings-letterboxd-row>div,
  .settings-letterboxd-card .settings-letterboxd-row>button{width:100%;min-width:0;flex:0 0 auto}
}

/* bettrboxd-fix: make the edit text scroll region terminate at the footer divider. */
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor-input-row{min-height:0!important;overflow-y:auto}
.review-dialog:has(.edit-review-form) .edit-review-editor-shell .review-editor{min-height:0!important;height:100%!important}

/* bettrboxd-fix: rebuilt floating dock — transparent overlay fade, unified capsules. */
@media (width<=760px){
  .mobile-react-nav-overlay{
    z-index:120;
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:24px;
    pointer-events:none;
    background:transparent!important;
  }
  [data-theme=light] .mobile-react-nav-overlay,[data-mode=light] .mobile-react-nav-overlay{background:transparent!important}
  [data-theme=dark] .mobile-react-nav-overlay,[data-mode=dark] .mobile-react-nav-overlay{background:transparent!important}
  .mobile-react-nav-dock{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;pointer-events:auto}
  .mobile-react-nav-pill,
  .mobile-react-nav-add,
  .mobile-react-nav-add.is-active{
    border-radius:999px!important;
    border:1px solid rgba(0,0,0,.05)!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.08)!important;
    -webkit-backdrop-filter:blur(20px);
    backdrop-filter:blur(20px);
    transition:all .3s ease-out;
  }
  [data-theme=dark] .mobile-react-nav-pill,[data-theme=dark] .mobile-react-nav-add,
  [data-theme=dark] .mobile-react-nav-add.is-active,
  [data-mode=dark] .mobile-react-nav-pill,[data-mode=dark] .mobile-react-nav-add,
  [data-mode=dark] .mobile-react-nav-add.is-active{
    border-color:rgba(255,255,255,.1)!important;
    background:rgba(19,27,33,.85)!important;
    box-shadow:0 20px 40px rgba(0,0,0,.5)!important;
  }
  .mobile-react-nav-pill{
    display:flex;
    align-items:center;
    justify-content:space-around;
    gap:1px;
    min-height:64px;
    padding:8px 12px;
  }
  .mobile-react-nav-tab,
  [data-theme=light] .mobile-react-nav-tab,[data-mode=light] .mobile-react-nav-tab,
  [data-theme=dark] .mobile-react-nav-tab,[data-mode=dark] .mobile-react-nav-tab{
    position:relative;
    z-index:10;
    display:flex;
    flex:1 1 0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1px;
    padding:8px 12px;
    background:transparent!important;
    color:#737373!important;
    font-size:11px;
    font-weight:500;
    letter-spacing:-.025em;
    border:0!important;
    border-radius:16px;
    box-shadow:none!important;
    outline:0!important;
    cursor:pointer;
    transition:color .3s ease-out,background-color .3s ease-out;
  }
  [data-theme=dark] .mobile-react-nav-tab,[data-mode=dark] .mobile-react-nav-tab{
    color:#a3a3a3!important;
  }
  [data-theme=light] .mobile-react-nav-tab:hover,[data-mode=light] .mobile-react-nav-tab:hover{color:#262626!important}
  [data-theme=dark] .mobile-react-nav-tab:hover,[data-mode=dark] .mobile-react-nav-tab:hover{color:#fff!important}
  .mobile-react-nav-tab:active,
  [data-theme=light] .mobile-react-nav-tab:active,[data-mode=light] .mobile-react-nav-tab:active,
  [data-theme=dark] .mobile-react-nav-tab:active,[data-mode=dark] .mobile-react-nav-tab:active{transform:scale(.95)!important}
  .mobile-react-nav-tab.is-active,
  [data-theme=light] .mobile-react-nav-tab.is-active,[data-mode=light] .mobile-react-nav-tab.is-active{
    color:#171717!important;
  }
  [data-theme=dark] .mobile-react-nav-tab.is-active,[data-mode=dark] .mobile-react-nav-tab.is-active{
    color:#fff!important;
  }
  .mobile-react-nav-tab.is-active svg,
  [data-theme=light] .mobile-react-nav-tab.is-active svg,[data-mode=light] .mobile-react-nav-tab.is-active svg{color:#171717!important}
  [data-theme=dark] .mobile-react-nav-tab.is-active svg,[data-mode=dark] .mobile-react-nav-tab.is-active svg{color:#00e054!important}
  .mobile-react-nav-active-pill,
  [data-theme=light] .mobile-react-nav-active-pill,[data-mode=light] .mobile-react-nav-active-pill,
  [data-theme=dark] .mobile-react-nav-active-pill,[data-mode=dark] .mobile-react-nav-active-pill{
    position:absolute;
    inset:2px;
    z-index:-1;
    width:auto;
    height:auto;
    border-radius:16px!important;
    background:rgba(229,229,229,.8)!important;
    border:0!important;
    box-shadow:none!important;
  }
  [data-theme=dark] .mobile-react-nav-active-pill,[data-mode=dark] .mobile-react-nav-active-pill{
    background:rgba(255,255,255,.15)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    box-shadow:inset 0 1px 2px rgba(255,255,255,.08)!important;
  }  .mobile-react-nav-add,
  .mobile-react-nav-add.is-active{
    flex:0 0 56px;
    min-width:56px;
    min-height:56px;
    width:56px;
    height:56px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#171717!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.08)!important;
    transition:all .3s ease-out;
  }
  [data-theme=dark] .mobile-react-nav-add,[data-theme=dark] .mobile-react-nav-add.is-active,
  [data-mode=dark] .mobile-react-nav-add,[data-mode=dark] .mobile-react-nav-add.is-active{
    background:rgba(19,27,33,.85)!important;
    box-shadow:0 20px 40px rgba(0,0,0,.5)!important;
    color:#fff!important;
  }
  .mobile-react-nav-add:hover,
  [data-theme=light] .mobile-react-nav-add:hover,[data-mode=light] .mobile-react-nav-add:hover{background:#f5f5f5!important}
  [data-theme=dark] .mobile-react-nav-add:hover,[data-mode=dark] .mobile-react-nav-add:hover{background:rgba(255,255,255,.1)!important}
  .mobile-react-nav-add:active,
  [data-theme=light] .mobile-react-nav-add:active,[data-mode=light] .mobile-react-nav-add:active,
  [data-theme=dark] .mobile-react-nav-add:active,[data-mode=dark] .mobile-react-nav-add:active{transform:scale(.95)!important}
}

/* bettrboxd-fix: tab slide smoothness - fixed tab geometry (zero layout shift), spring-only layout motion. */
@media (width<=760px){
  .mobile-react-nav-pill,
  .mobile-react-nav-pill.is-active{
    transition:none!important;
  }
  .mobile-react-nav-tab,
  [data-theme=light] .mobile-react-nav-tab,[data-mode=light] .mobile-react-nav-tab,
  [data-theme=dark] .mobile-react-nav-tab,[data-mode=dark] .mobile-react-nav-tab{
    flex:1 1 0!important;
    min-width:64px!important;
    height:48px!important;
    padding:8px 12px!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:-.025em!important;
    transition:color .2s ease,transform .1s ease!important;
  }
  .mobile-react-nav-tab.is-active,
  [data-theme=light] .mobile-react-nav-tab.is-active,[data-mode=light] .mobile-react-nav-tab.is-active,
  [data-theme=dark] .mobile-react-nav-tab.is-active,[data-mode=dark] .mobile-react-nav-tab.is-active{
    flex:1 1 0!important;
    min-width:64px!important;
    height:48px!important;
    padding:8px 12px!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:-.025em!important;
    background:transparent!important;
  }
  .mobile-react-nav-tab:active,
  [data-theme=light] .mobile-react-nav-tab:active,[data-mode=light] .mobile-react-nav-tab:active,
  [data-theme=dark] .mobile-react-nav-tab:active,[data-mode=dark] .mobile-react-nav-tab:active{
    transform:scale(.95)!important;
  }
  .mobile-react-nav-tab.is-active svg,
  [data-theme=light] .mobile-react-nav-tab.is-active svg,[data-mode=light] .mobile-react-nav-tab.is-active svg{color:#171717!important}
  [data-theme=dark] .mobile-react-nav-tab.is-active svg,[data-mode=dark] .mobile-react-nav-tab.is-active svg{color:#fff!important}
  .mobile-react-nav-add,
  .mobile-react-nav-add.is-active{
    transition:transform .15s ease,background-color .3s ease,color .3s ease!important;
  }
}

/* bettrboxd-fix: profile dropdown "Appearance" submenu - prevent the flyout from colliding with the parent menu frame. */
.profile-menu{
  overflow:visible!important;
  max-height:none!important;
  padding:6px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.05)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
}
[data-theme=dark] .profile-menu,
[data-mode=dark] .profile-menu{
  background:#1a242d!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.35)!important;
}
.profile-appearance-menu{
  overflow:visible!important;
  max-height:none!important;
  z-index:50!important;
  padding:6px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.05)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
}
[data-theme=dark] .profile-appearance-menu,
[data-mode=dark] .profile-appearance-menu{
  background:#1a242d!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.35)!important;
}
.profile-menu [role=separator]{
  border-top:1px solid rgba(0,0,0,.05)!important;
  background:transparent!important;
  height:1px!important;
  margin:6px 8px!important;
}
[data-theme=dark] .profile-menu [role=separator],
[data-mode=dark] .profile-menu [role=separator]{
  border-top-color:rgba(255,255,255,.1)!important;
}
.profile-menu [data-kumo-part=item],
.profile-menu [data-kumo-part=submenu-trigger],
.profile-appearance-menu [data-kumo-part=radio-item]{
  border-radius:12px!important;
  transition:background-color .15s ease,color .15s ease!important;
}
.profile-menu [data-kumo-part=item]:hover,
.profile-menu [data-kumo-part=submenu-trigger]:hover,
.profile-menu [data-kumo-part=submenu-trigger][data-state=open],
.profile-appearance-menu [data-kumo-part=radio-item]:hover{
  background:rgba(0,0,0,.06)!important;
}
[data-theme=dark] .profile-menu [data-kumo-part=item]:hover,
[data-theme=dark] .profile-menu [data-kumo-part=submenu-trigger]:hover,
[data-theme=dark] .profile-menu [data-kumo-part=submenu-trigger][data-state=open],
[data-theme=dark] .profile-appearance-menu [data-kumo-part=radio-item]:hover,
[data-mode=dark] .profile-menu [data-kumo-part=item]:hover,
[data-mode=dark] .profile-menu [data-kumo-part=submenu-trigger]:hover,
[data-mode=dark] .profile-menu [data-kumo-part=submenu-trigger][data-state=open],
[data-mode=dark] .profile-appearance-menu [data-kumo-part=radio-item]:hover{
  background:rgba(255,255,255,.1)!important;
}

/* bettrboxd-fix: nav tab colors - neutral (light) default + active; brand green on active stays in dark mode. */
.mobile-react-nav-tab,
[data-theme=light] .mobile-react-nav-tab,[data-mode=light] .mobile-react-nav-tab{
  color:#737373!important;
}
.mobile-react-nav-tab:not(.is-active),
[data-theme=light] .mobile-react-nav-tab:not(.is-active),[data-mode=light] .mobile-react-nav-tab:not(.is-active){
  color:#737373!important;
}
.mobile-react-nav-tab:not(.is-active):hover,
[data-theme=light] .mobile-react-nav-tab:not(.is-active):hover,[data-mode=light] .mobile-react-nav-tab:not(.is-active):hover{
  color:#262626!important;
}
.mobile-react-nav-tab.is-active,
[data-theme=light] .mobile-react-nav-tab.is-active,[data-mode=light] .mobile-react-nav-tab.is-active{
  color:#171717!important;
}
.mobile-react-nav-tab.is-active svg,
[data-theme=light] .mobile-react-nav-tab.is-active svg,[data-mode=light] .mobile-react-nav-tab.is-active svg{
  color:#171717!important;
}
[data-theme=dark] .mobile-react-nav-tab.is-active,[data-mode=dark] .mobile-react-nav-tab.is-active{
  color:#fff!important;
}
[data-theme=dark] .mobile-react-nav-tab.is-active svg,[data-mode=dark] .mobile-react-nav-tab.is-active svg{
  color:#fff!important;
}
[data-theme=dark] .mobile-react-nav-tab:not(.is-active),[data-mode=dark] .mobile-react-nav-tab:not(.is-active){color:#a3a3a3!important}
[data-theme=dark] .mobile-react-nav-tab:not(.is-active):hover,[data-mode=dark] .mobile-react-nav-tab:not(.is-active):hover{color:#fff!important}
.mobile-react-nav-tab.is-active{
  font-weight:600!important;
}

/* bettrboxd-fix: dock centering, bottom elevation, and light-mode glass surfaces. */
.mobile-react-nav-overlay{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(24px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:fit-content!important;
  padding:0!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
  z-index:120!important;
  background:transparent!important;
}
.mobile-react-nav-dock{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:auto!important;
  max-width:520px!important;
  padding:0!important;
  pointer-events:auto!important;
}
.mobile-react-nav-pill,
.mobile-react-nav-pill.is-active{
  border-radius:999px!important;
  border:1px solid rgba(0,0,0,.05)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
[data-theme=dark] .mobile-react-nav-pill,[data-mode=dark] .mobile-react-nav-pill{
  border-color:rgba(255,255,255,.1)!important;
  background:rgba(24,34,42,.85)!important;
  box-shadow:0 20px 40px rgba(0,0,0,.6)!important;
}
.mobile-react-nav-add,
.mobile-react-nav-add.is-active{
  flex:0 0 56px!important;
  min-width:56px!important;
  width:56px!important;
  height:56px!important;
  min-height:56px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(0,0,0,.05)!important;
  background:rgba(255,255,255,.9)!important;
  color:#171717!important;
  box-shadow:0 12px 32px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  transition:transform .15s ease,background-color .3s ease,color .3s ease!important;
}
.mobile-react-nav-add:hover,
.mobile-react-nav-add.is-active:hover{
  background:#f5f5f5!important;
}
.mobile-react-nav-add.is-active,
[data-theme=light] .mobile-react-nav-add.is-active,[data-mode=light] .mobile-react-nav-add.is-active{
  background:rgba(229,229,229,.8)!important;
}
.mobile-react-nav-add.is-active:hover,
[data-theme=light] .mobile-react-nav-add.is-active:hover,[data-mode=light] .mobile-react-nav-add.is-active:hover{
  background:rgba(229,229,229,.8)!important;
}
[data-theme=dark] .mobile-react-nav-add,[data-theme=dark] .mobile-react-nav-add.is-active,
[data-mode=dark] .mobile-react-nav-add,[data-mode=dark] .mobile-react-nav-add.is-active{
  border-color:rgba(255,255,255,.1)!important;
  background:rgba(24,34,42,.85)!important;
  color:#fff!important;
  box-shadow:0 20px 40px rgba(0,0,0,.6)!important;
}
[data-theme=dark] .mobile-react-nav-add:hover,[data-mode=dark] .mobile-react-nav-add:hover{
  background:rgba(255,255,255,.1)!important;
}
.mobile-react-nav-add:active,
.mobile-react-nav-add.is-active:active{
  transform:scale(.95)!important;
}

/* bettrboxd-fix: pin page background to the viewport so every tab/section shows the
   same backdrop regardless of page height (radial gradient % anchors to element size). */
.page,
[data-theme=light] .page,[data-mode=light] .page,
[data-theme=dark] .page,[data-mode=dark] .page{
  background-attachment:fixed!important;
  background-size:cover!important;
}

/* bettrboxd-fix: hide the injected floating dock/search (+ Add review) on the auth gate. */
body:has(main.auth-gate) .mobile-nav-search,
body:has(main.auth-gate) .mobile-nav-dock-overlay,
body:has(main.auth-gate) .mobile-nav-dock,
body:has(main.auth-gate) .mobile-primary-nav{
  display:none!important;
}

/* bettrboxd-fix: the React dock must be mobile-only. Force-hide on desktop and
   re-enable only within the mobile breakpoint (later than earlier display rules). */
.mobile-react-nav-overlay,
[data-theme=light] .mobile-react-nav-overlay,[data-mode=light] .mobile-react-nav-overlay,
[data-theme=dark] .mobile-react-nav-overlay,[data-mode=dark] .mobile-react-nav-overlay{
  display:none!important;
}
@media (width<=760px){
  .mobile-react-nav-overlay,
  [data-theme=light] .mobile-react-nav-overlay,[data-mode=light] .mobile-react-nav-overlay,
  [data-theme=dark] .mobile-react-nav-overlay,[data-mode=dark] .mobile-react-nav-overlay{
    display:flex!important;
  }
}