@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:host,:root{--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-black:#000;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mr-auto{margin-right:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.max-h-\[90vh\]{max-height:90vh}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[var\(--accent-danger\)\]{border-color:var(--accent-danger)}.border-\[var\(--accent-primary\)\]{border-color:var(--accent-primary)}.border-\[var\(--border-default\)\]{border-color:var(--border-default)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-\[var\(--input-border\)\]{border-color:var(--input-border)}.bg-\[var\(--accent-primary-dim\)\]{background-color:var(--accent-primary-dim)}.bg-\[var\(--bg-base\)\]{background-color:var(--bg-base)}.bg-\[var\(--bg-emphasis\)\]{background-color:var(--bg-emphasis)}.bg-\[var\(--bg-inset\)\]{background-color:var(--bg-inset)}.bg-\[var\(--bg-muted\)\]{background-color:var(--bg-muted)}.bg-\[var\(--bg-subtle\)\]{background-color:var(--bg-subtle)}.bg-\[var\(--input-bg\)\]{background-color:var(--input-bg)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing) * 0)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.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-4{padding-block:calc(var(--spacing) * 4)}.text-left{text-align:left}.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))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[var\(--accent-danger\)\]{color:var(--accent-danger)}.text-\[var\(--accent-primary\)\]{color:var(--accent-primary)}.text-\[var\(--accent-success\)\]{color:var(--accent-success)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-\[var\(--shadow-glow\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-glow\)\]{--tw-shadow:var(--shadow-glow)}.shadow-\[var\(--shadow-lg\)\]{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md))}.backdrop-blur-md,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:border-\[var\(--accent-primary\)\]:hover{border-color:var(--accent-primary)}.hover\:border-\[var\(--border-default\)\]:hover{border-color:var(--border-default)}.hover\:border-\[var\(--border-strong\)\]:hover{border-color:var(--border-strong)}.hover\:bg-\[var\(--accent-primary-dim\)\]:hover{background-color:var(--accent-primary-dim)}.hover\:bg-\[var\(--bg-emphasis\)\]:hover{background-color:var(--bg-emphasis)}.hover\:text-\[var\(--accent-primary\)\]:hover{color:var(--accent-primary)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-\[var\(--accent-danger\)\]:focus{border-color:var(--accent-danger)}.focus\:border-\[var\(--accent-primary\)\]:focus{border-color:var(--accent-primary)}.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-\[var\(--input-focus-ring\)\]:focus{--tw-ring-color:var(--input-focus-ring)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (prefers-color-scheme:dark){.dark\:bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.dark\:shadow-black\/40{--tw-shadow-color:#0006}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-black\/40{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black) 40%,transparent) var(--tw-shadow-alpha),transparent)}}}}.workspace-tabs{z-index:70;border-bottom:1px solid var(--border-subtle);background:var(--sidebar-bg);align-items:center;gap:.5rem;min-height:3.1rem;padding:.48rem 1.75rem .42rem;display:flex;position:fixed;top:0;left:17rem;right:0}@supports (color:color-mix(in lab,red,red)){.workspace-tabs{background:color-mix(in srgb,var(--sidebar-bg) 94%,transparent)}}.workspace-tabs{-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);transition:left var(--duration-normal) var(--ease-out);box-shadow:0 6px 18px #00000024}.app-shell--sidebar-collapsed .workspace-tabs{left:0}.main__content{padding-top:3.8rem}.workspace-tabs__list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;align-items:flex-end;gap:.25rem;min-width:0;min-height:2.2rem;display:flex;overflow:auto hidden}.workspace-tabs__list::-webkit-scrollbar{height:.35rem}.workspace-tabs__list::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--border-strong)}.workspace-tabs__empty{min-height:2rem;color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:.45rem;padding:0 .65rem;font-size:.82rem;display:inline-flex}.workspace-tab{border:1px solid #0000;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--bg-subtle);flex:none;grid-template-columns:minmax(0,1fr) 1.7rem;align-items:center;min-width:9.5rem;max-width:16rem;height:2.18rem;display:inline-grid;position:relative}@supports (color:color-mix(in lab,red,red)){.workspace-tab{background:color-mix(in srgb,var(--bg-subtle) 68%,transparent)}}.workspace-tab{color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.workspace-tab:hover{border-color:var(--border-default);background:var(--bg-muted)}@supports (color:color-mix(in lab,red,red)){.workspace-tab:hover{background:color-mix(in srgb,var(--bg-muted) 78%,transparent)}}.workspace-tab--active,.workspace-tab:hover{color:var(--text-primary)}.workspace-tab--active{border-color:var(--border-default);background:var(--bg-subtle);border-bottom-color:#0000}.workspace-tab--active:before{content:"";border-radius:var(--radius-full);background:var(--accent-primary);height:2px;position:absolute;top:-1px;left:.55rem;right:.55rem}.workspace-tab__close,.workspace-tab__select,.workspace-tabs__menu-trigger{height:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.workspace-tab__select{justify-content:flex-start;gap:.45rem;min-width:0;padding:0 .65rem;font-size:.82rem;font-weight:500}.workspace-tab__select svg{width:.88rem;height:.88rem;color:var(--text-tertiary);flex:none}.workspace-tab--active .workspace-tab__select svg,.workspace-tab:hover .workspace-tab__select svg{color:var(--accent-primary)}.workspace-tab__select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-tab__close{border-radius:var(--radius-sm);width:1.7rem;min-width:1.7rem;min-height:1.7rem;color:var(--text-tertiary);opacity:.72;line-height:1;overflow:visible}.workspace-tab__close svg{width:.86rem;height:.86rem;color:var(--text-secondary);stroke:currentColor;pointer-events:none;flex-shrink:0;display:block}.workspace-tab__close:hover{background:var(--accent-danger)}@supports (color:color-mix(in lab,red,red)){.workspace-tab__close:hover{background:color-mix(in srgb,var(--accent-danger) 12%,transparent)}}.workspace-tab__close:hover{color:var(--accent-danger);opacity:1;box-shadow:none;transform:none}.workspace-tab__close:hover svg{color:var(--accent-danger)}.workspace-tab--active .workspace-tab__close{opacity:1}.workspace-tabs__menu-trigger{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);flex:none;width:2.1rem;height:2.1rem}@supports (color:color-mix(in lab,red,red)){.workspace-tabs__menu-trigger{background:color-mix(in srgb,var(--bg-subtle) 86%,transparent)}}.workspace-tabs__menu-trigger{color:var(--text-secondary)}.workspace-tabs__menu-trigger:hover{border-color:var(--border-default);background:var(--bg-muted);color:var(--text-primary);box-shadow:none;transform:none}.workspace-tabs__page[hidden]{display:none!important}.workspace-tab-menu{z-index:120;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-subtle);width:12rem;box-shadow:var(--shadow-md);padding:.35rem;display:grid;position:fixed}.workspace-tab-menu button{border-radius:var(--radius-sm);min-height:2rem;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;padding:0 .65rem;font-size:.82rem;display:flex}.workspace-tab-menu button:focus-visible,.workspace-tab-menu button:hover{background:var(--sidebar-link-hover);color:var(--text-primary);box-shadow:none;transform:none}.workspace-tab-menu button:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.workspace-tab-menu button:disabled:hover{color:var(--text-secondary);background:0 0}.workspace-tab-menu__danger{color:var(--accent-danger)!important}@media (max-width:1080px){.workspace-tabs{top:var(--mobile-topbar-height);min-height:2.9rem;transition:top var(--duration-normal) var(--ease-out);padding:.38rem .7rem;left:0;right:0}.topbar-hidden .workspace-tabs{top:-1px}.main__content{padding-top:1.75rem}}@media (max-width:720px){.workspace-tabs{gap:.3rem;min-height:2.7rem;padding:.3rem .5rem}.main__content{padding-top:2.25rem}.workspace-tab{min-width:7.5rem;max-width:9rem;height:2.1rem}.workspace-tab__select{padding:0 .45rem;font-size:.78rem}.workspace-tab__select svg{width:.82rem;height:.82rem}.workspace-tab__close{width:1.5rem;min-width:1.5rem}.workspace-tab__close svg{width:.82rem;height:.82rem}.workspace-tabs__menu-trigger{width:1.9rem;height:1.9rem}}@media (max-width:480px){.workspace-tabs{gap:.25rem;min-height:2.55rem;padding:.25rem .4rem}.main__content{padding-top:2.25rem}.workspace-tab{grid-template-columns:minmax(0,1fr) 1.4rem;min-width:6.5rem;max-width:7.5rem;height:2rem}.workspace-tab__select{gap:.3rem;padding:0 .35rem;font-size:.74rem}.workspace-tab__select svg{width:.78rem;height:.78rem}.workspace-tab__close{width:1.4rem;min-width:1.4rem}.workspace-tab__close svg{width:.78rem;height:.78rem}.workspace-tabs__empty{gap:.35rem;font-size:.75rem}.workspace-tabs__menu-trigger{width:1.75rem;height:1.75rem}}:root{color-scheme:dark;--bg-base:#080f19;--bg-subtle:#0d1824;--bg-muted:#12202f;--bg-emphasis:#182d42;--bg-inset:#060c14;--text-primary:#e8eff7;--text-secondary:#8b9fb7;--text-tertiary:#546a82;--border-default:#86a2c41f;--border-subtle:#86a2c40f;--border-strong:#86a2c438;--accent-primary:#5eead4;--accent-primary-dim:#5eead41a;--accent-secondary:#38bdf8;--accent-secondary-dim:#38bdf814;--accent-danger:#f43f5e;--accent-warning:#fbbf24;--accent-success:#34d399;--runtime-simple:#5eead4;--runtime-worker:#38bdf8;--runtime-wasm:#c084fc;--runtime-ai:#f472b6;--runtime-sandbox:#fb923c;--runtime-realtime:#facc15;--card-bg:#0d1826c7;--card-border:#86a2c417;--card-hover-bg:#101e2eeb;--card-hover-border:#5eead438;--card-shadow:0 4px 16px #0000001f;--card-hover-shadow:0 8px 32px #00000038;--glass-bg:#0a131eb8;--glass-border:#86a2c412;--sidebar-bg:#060c14f5;--sidebar-link-hover:#0d1826bf;--sidebar-link-active:#5eead412;--input-bg:#060e16d1;--input-border:#86a2c424;--input-focus-ring:#5eead452;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 8px 24px #00000029;--shadow-lg:0 16px 48px #00000042;--shadow-glow:0 0 24px #5eead40f;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--mobile-topbar-height:3.55rem;--input-bg-disabled:#060e1673;--input-border-disabled:#86a2c414;--input-readonly-bg:#0d182673;--input-readonly-border:#86a2c40f;--range-track-bg:var(--bg-muted);--range-thumb-bg:var(--accent-primary);--range-thumb-border:var(--bg-base);--range-thumb-shadow:0 0 0 3px var(--accent-primary-dim);--color-input-swatch-size:2.5rem;--file-input-bg:var(--bg-muted);--file-input-border:1px dashed var(--border-default);--file-input-border-hover:var(--border-strong);--button-disabled-opacity:.42;--button-disabled-bg:var(--bg-muted);--button-disabled-border:var(--border-subtle);--button-primary-color:var(--bg-base);--divider-color:var(--border-subtle)}[data-theme=light]{color-scheme:light;--bg-base:#f5f7fb;--bg-subtle:#fff;--bg-muted:#edf0f6;--bg-emphasis:#e0e5ee;--bg-inset:#f0f3f8;--text-primary:#1a2536;--text-secondary:#5b6d82;--text-tertiary:#8d9db0;--border-default:#00142814;--border-subtle:#0014280a;--border-strong:#00142824;--accent-primary:#0d9488;--accent-primary-dim:#0d948812;--accent-secondary:#0284c7;--accent-secondary-dim:#0284c712;--accent-danger:#e11d48;--accent-warning:#d97706;--accent-success:#059669;--runtime-simple:#0d9488;--runtime-worker:#0284c7;--runtime-wasm:#7c3aed;--runtime-ai:#db2777;--runtime-sandbox:#ea580c;--runtime-realtime:#ca8a04;--card-bg:#ffffffeb;--card-border:#00142814;--card-hover-bg:#fff;--card-hover-border:#0d948840;--card-shadow:0 1px 6px #0000000a,0 0 0 1px #00142808;--card-hover-shadow:0 6px 20px #00000012;--glass-bg:#ffffffe0;--glass-border:#00142814;--sidebar-bg:#fffffffa;--sidebar-link-hover:#f0f3f8e6;--sidebar-link-active:#0d948814;--input-bg:#f5f7fbeb;--input-border:#0014281a;--input-focus-ring:#0d948838;--shadow-sm:0 1px 4px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 36px #00000014;--shadow-glow:0 0 32px #0d94880f;--input-bg-disabled:#edf0f680;--input-border-disabled:#0014280d;--input-readonly-bg:#f0f3f8b3;--input-readonly-border:#0014280f;--range-thumb-shadow:0 0 0 3px #0d948824;--button-disabled-opacity:.45;--button-disabled-bg:var(--bg-muted);--button-disabled-border:var(--border-subtle)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 8px #5eead400}50%{box-shadow:0 0 16px #5eead414}}*,:after,:before{box-sizing:border-box}html{color-scheme:dark}[data-theme=light] html{color-scheme:light}body{min-height:100vh;color:var(--text-primary);font-family:var(--font-sans),var(--font-cjk),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root body{background:radial-gradient(ellipse 80% 50% at 20% -10%,#38bdf81a,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 0,#5eead40d,transparent 40%),var(--bg-base)}[data-theme=light] body{background:radial-gradient(ellipse 80% 50% at 30% -10%,#0284c70a,transparent 50%),radial-gradient(ellipse 60% 40% at 70% 0,#0d948808,transparent 40%),var(--bg-base)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:var(--accent-primary-dim);color:var(--accent-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.detail-card,.empty-state,.hero,.pill,.search-surface,.sidebar,.site-footer,.stat-card,.tag,.tool-card,.tool-panel,.topbar{transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.app-shell{min-height:100vh;transition:grid-template-columns var(--duration-normal) var(--ease-out);grid-template-columns:17rem 1fr;display:grid}.app-shell--sidebar-collapsed{grid-template-columns:0 1fr}.sidebar{border-right:1px solid var(--border-subtle);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);height:100vh;transition:padding var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);flex-direction:column;padding:1.25rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar--collapsed{opacity:0;pointer-events:none;padding:1.25rem 0;overflow:hidden;transform:translate(-100%)}.sidebar__brand{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.35rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.sidebar__brand-header{align-items:center;gap:.5rem;display:flex}.sidebar__brand-icon{border-radius:var(--radius-sm);background:var(--accent-primary-dim);width:28px;height:28px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.sidebar__brand strong{letter-spacing:.03em;font-size:1.05rem;font-weight:600}.sidebar__brand p{color:var(--text-tertiary);font-size:.82rem;line-height:1.5}.empty-state p,.eyebrow,.section-header p,.sidebar__brand p,.sidebar__footer p,.tool-card p,.tool-field span,.tool-meta,.tool-panel__header p,.topbar__subtext{color:var(--text-secondary)}.sidebar nav,.sidebar__footer,.sidebar__section{gap:.3rem;display:grid}.sidebar__section+.sidebar__section{border-top:1px solid var(--border-subtle);margin-top:.5rem;padding-top:.75rem}.sidebar__footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:1rem}.sidebar__footer p{font-size:.78rem;line-height:1.6}.sidebar-toggle{z-index:75;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--sidebar-bg);width:1.6rem;height:1.6rem;color:var(--text-tertiary);cursor:pointer;transition:left var(--duration-normal) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);border:1px solid var(--border-subtle);border-left:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:.65rem;left:17rem}.sidebar-toggle:hover{background:var(--sidebar-link-hover);color:var(--text-primary);border-color:var(--border-default);box-shadow:none;transform:none}.sidebar-toggle:active{transform:none}.app-shell--sidebar-collapsed .sidebar-toggle{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:1px solid var(--border-subtle);left:0}.sidebar__link{border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.88rem;display:flex}.sidebar__link-icon{opacity:.5;width:18px;height:18px;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0}.sidebar__link:hover .sidebar__link-icon{opacity:.8}.sidebar__link:hover{background:var(--sidebar-link-hover);color:var(--text-primary)}.sidebar__link-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem}.sidebar__link:hover .sidebar__link-count{color:var(--text-secondary)}.main{flex-direction:column;min-height:100vh;padding:1.5rem 1.75rem;display:flex;overflow-x:hidden}.main__content{flex:1 0 auto;min-width:0}.topbar{border:1px solid var(--glass-border);border-radius:var(--radius-2xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.1);backdrop-filter:blur(24px)saturate(1.1);animation:fadeIn var(--duration-slow) var(--ease-out) both;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.topbar__title{gap:.2rem;min-width:0;display:grid}.topbar__title h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700}.topbar__subtext{font-size:.84rem}.topbar__actions{flex-shrink:0;gap:.6rem;display:flex}.hero{border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--card-bg),#081019f2),radial-gradient(circle at top left,var(--accent-secondary-dim),transparent 30%);box-shadow:var(--shadow-lg),var(--shadow-glow);animation:fadeIn var(--duration-slow) var(--ease-out) both;border:1px solid #5eead41f;padding:1.75rem;animation-delay:.1s}.hero--search{gap:.85rem;display:grid}[data-theme=light] .hero{background:linear-gradient(135deg,var(--card-bg),#fffffff2),radial-gradient(circle at top left,var(--accent-secondary-dim),transparent 30%);border-color:#0d94881f}.hero h2,.section-header h2,.tool-page__headline h2,.tool-panel__header h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2vw,2.2rem);font-weight:700}.hero p{max-width:52rem;color:var(--text-secondary);font-size:.95rem;line-height:1.75}.hero-search{border-radius:var(--radius-xl);border:1px solid var(--input-border);background:var(--input-bg);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem .85rem;display:grid}.hero-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--input-focus-ring)}.hero-search__icon{color:var(--text-secondary);display:inline-flex}.hero-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;padding:0;font-size:1rem}.hero-search input:focus{outline:none}.hero-search input::placeholder{color:var(--text-tertiary)}.hero-search__shortcut{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-muted);color:var(--text-secondary);white-space:nowrap;align-items:center;padding:.24rem .55rem;font-size:.76rem;display:inline-flex}.hero-search__suggestions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.card-grid,.hero__stats,.tool-results,.tool-toolbar{gap:.75rem;display:grid}.hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.25rem}.detail-card,.empty-state,.search-surface,.stat-card,.tool-card,.tool-panel{border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem}.stat-card strong,.tool-meta strong{letter-spacing:-.02em;color:var(--accent-primary);font-size:1.6rem;font-weight:700;display:block}.stat-card span{color:var(--text-tertiary);font-size:.82rem}.content-stack{gap:1.5rem;margin-top:1.25rem;display:grid}.content-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);gap:1.25rem;display:grid}.section-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.detail-card h3,.section-header h2,.tool-card h3,.tool-panel__header h2{margin:0 0 .15rem;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));align-items:stretch;margin-top:.75rem}.tool-card{min-height:14.75rem;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);flex-direction:column;gap:.65rem;padding:1.25rem;display:flex}.tool-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow),var(--shadow-glow);background:var(--card-hover-bg);transform:translateY(-2px)}.tool-card__header,.tool-page__headline,.tool-panel__header{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.tool-page__headline-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:.45rem;display:flex}.tool-card__header .eyebrow{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.tool-card__runtime{align-self:flex-start;width:fit-content}.favorite-button{border-color:var(--border-subtle);background:var(--bg-subtle);width:2rem;min-width:2rem;height:2rem;padding:0}@supports (color:color-mix(in lab,red,red)){.favorite-button{background:color-mix(in srgb,var(--bg-subtle) 84%,transparent)}}.favorite-button{color:var(--text-tertiary)}.favorite-button svg{flex-shrink:0}.favorite-button:focus-visible,.favorite-button:hover{color:#facc15;background:#facc151f;border-color:#facc1573;transform:none}.favorite-button--active{color:#f59e0b;background:#facc1524;border-color:#facc1573}.favorite-button--label{width:auto;min-width:0;padding:.5rem .75rem}.favorite-button--label span{text-overflow:ellipsis;min-width:0;overflow:hidden}.tool-card h3{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.05rem;display:-webkit-box;overflow:hidden}.tool-card p{font-size:.88rem;line-height:1.55}.tool-card__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.1rem;display:-webkit-box;overflow:hidden}.tool-card__visits{color:var(--accent-primary);font-variant-numeric:tabular-nums;margin:0 0 .25rem;font-size:.72rem}.category-visit-count{color:var(--accent-primary);background:var(--accent-primary-dim);border-radius:8px;width:fit-content;margin-bottom:1rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;display:block}.tool-card .tag-list{min-height:2rem;overflow:hidden}.tool-card .tag{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.tool-card>.button-link{width:100%;margin-top:auto}.common-tools__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.tool-card__usage{color:var(--text-tertiary);margin-top:auto;font-size:.76rem}.tool-card__actions{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.tool-card__actions .button-link,.tool-card__actions button{min-width:0;overflow:hidden}.tool-card__actions--pinned{margin-top:auto}.category-card__icon svg{flex-shrink:0}.detail-card{transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);gap:.35rem;display:grid}a.detail-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);transform:translateY(-2px)}.detail-card h3{font-size:1rem}.detail-card p{color:var(--text-secondary);font-size:.84rem;line-height:1.5}.detail-card__icon{border-radius:var(--radius-md);width:28px;height:28px;justify-content:center;margin-bottom:.25rem;font-size:.85rem;display:flex}.detail-card__icon,.pill{background:var(--accent-primary-dim);color:var(--accent-primary);align-items:center}.pill{border-radius:var(--radius-full);letter-spacing:.02em;gap:.35rem;padding:.25rem .65rem;font-size:.78rem;font-weight:500;display:inline-flex}.pill--brand{letter-spacing:.04em;text-transform:uppercase;opacity:.85;padding:.15rem .5rem;font-size:.7rem}.pill--runtime{font-variant-numeric:tabular-nums}.pill--runtime[data-runtime=simple]{color:var(--runtime-simple);background:#5eead41a}.pill--runtime[data-runtime=worker]{color:var(--runtime-worker);background:#38bdf81a}.pill--runtime[data-runtime=wasm]{color:var(--runtime-wasm);background:#c084fc1a}.pill--runtime[data-runtime=ai]{color:var(--runtime-ai);background:#f472b61a}.pill--runtime[data-runtime=sandbox]{color:var(--runtime-sandbox);background:#fb923c1a}.pill--runtime[data-runtime=realtime]{color:var(--runtime-realtime);background:#facc151a}[data-theme=light] .pill--runtime[data-runtime=simple]{background:#0d948814}[data-theme=light] .pill--runtime[data-runtime=worker]{background:#0284c714}[data-theme=light] .pill--runtime[data-runtime=wasm]{background:#7c3aed14}[data-theme=light] .pill--runtime[data-runtime=ai]{background:#db277714}[data-theme=light] .pill--runtime[data-runtime=sandbox]{background:#ea580c14}[data-theme=light] .pill--runtime[data-runtime=realtime]{background:#ca8a0414}.tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.tag{background:var(--bg-muted);padding:.2rem .55rem;font-size:.76rem;display:inline-flex}.tag,button.tag--action{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-tertiary)}button.tag--action{box-shadow:none;background:#ffffff05;padding:.12rem .5rem;font-size:.72rem}button.tag--action:hover{border-color:var(--card-hover-border);background:var(--card-hover-bg);color:var(--text-secondary);transform:none}.tag--more{color:var(--text-secondary);font-variant-numeric:tabular-nums}.search-surface{gap:1rem;display:grid}.search-row{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;display:grid}.search-row input,.tool-field input,.tool-field select,.tool-field textarea{border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--input-bg);width:100%;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.search-row input:focus,.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--input-focus-ring);outline:none}.search-row input,.tool-field input,.tool-field select{padding:.75rem 1rem}.tool-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%238b9fb7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.2rem}[data-theme=light] .tool-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%235b6d82' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.search-row input::placeholder,.tool-field input::placeholder,.tool-field textarea::placeholder{color:var(--text-tertiary)}.tool-field{gap:.5rem;display:grid}.tool-field textarea{resize:vertical;min-height:14rem;font-family:var(--font-mono),monospace;padding:.85rem 1rem;font-size:.88rem;line-height:1.6}.tool-field input[type=range]{appearance:none;border-radius:var(--radius-full);background:var(--range-track-bg);cursor:pointer;outline-offset:4px;border:none;width:100%;height:6px;padding:0}.tool-field input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--range-thumb-bg);border:2px solid var(--range-thumb-border);width:18px;height:18px;box-shadow:var(--range-thumb-shadow);cursor:grab;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.tool-field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.tool-field input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.tool-field input[type=range]::-moz-range-thumb{border-radius:var(--radius-full);background:var(--range-thumb-bg);border:2px solid var(--range-thumb-border);width:18px;height:18px;box-shadow:var(--range-thumb-shadow);cursor:grab}.tool-field input[type=range]:focus{box-shadow:none;border:none}.tool-field input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--range-thumb-shadow),0 0 0 2px var(--accent-primary)}.tool-field input[type=color]{width:100%;height:var(--color-input-swatch-size);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--input-bg);cursor:pointer;padding:.3rem}.tool-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tool-field input[type=color]::-webkit-color-swatch{border-radius:calc(var(--radius-md) - 4px);border:none}.tool-field input[type=color]::-moz-color-swatch{border-radius:calc(var(--radius-md) - 4px);border:none}.tool-field input[type=color]:hover{border-color:var(--border-strong)}.tool-field input[type=file]{border:var(--file-input-border);border-radius:var(--radius-lg);background:var(--file-input-bg);width:100%;color:var(--text-secondary);cursor:pointer;padding:.55rem .75rem;font-size:.84rem}.tool-field input[type=file]:hover{border-color:var(--file-input-border-hover)}.tool-field input[type=file]::file-selector-button{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);margin-right:.75rem;padding:.35rem .75rem;font-size:.82rem;font-weight:500}.tool-field input[type=file]::file-selector-button:hover{background:var(--bg-muted);border-color:var(--border-strong)}.tool-field input[type=number]{-moz-appearance:textfield;font-family:var(--font-mono),monospace;font-size:.88rem}.tool-field input[type=number]::-webkit-inner-spin-button,.tool-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tool-field textarea[readonly]{background:var(--input-readonly-bg);border-color:var(--input-readonly-border);color:var(--text-secondary);cursor:default;resize:none}.tool-field textarea[readonly]:focus{border-color:var(--border-default);box-shadow:none}.button-link,button{border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:500;display:inline-flex}.button-link:hover,button:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-sm);background:var(--bg-muted);transform:translateY(-1px)}.button-link:active,button:active{transform:translateY(0)}.button-link:disabled,button:disabled{opacity:var(--button-disabled-opacity);background:var(--button-disabled-bg);border-color:var(--button-disabled-border);color:var(--text-tertiary);cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}button.button--primary{font-weight:600}button.button--primary,button.button--primary:hover{background:var(--accent-primary);color:var(--button-primary-color);border-color:#0000}button.button--primary:hover{filter:brightness(1.12)}button.button--primary:active{filter:brightness(.95)}button.button--danger{color:var(--accent-danger);background:#f43f5e1a;border-color:#f43f5e2e}button.button--danger:hover{background:var(--accent-danger);color:#fff;border-color:#0000}.button-link--accent{background:var(--accent-primary-dim);color:var(--accent-primary);border-color:#0000}.button-link--accent:hover{background:var(--accent-primary);color:var(--bg-base);border-color:#0000}.workspace{gap:.85rem;display:grid}.workspace--two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page,.workspace--stack{gap:1rem;display:grid}.tool-toolbar{grid-template-columns:repeat(auto-fit,minmax(7.5rem,max-content));align-items:end}.tool-toolbar--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem .75rem}.tool-field--compact{min-width:0}.detail-grid,.tool-results{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem;display:grid}.detail-grid .detail-card{text-align:center;padding:.85rem 1rem}.detail-grid .detail-card h3{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:500}.detail-grid .detail-card p{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}.tool-panel--info{padding:1.15rem 1.25rem}.tool-page__headline-text{gap:.25rem;display:grid}.tool-page__headline-text h2{margin:0}.tool-page__desc{color:var(--text-secondary);max-width:52rem;margin:0;font-size:.92rem;line-height:1.65}.detail-grid--meta{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem;margin-top:.75rem}.detail-card--meta{text-align:left;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);padding:.55rem .75rem;position:relative;overflow:hidden}.detail-card--meta:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#5eead40a,#0000 60%);position:absolute;inset:0}.detail-card--meta:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow),var(--shadow-glow);transform:translateY(-1px)}.detail-card--meta dt{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .2rem;font-size:.72rem;font-weight:500}.detail-card--meta dd{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:600;line-height:1.45}.detail-card__mono{word-break:break-all;background:var(--bg-inset);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.3rem .55rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;color:var(--accent-secondary)!important;font-size:.82rem!important;font-weight:500!important}.detail-card__tags{flex-wrap:wrap;gap:.35rem;display:flex}.detail-card__tag{border-radius:var(--radius-full);background:var(--accent-primary-dim);color:var(--accent-primary);letter-spacing:.01em;align-items:center;padding:.15rem .5rem;font-size:.74rem;font-weight:500;line-height:1.4;display:inline-flex}.detail-card__tag--perm{color:var(--accent-secondary);background:#38bdf814}.detail-card__tag--none{background:var(--bg-muted);color:var(--text-tertiary);font-style:italic}.status-label{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-label:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-label--on{color:var(--accent-success);background:#34d3991a}.status-label--on:before{background:var(--accent-success);box-shadow:0 0 6px var(--accent-success)}.status-label--off{background:var(--bg-muted);color:var(--text-tertiary)}.status-label--off:before{background:var(--text-tertiary)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.6rem;display:grid}.category-card{border-radius:var(--radius-xl);border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);flex-direction:column;gap:.3rem;padding:1rem .9rem .85rem;text-decoration:none;display:flex;position:relative}a.category-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);transform:translateY(-2px)}.category-card__icon{border-radius:var(--radius-md);background:var(--accent-primary-dim);width:2rem;height:2rem;color:var(--accent-primary);letter-spacing:.03em;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:flex}.category-card h3{color:var(--text-primary);margin:0;font-size:.92rem;font-weight:600;line-height:1.35}.category-card p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.76rem;line-height:1.55;display:-webkit-box;overflow:hidden}.category-card__tooltip{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--card-hover-border);width:max-content;max-width:16rem;box-shadow:var(--card-hover-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-secondary);white-space:normal;pointer-events:none;opacity:0;z-index:10;padding:.5rem .7rem;font-size:.78rem;line-height:1.5;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(.25rem)}.category-card__tooltip:after{content:"";border:.35rem solid #0000;border-top:.35rem solid var(--card-hover-border);position:absolute;top:100%;left:50%;transform:translate(-50%)}a.category-card:hover .category-card__tooltip{opacity:1;transform:translate(-50%)translateY(0)}.category-card__count{color:var(--text-tertiary);background:var(--bg-muted);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;padding:.1rem .45rem;font-size:.68rem;font-weight:600;position:absolute;top:.65rem;right:.65rem}.category-card__visits{color:var(--accent-primary);font-variant-numeric:tabular-nums;font-size:.64rem;position:absolute;top:2.1rem;right:.65rem}.category-card{transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.tool-error{color:var(--accent-danger);border-radius:var(--radius-md);background:#f43f5e14;border:1px solid #f43f5e26;padding:.6rem .85rem;font-size:.88rem}.tool-note{color:var(--text-tertiary);margin:0;font-size:.84rem;line-height:1.6}.tool-panel--guide{gap:1rem;display:grid}.tool-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.detail-card--guide{text-align:left;padding:1rem}.detail-card--guide h3{color:var(--text-primary);margin:0 0 .65rem;font-size:.86rem}.detail-card--guide .compact-list{padding-left:1.25rem}.compact-list{color:var(--text-secondary);gap:.4rem;margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.6;display:grid}.tool-option-list{flex-wrap:wrap;gap:.55rem;display:flex}.tool-check{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);align-items:center;gap:.45rem;padding:.5rem .7rem;font-size:.84rem;display:inline-flex}.tool-check input{accent-color:var(--accent-primary)}.case-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;display:grid}.case-grid .detail-card{text-align:center}.case-grid .detail-card h3{color:var(--text-tertiary);font-size:.82rem}.tool-table{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);display:grid;overflow:auto}.tool-table__row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);grid-template-columns:minmax(8rem,.7fr) minmax(0,1.3fr);gap:.75rem;padding:.7rem .85rem;font-size:.86rem;display:grid}.tool-table__row span{overflow-wrap:anywhere;min-width:0}.tool-table__row--head{color:var(--text-primary);background:var(--bg-muted);font-weight:600}.tool-table__row.unicode-table__row{grid-template-columns:minmax(4rem,.45fr) minmax(7rem,.65fr) minmax(0,1fr)}.tool-table__row.regex-match-table__row{grid-template-columns:minmax(3.5rem,.28fr) minmax(4rem,.32fr) minmax(0,1fr)}.tool-table__row.cookie-table__row{grid-template-columns:minmax(8rem,.55fr) minmax(10rem,.9fr) minmax(12rem,1.25fr)}.tool-table__row.finding-table__row{grid-template-columns:minmax(7rem,.5fr) minmax(5rem,.28fr) minmax(0,1.4fr)}.tool-table__row.request-cookie-table__row{grid-template-columns:minmax(8rem,.7fr) minmax(0,1.3fr)}.unicode-table .mono-output{margin:0;padding:.35rem .55rem}.shadow-preview,.visual-preview{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);min-height:12rem}.code-preview{place-items:center;padding:1rem;display:grid}.code-preview svg{width:min(100%,22rem);max-height:22rem}.shadow-preview{place-items:center;padding:2rem;display:grid}.shadow-preview>div{border-radius:var(--radius-xl);background:var(--card-bg);width:min(18rem,80%);min-height:8rem;color:var(--text-secondary);place-items:center;display:grid}.css-layout-preview{padding:1rem;overflow:auto}.css-flex-preview,.css-grid-preview{min-width:min(100%,32rem)}.css-layout-cell{border-radius:var(--radius-md);min-width:0;color:var(--text-primary);font-family:var(--font-mono),monospace;background:linear-gradient(135deg,#5eead424,#38bdf814);border:1px solid #5eead42e;place-items:center;font-size:.85rem;display:grid}.css-flex-preview{min-height:16rem}.css-flex-preview__item{min-height:4rem}.tailwind-preview-surface{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:linear-gradient(45deg,#86a2c40f 25%,transparent 25%),linear-gradient(-45deg,#86a2c40f 25%,transparent 25%),var(--bg-inset);background-size:1.25rem 1.25rem;place-items:center;min-height:14rem;padding:1rem;display:grid;overflow:auto}.tailwind-preview-surface span,.tailwind-preview-surface strong{display:block}.tailwind-preview-surface span{opacity:.82;max-width:24rem;font-size:.86rem;line-height:1.55}.specificity-table{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);display:grid;overflow:auto}.specificity-table__row{border-bottom:1px solid var(--border-subtle);min-width:42rem;color:var(--text-secondary);grid-template-columns:minmax(16rem,1fr) repeat(4,minmax(4.5rem,.22fr));align-items:center;gap:.75rem;padding:.7rem .85rem;font-size:.84rem;display:grid}.specificity-table__row--head{color:var(--text-primary);background:var(--bg-muted);font-weight:600}.specificity-table code,.specificity-table strong,.type-scale-preview code{font-family:var(--font-mono),monospace}.specificity-table code{overflow-wrap:anywhere;color:var(--text-primary)}.specificity-table strong{color:var(--accent-primary)}.type-scale-preview{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);gap:.65rem;padding:1rem;display:grid}.type-scale-preview__row{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--card-bg);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:.75rem;display:grid}.type-scale-preview__row strong{display:block}.type-scale-preview__row code{color:var(--text-tertiary);font-size:.82rem}.media-audio-preview,.media-preview{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--bg-inset);width:100%;max-height:22rem}.media-preview{object-fit:contain}.media-audio-preview{padding:.75rem}.chat-transcript{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);align-content:start;gap:.75rem;max-height:38rem;padding:1rem;display:grid;overflow:auto}.chat-message{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--card-bg);gap:.35rem;max-width:88%;padding:.85rem;display:grid}.chat-message p{color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:1.6}.chat-message--user{background:var(--accent-primary-dim);border-color:#5eead433;justify-self:end}.chat-message--assistant{justify-self:start}.chat-message--system{justify-self:center;max-width:100%}.mono-output{overflow-wrap:anywhere;font-family:var(--font-mono),monospace;border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:.6rem .85rem;font-size:.88rem;line-height:1.6}.tool-result{animation:fadeSlideUp var(--duration-normal) var(--ease-out) both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tool-toolbar button{transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.tool-toolbar,.tool-toolbar--grid{row-gap:.5rem}.tool-table{position:relative}.tool-table:after{content:"";background:linear-gradient(to right,transparent,var(--bg-inset));pointer-events:none;opacity:0;width:1.5rem;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;bottom:0;right:0}.tool-table:not(:hover):after{opacity:1}@media (max-width:900px){.workspace--two-column{grid-template-columns:1fr}}.param-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.55rem;display:grid}.param-row input{border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--input-bg);width:100%;color:var(--text-primary);padding:.75rem 1rem}.diff-view{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-inset);font-family:var(--font-mono),monospace;font-size:.84rem;display:grid;overflow:auto}.diff-line{border-bottom:1px solid var(--border-subtle);grid-template-columns:2rem minmax(0,1fr);gap:.35rem;padding:.35rem .7rem;display:grid}.diff-line span{color:var(--text-tertiary)}.diff-line code{overflow-wrap:anywhere;color:var(--text-secondary)}.diff-line--added{background:#34d39914}.diff-line--removed{background:#f43f5e14}.palette-grid{border-radius:var(--radius-xl);border:1px solid var(--card-border);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid;overflow:hidden}.palette-swatch{color:#081018;text-align:left;border:0;border-radius:0;justify-content:start;align-items:end;min-height:7rem;padding:.75rem;display:grid}.palette-swatch:hover{transform:none}.palette-swatch span,.palette-swatch strong{color:#081018d1;display:block}.palette-swatch span{font-size:.76rem}.palette-swatch strong{font-family:var(--font-mono),monospace;font-size:.82rem}.clamp-preview strong{line-height:1.1;display:block}.sandbox-frame{min-height:22rem}.sandbox-frame,.tool-micro-frontend-state{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-inset);width:100%}.tool-micro-frontend-state{padding:1rem}.tool-micro-frontend-frame{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-inset);width:100%;min-height:min(760px,100vh - 220px)}.color-preview{color:#081018}.color-preview p{color:#081018c7}.markdown-preview{align-content:start;min-height:14rem;line-height:1.7;overflow:auto}.markdown-preview blockquote,.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview p,.markdown-preview pre,.markdown-preview ul{margin:0}.markdown-preview h1{font-size:1.45rem}.markdown-preview h2{font-size:1.2rem}.markdown-preview h3{font-size:1.05rem}.markdown-preview a{color:var(--accent-primary)}.markdown-preview blockquote{border-left:2px solid var(--accent-primary);color:var(--text-secondary);padding-left:.85rem}.markdown-preview code{border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--accent-primary);font-family:var(--font-mono),monospace;padding:.1rem .3rem;font-size:.86em}.markdown-preview pre{border-radius:var(--radius-lg);background:var(--bg-inset);padding:.85rem;overflow:auto}.markdown-preview pre code{color:var(--text-primary);background:0 0;padding:0;display:block}.asset-preview-grid,.font-scale-list{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.85rem;display:grid}.contrast-preview,.easing-runner,.favicon-stage,.svg-preview,.theme-preview{place-items:center;padding:1.25rem;display:grid}.svg-preview img{max-width:min(100%,28rem);max-height:18rem}.svg-preview span{color:var(--text-tertiary)}.favicon-stage{text-align:center;gap:.85rem}.favicon-stage img{image-rendering:auto;width:9rem;height:9rem}.og-card,.serp-preview{border:1px solid var(--card-border);border-radius:var(--radius-xl);background:var(--bg-subtle);box-shadow:var(--card-shadow);overflow:hidden}.og-card__image{aspect-ratio:1200/630;background:var(--bg-inset);color:#fff;background-position:50%;background-size:cover;place-items:center;display:grid}.og-card__image strong{font-size:clamp(1.1rem,3vw,2rem)}.og-card__body{gap:.25rem;padding:.85rem;display:grid}.og-card__body small,.og-card__body span,.serp-preview cite{color:var(--text-tertiary);font-size:.78rem;font-style:normal}.og-card__body h3,.serp-preview h3{margin:0;font-size:1rem}.contrast-preview p,.easing-runner p,.og-card__body p,.serp-preview p,.theme-preview p{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.5}.serp-preview{gap:.35rem;padding:1rem;display:grid}.serp-preview h3{color:#7aa7ff}[data-theme=light] .serp-preview h3{color:#1a0dab}.contrast-preview{border:1px solid var(--card-border);gap:.5rem;min-height:10rem}.contrast-preview,.theme-preview{border-radius:var(--radius-xl);justify-items:start}.theme-preview{border:1px solid var(--card-border);gap:.4rem;min-height:12rem}.theme-preview strong{font-size:clamp(1.4rem,3vw,2.4rem)}.easing-plot svg{width:100%;min-height:14rem;overflow:visible}.easing-plot line{stroke:var(--border-strong);stroke-width:1px}.easing-plot polyline{fill:none;stroke:var(--accent-primary);stroke-width:2.5px}.easing-plot circle{fill:var(--accent-secondary)}.easing-runner{align-content:center;justify-items:stretch;gap:1rem;min-height:12rem}.easing-runner__dot{border-radius:var(--radius-full);background:var(--accent-primary);width:3rem;height:3rem;box-shadow:0 0 30px var(--accent-primary-dim);animation-name:easingTravel;animation-fill-mode:both}@keyframes easingTravel{0%{transform:translate(0)}to{transform:translate(calc(100% - 3rem))}}.font-scale-list .detail-card{align-content:start}.font-scale-list strong{overflow-wrap:anywhere;display:block}.picker-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (max-width:768px){.picker-layout{grid-template-columns:1fr;gap:1.25rem}}.picker-canvas-area{gap:.75rem;display:grid}.picker-sv-container{aspect-ratio:1;border-radius:var(--radius-lg);cursor:crosshair;width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--card-border);position:relative;overflow:hidden}.picker-sv-canvas{width:100%;height:100%;display:block}.picker-hue-slider{border-radius:var(--radius-full);cursor:pointer;width:100%;height:.75rem;margin:.5rem 0;position:relative;box-shadow:inset 0 1px 3px #0003}.picker-hue-thumb{pointer-events:none;width:1.35rem;height:1.35rem;transition:transform var(--duration-fast) var(--ease-out);border:2.5px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.picker-controls{gap:.85rem;display:grid}.picker-preview{border-radius:var(--radius-lg);border:1px solid var(--card-border);background-color:#fff;background-image:conic-gradient(#0000000f 25%,transparent 0 50%,#0000000f 0 75%,transparent 0);min-height:6rem;box-shadow:var(--shadow-sm);background-size:16px 16px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}.picker-preview-overlay{transition:background-color var(--duration-fast);position:absolute;inset:0}.picker-preview-content{z-index:1;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex;position:relative}.picker-preview__hex{font-family:var(--font-mono),monospace;font-size:1.2rem;font-weight:700}.picker-sliders{gap:.85rem;display:grid}.picker-sliders input[type=range]{width:100%;accent-color:var(--accent-primary)}.picker-actions{flex-wrap:wrap;gap:.4rem;display:flex}.color-picker-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1rem;display:grid}@media (max-width:480px){.color-picker-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.75rem}}.color-picker-card{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5rem;padding:.5rem;display:flex;position:relative}.color-picker-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);background:var(--bg-muted);transform:translateY(-3px)}.color-picker-swatch-preview{border-radius:var(--radius-md);height:4.5rem;transition:transform var(--duration-fast);border:1px solid #0000000d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.color-picker-card:active .color-picker-swatch-preview{transform:scale(.96)}.color-picker-swatch-info{flex-direction:column;padding:.15rem .25rem;display:flex}.color-picker-swatch-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.color-picker-swatch-name,.color-picker-swatch-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.color-picker-swatch-value{font-size:.7rem;font-family:var(--font-mono),monospace;color:var(--text-secondary);margin-top:.15rem}.segmented-control{background:var(--bg-muted);border-radius:var(--radius-lg);border:1px solid var(--border-default);gap:4px;margin-bottom:1.25rem;padding:4px;display:flex}.segmented-control button{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex:1;padding:8px 16px;font-size:.9rem;font-weight:500}.segmented-control button:hover{color:var(--text-primary);background:#ffffff08}.segmented-control button.active{background:var(--bg-subtle);color:var(--accent-primary);box-shadow:var(--shadow-sm);border-color:var(--border-default);font-weight:600}.tool-panel{animation:scaleIn var(--duration-slow) var(--ease-out) both}.tool-panel>.tool-option-list,.tool-panel>.tool-toolbar{border-bottom:1px solid var(--divider-color);margin-bottom:.25rem;padding-bottom:.5rem}.tool-panel__header{flex-wrap:wrap}@media (max-width:720px){.tool-panel__header{gap:.5rem}.tool-panel__header h2{font-size:clamp(1.05rem,4vw,1.5rem)}}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);opacity:.7;margin:0 0 .35rem;font-size:.72rem;font-weight:600}.empty-state{text-align:center;place-items:start;gap:.6rem;display:grid}.empty-state strong{font-size:1.1rem}.status-dot{background:var(--accent-success);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:.4rem;display:inline-block}.status-dot--idle{background:var(--text-tertiary)}.status-dot--running{background:var(--accent-primary);animation:pulse 2s ease-in-out infinite}.status-dot--error{background:var(--accent-danger)}.theme-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:.5rem .7rem;font-size:.82rem;display:flex}.theme-toggle:hover{background:var(--sidebar-link-hover);border-color:var(--border-default);color:var(--text-primary);box-shadow:none;transform:none}.locale-switcher{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;appearance:none;background:0 0;padding:.5rem .7rem;font-size:.82rem}.locale-switcher:focus,.locale-switcher:hover{background:var(--sidebar-link-hover);border-color:var(--border-default);color:var(--text-primary)}.locale-switcher option{background:var(--card-bg);color:var(--text-primary)}.theme-toggle__icons{align-items:center;gap:.5rem;display:flex}.theme-toggle__moon,.theme-toggle__sun{width:14px;height:14px;transition:opacity var(--duration-fast) var(--ease-out)}.site-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;gap:1.25rem;margin-top:2rem;padding-top:1.5rem;display:grid}.site-footer h3,.site-footer p{margin:0}.site-footer__content{grid-template-columns:minmax(0,1fr) minmax(22rem,1fr);align-items:start;gap:1.5rem;display:grid}.site-footer__brand{gap:.55rem;max-width:40rem;display:grid}.site-footer__brand .pill{width:max-content}.site-footer__brand p{color:var(--text-secondary);font-size:.82rem;line-height:1.65}.site-footer__principles{flex-wrap:wrap;gap:.35rem;margin-top:.15rem;display:flex}.site-footer__nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.site-footer__group{align-content:start;gap:.35rem;display:grid}.site-footer__group h3{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.1rem;font-size:.7rem;font-weight:650}.site-footer__group a{width:fit-content;max-width:100%;color:var(--text-secondary);overflow-wrap:anywhere;transition:color var(--duration-fast) var(--ease-out);font-size:.82rem;line-height:1.6;display:block}.site-footer__group a:hover{color:var(--accent-primary)}.site-footer__feedback-section{grid-column:1/-1;margin-bottom:.5rem}.site-footer__feedback-card{background:linear-gradient(135deg,var(--bg-subtle) 0,var(--bg-muted) 100%);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.site-footer__feedback-card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-glow),var(--shadow-sm)}.site-footer__feedback-info h4{color:var(--text-primary);margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.site-footer__feedback-info p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.5}.site-footer__feedback-btn{background:var(--accent-primary);color:#000;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);border:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}[data-theme=light] .site-footer__feedback-btn{color:#fff}.site-footer__feedback-btn:hover{opacity:.9;transform:translateY(-1px);background:var(--accent-primary)!important;border-color:#0000!important}.site-footer__feedback-btn:active{transform:translateY(0)scale(.97)}.feedback-dialog__btn-primary{border-radius:var(--radius-md);background:var(--accent-primary);color:#000;box-shadow:var(--shadow-sm);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:pointer;border:1px solid #0000;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}[data-theme=light] .feedback-dialog__btn-primary{color:#fff}.feedback-dialog__btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);opacity:.9!important;background:var(--accent-primary)!important;border-color:#0000!important}.feedback-dialog__btn-primary:active{transform:translateY(0)scale(.97)}.feedback-dialog__btn-secondary{border-radius:var(--radius-md);background:var(--bg-emphasis);border:1px solid var(--border-default);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex;color:var(--text-primary)!important}.feedback-dialog__btn-secondary:hover{transform:translateY(-1px);background:var(--bg-emphasis)!important;border-color:var(--border-strong)!important}.feedback-dialog__btn-secondary:active{transform:translateY(0)scale(.97)}.feedback-dialog__btn-close{border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:pointer;background:0 0;border:1px solid #0000;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)!important}.feedback-dialog__btn-close:hover{transform:translateY(-1px);background:var(--bg-emphasis)!important;color:var(--text-primary)!important}.feedback-dialog__btn-close:active{transform:translateY(0)scale(.97)}@media (max-width:768px){.site-footer__feedback-card{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem}.site-footer__feedback-btn{justify-content:center;width:100%}}.site-footer__bottom{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.74rem;line-height:1.5;display:flex}.mobile-topbar{min-height:var(--mobile-topbar-height);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);will-change:transform;display:none;transform:translateY(0)}.mobile-topbar--hidden{transform:translateY(calc(-100% - 1px))}.mobile-topbar--hidden:focus-within{transform:translateY(0)}.hamburger{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-subtle);width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.hamburger:hover{background:var(--bg-muted);transform:none}.mobile-topbar__title{letter-spacing:.01em;font-size:.95rem;font-weight:600}.drawer-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) var(--ease-out) both;background:#00000080;position:fixed;inset:0}[data-theme=light] .drawer-overlay{background:#0003}.sidebar--drawer{display:none}.drawer-close{z-index:2;border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.drawer-close:hover{background:var(--sidebar-link-hover);color:var(--text-primary);box-shadow:none;transform:none}@media (max-width:1080px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar--desktop,.sidebar-toggle{display:none}.mobile-topbar{z-index:80;border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);align-items:center;gap:.65rem;padding:.65rem 1rem;right:0}.mobile-topbar,.sidebar--drawer{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);display:flex;position:fixed;top:0;left:0}.sidebar--drawer{z-index:100;border-right:1px solid var(--border-subtle);visibility:hidden;pointer-events:none;width:17rem;height:100vh;transition:transform var(--duration-normal) var(--ease-out),visibility 0s linear var(--duration-normal);flex-direction:column;padding:1.25rem 1rem;overflow-y:auto;transform:translate(-100%)}.sidebar.sidebar--drawer-open{visibility:visible;pointer-events:auto;transition:transform var(--duration-normal) var(--ease-out),visibility 0s linear 0s;transform:translate(0)}.content-grid,.workspace--two-column{grid-template-columns:1fr}.main{padding-top:calc(var(--mobile-topbar-height) + 1.5rem);transition:padding-top var(--duration-normal) var(--ease-out)}.topbar-hidden .main{padding-top:1.5rem}.topbar{margin-bottom:1rem;padding:.85rem 1rem}.topbar__title h1{font-size:clamp(1.05rem,3.5vw,1.4rem)}}@media (max-width:720px){.main{padding:calc(var(--mobile-topbar-height) + .85rem) .85rem .85rem;transition:padding var(--duration-normal) var(--ease-out)}.topbar-hidden .main{padding:1.5rem .85rem .85rem}.search-row,.section-header,.tool-page__headline,.tool-panel__header,.topbar{grid-template-columns:1fr;display:grid}.hero{padding:1.25rem}.hero-search{grid-template-columns:auto minmax(0,1fr)}.hero-search button,.hero-search__shortcut{grid-column:1/-1;justify-self:start}.param-row,.tool-toolbar--grid,.type-scale-preview__row{grid-template-columns:1fr}.detail-grid,.detail-grid--meta{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-guide-grid{grid-template-columns:1fr}.tool-panel--info{padding:.85rem}.case-grid{grid-template-columns:1fr}.tool-field input[type=color]{height:2.5rem}.topbar__actions{justify-content:flex-start}.detail-card,.empty-state,.search-surface,.stat-card,.tool-card,.tool-panel{border-radius:var(--radius-lg);padding:1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.category-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}.tool-table__row{grid-template-columns:minmax(6rem,1fr) minmax(0,1fr);gap:.5rem;padding:.55rem .7rem;font-size:.82rem}.specificity-table__row{grid-template-columns:minmax(10rem,1fr) repeat(4,minmax(3.5rem,.22fr));gap:.5rem;padding:.55rem .7rem;font-size:.8rem}.tool-field textarea{min-height:10rem;font-size:.82rem}.content-stack{gap:1rem;margin-top:.75rem}.section-header{flex-direction:column;align-items:start}.site-footer__content{grid-template-columns:1fr}.site-footer{gap:1rem;margin-top:1.5rem;padding-top:1.1rem}.site-footer__content{gap:1rem}.site-footer__brand{gap:.45rem}.site-footer__brand p{font-size:.78rem}.site-footer__nav{gap:1rem}.site-footer__group{gap:.3rem}.site-footer__bottom{flex-direction:column;gap:.15rem;padding-top:.75rem;font-size:.72rem}}@media (max-width:480px){.main{padding:calc(var(--mobile-topbar-height) + .6rem) .6rem .6rem;transition:padding var(--duration-normal) var(--ease-out)}.topbar-hidden .main{padding:1.2rem .6rem .6rem}.hero__stats{gap:.5rem}.card-grid,.detail-grid,.hero__stats,.tool-card__actions{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.topbar{border-radius:var(--radius-lg);padding:.7rem .85rem}.site-footer{margin-top:1rem}.site-footer__nav{grid-template-columns:1fr}.site-footer__principles .tag{max-width:100%}}@media (prefers-reduced-motion:reduce){.mobile-topbar{transition:none}}.metronome-layout{grid-template-columns:1.1fr 1.3fr;align-items:start;gap:2rem;margin-top:1rem;display:grid}@media (max-width:840px){.metronome-layout{grid-template-columns:1fr;gap:1.5rem}}.metronome-body-card{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-2xl);min-height:24rem;box-shadow:var(--shadow-lg);justify-content:center;padding:2.25rem 2rem;overflow:hidden}.metronome-body-card,.metronome-case{flex-direction:column;align-items:center;display:flex;position:relative}.metronome-case{background:linear-gradient(135deg,var(--bg-muted),var(--bg-emphasis));border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:190px;height:260px;box-shadow:inset 0 2px 5px #ffffff0d,var(--shadow-md);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);justify-content:flex-end;margin-bottom:1.5rem;padding-bottom:25px}.metronome-scale{border-left:1.5px dashed var(--text-tertiary);border-right:1.5px dashed var(--text-tertiary);opacity:.15;pointer-events:none;width:90px;height:130px;position:absolute;top:35px}.metronome-pendulum-track{justify-content:center;width:2px;height:210px;display:flex;position:absolute;bottom:30px}.metronome-pendulum-rod{background:linear-gradient(to top,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transform-origin:bottom;width:4px;height:190px;box-shadow:0 0 8px var(--accent-primary-dim);z-index:1;position:absolute;bottom:0;transform:rotate(0)}.metronome-pendulum-weight{border-radius:var(--radius-sm);cursor:pointer;width:20px;height:25px;transition:top var(--duration-normal) var(--ease-out);background:linear-gradient(135deg,#e2e8f0,#94a3b8);border:2.5px solid #475569;position:absolute;left:-8px;box-shadow:0 2px 4px #0000004d}.metronome-pivot{background:var(--accent-primary);width:14px;height:14px;box-shadow:0 0 10px var(--accent-primary);z-index:2;border-radius:50%;position:absolute;bottom:25px}.metronome-bpm-display{flex-direction:column;align-items:center;gap:2px;display:flex}.metronome-bpm-value{font-family:var(--font-mono),monospace;color:var(--accent-primary);text-shadow:0 0 20px var(--accent-primary-dim);font-size:3.5rem;font-weight:850;line-height:1}.metronome-bpm-label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-secondary);font-size:.72rem;font-weight:600}.metronome-lights-container{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.metronome-light-dot{background:var(--bg-muted);border:1.5px solid var(--border-default);width:1.15rem;height:1.15rem;transition:all var(--duration-fast) var(--ease-out);border-radius:50%;box-shadow:inset 0 1.5px 3px #0003}.metronome-light-dot.active-main{background:var(--accent-primary);box-shadow:0 0 14px var(--accent-primary),inset 0 1px 2px #fff6;transform:scale(1.15)}.metronome-light-dot.active-downbeat{background:var(--accent-danger);box-shadow:0 0 14px var(--accent-danger),inset 0 1px 2px #fff6;transform:scale(1.2)}.metronome-light-dot.active-sub{background:var(--accent-secondary);box-shadow:0 0 10px var(--accent-secondary),inset 0 1px 2px #ffffff4d;transform:scale(1.08)}.visit-count{color:var(--text-tertiary);font-size:.82rem}.ranking-panel{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.ranking-panel__col{background:var(--bg-subtle)}@supports (color:color-mix(in lab,red,red)){.ranking-panel__col{background:color-mix(in srgb,var(--bg-subtle) 84%,transparent)}}.ranking-panel__col{border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem}.ranking-panel__col h2{color:var(--text-primary);margin:0 0 .75rem;font-size:.95rem;font-weight:600}.ranking-panel__empty{color:var(--text-tertiary);font-size:.85rem}.ranking-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.ranking-list__item{border-radius:6px;align-items:center;gap:.6rem;padding:.4rem .5rem;transition:background .15s;display:flex}.ranking-list__item:hover,.ranking-list__rank{background:var(--bg-muted)}.ranking-list__rank{width:1.6rem;height:1.6rem;color:var(--text-tertiary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.ranking-list__rank--top{background:var(--accent-primary-dim);color:var(--accent-primary)}.ranking-list__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;text-decoration:none;transition:color .15s;overflow:hidden}.ranking-list__name:hover{color:var(--accent-primary)}.ranking-list__count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.78rem}.ranking-skeleton{flex-direction:column;gap:.4rem;display:flex}.ranking-skeleton__row{align-items:center;gap:.6rem;padding:.4rem .5rem;display:flex}.ranking-skeleton__rank{background:var(--bg-muted);border-radius:6px;width:1.6rem;height:1.6rem;animation:shimmer 1.5s ease-in-out infinite}.ranking-skeleton__name{flex:1;animation:shimmer 1.5s ease-in-out .1s infinite}.ranking-skeleton__count,.ranking-skeleton__name{background:var(--bg-muted);border-radius:4px;height:1rem}.ranking-skeleton__count{width:2.5rem;animation:shimmer 1.5s ease-in-out .2s infinite}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width:768px){.ranking-panel{grid-template-columns:1fr}}@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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}