/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:"DM Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-mono:"JetBrains Mono","PingFang SC","Microsoft YaHei",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"DM Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--default-mono-font-family:"JetBrains Mono","PingFang SC","Microsoft YaHei",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}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}::-webkit-file-upload-button{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:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:-moz-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::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{text-align:inherit;min-height:1lh}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-file-upload-button{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}}@layer utilities{.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.left-0{left:0}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-5{grid-column:span 5/span 5}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing)*2)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-14{height:calc(var(--spacing)*14)}.min-h-\[340px\]{min-height:340px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items: center}.items-end{align-items: flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-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-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-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-border{border-color:var(--c-border)}.bg-accent{background-color:var(--c-accent)}.bg-card{background-color:var(--c-card)}.bg-card-alt{background-color:var(--c-card-alt)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-card{--tw-gradient-from:var(--c-card);--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-card-alt{--tw-gradient-to:var(--c-card-alt);--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))}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:var(--spacing)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-14{padding-top:calc(var(--spacing)*14)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.text-center{text-align:center}.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-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-\[10px\]{font-size:10px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--c-accent)}.text-danger{color:var(--c-danger)}.text-fg{color:var(--c-fg)}.text-muted{color:var(--c-muted)}.opacity-70{opacity:.7}.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)}.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))}@media (hover:hover){.hover\:text-accent-warn:hover{color:var(--c-warn)}}@media (min-width:40rem){.sm\:mt-6{margin-top:calc(var(--spacing)*6)}.sm\:mt-8{margin-top:calc(var(--spacing)*8)}.sm\:mr-3{margin-right:calc(var(--spacing)*3)}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:min-h-\[400px\]{min-height:400px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-5{gap:calc(var(--spacing)*5)}:where(.sm\: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)))}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:py-12{padding-block:calc(var(--spacing)*12)}.sm\:pt-12{padding-top:calc(var(--spacing)*12)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:48rem){.md\:grid{display:grid}.md\:inline{display:inline}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.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\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}:root{--c-bg:#f6f8f7;--c-card:#fff;--c-card-alt:#eff2f0;--c-border:#d6ddd9;--c-border-light:#d6ddd999;--c-fg:#17241e;--c-muted:#64716b;--c-accent:#0e9f6e;--c-accent-hover:#0b8a5e;--c-accent-dim:#0e9f6e1a;--c-accent-focus:#0e9f6e26;--c-accent-glow:#0e9f6e0f;--c-input-bg:#f6f8f7;--c-placeholder:#8c978f;--c-nav-bg:#f6f8f7d9;--c-grid-line:#d6ddd973;--c-scrollbar:#c3ccc6;--c-scrollbar-hover:#a8b3ac;--c-on-accent:#fff;--c-hover-overlay:#17241e0a;--c-warn:#d97706;--c-warn-dim:#d977061a;--c-danger:#dc2626;--c-danger-dim:#dc262614;--c-info:#b45309;--c-pink:#be185d;--toast-success-bg:#daf1e5;--toast-success-text:#0e9f6e;--toast-success-border:#afe3c5;--toast-error-bg:#ffe3e3;--toast-error-text:#dc2626;--toast-error-border:#ffc9c9;--toast-info-bg:#ddf0ff;--toast-info-text:#0969da;--toast-info-border:#b6e3ff;--shadow-card:0 1px 3px #17241e14,0 1px 2px #17241e0f;--shadow-toast:0 8px 32px #17241e1f;--shadow-dropdown:0 12px 40px #17241e26;--bigkey-top:#17241e;--bigkey-empty-top:#64716b}[data-theme=dark]{--c-bg:#0a0e14;--c-card:#131a24;--c-card-alt:#1a2330;--c-border:#1f2a3a;--c-border-light:#2a3a5280;--c-fg:#e6edf3;--c-muted:#6e7a8a;--c-accent:#00ffa3;--c-accent-hover:#00e592;--c-accent-dim:#00ffa31a;--c-accent-focus:#00ffa326;--c-accent-glow:#00ffa312;--c-input-bg:#0d131c;--c-placeholder:#484f58;--c-nav-bg:#0a0e14d9;--c-grid-line:#00ffa30a;--c-scrollbar:#2a3a52;--c-scrollbar-hover:#3a4e6c;--c-on-accent:#001a10;--c-hover-overlay:#ffffff0a;--c-warn:#ffd60a;--c-warn-dim:#ffd60a1f;--c-danger:#ff5252;--c-danger-dim:#ff52521a;--c-info:#ff9500;--c-pink:#ff2d75;--toast-success-bg:#1a3a2a;--toast-success-text:#7ee787;--toast-success-border:#2a5a3a;--toast-error-bg:#3a1a1a;--toast-error-text:#f85149;--toast-error-border:#5a2a2a;--toast-info-bg:#1a2a3a;--toast-info-text:#79c0ff;--toast-info-border:#2a3a5a;--shadow-card:0 1px 3px #0000004d;--shadow-toast:0 8px 32px #0006;--shadow-dropdown:0 12px 40px #00000080;--bigkey-top:#fff;--bigkey-empty-top:#6e7a8a}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-fg);overflow-x:hidden;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);transition:background-color .4s,color .4s}.mono-font{font-family:var(--font-mono)}.app-container{width:100%;max-width:64rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.bg-glow{position:fixed;pointer-events:none;z-index:0;overflow:hidden;width:100%;height:100%;top:0;left:0}.bg-glow:before,.bg-glow:after{content:"";position:absolute;filter:blur(120px);animation:25s ease-in-out infinite blobFloat;background:var(--c-accent-glow);border-radius:50%;transition:background .4s}.bg-glow:before{width:600px;height:600px;top:-200px;left:-100px}.bg-glow:after{animation-delay:-12s;animation-direction:reverse;width:500px;height:500px;bottom:-150px;right:-100px}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,60px)scale(1.1)}66%{transform:translate(-40px,-30px)scale(.95)}}.grid-bg{position:fixed;pointer-events:none;z-index:0;background-image:linear-gradient(var(--c-grid-line)1px,transparent 1px),linear-gradient(90deg,var(--c-grid-line)1px,transparent 1px);mask-image:radial-gradient(80% 60% at 50% 30%,#000 20%,#0000 70%);-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 20%,#0000 70%);background-size:48px 48px;width:100%;height:100%;transition:background-image .4s;top:0;left:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-scrollbar-hover)}.text-gradient{background:linear-gradient(90deg,var(--c-accent),var(--c-warn));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.nav-link{color:var(--c-muted);position:relative;padding:6px 2px;transition:color .2s}.nav-link:hover{color:var(--c-accent)}.nav-link:after{content:"";position:absolute;background:var(--c-accent);width:0;height:1px;transition:width .2s;bottom:0;left:0}.nav-link:hover:after{width:100%}.nav-bar{background:var(--c-nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border);padding-top:env(safe-area-inset-top,0px);transition:background .4s,border-color .4s}.theme-toggle{border:1.5px solid var(--c-border);background:var(--c-card);color:var(--c-muted);cursor:pointer;display:flex;border-radius:10px;flex-shrink:0;justify-content:center;align-items: center;width:38px;height:38px;transition:all .3s;font-size:15px}.theme-toggle:hover{color:var(--c-accent);border-color:var(--c-accent);transform:rotate(15deg)}.lang-toggle{width:auto;min-width:38px;padding:0 10px}.lang-toggle:hover{transform:translateY(-1deg)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.dropdown-menu{position:absolute;background:var(--c-card);border:1px solid var(--c-border);z-index:100;box-shadow:var(--shadow-dropdown);opacity:0;visibility:hidden;border-radius:12px;min-width:150px;margin-top:6px;padding:6px;transition:all .25s;top:100%;left:auto;right:0;transform:translateY(-8px)}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;cursor:pointer;font-size:13px;font-family:var(--font-sans);color:var(--c-muted);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items: center;gap:8px;width:100%;min-height:38px;padding:8px 12px;transition:all .15s}.dropdown-item:hover{background:var(--c-accent-dim);color:var(--c-fg)}.dropdown-item .check{visibility:hidden;font-size:11px}.dropdown-item.active{color:var(--c-accent);background:var(--c-accent-dim);font-weight:600}.dropdown-item.active .check{visibility:visible}.pulse-dot{background:var(--c-accent);animation:2s ease-in-out infinite pulse;border-radius:50%;width:8px;height:8px}.pulse-dot.offline{background:var(--toast-error-text);animation:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s ease-out backwards fadeUp}.display-panel{background:linear-gradient(180deg,var(--c-card)0%,var(--c-input-bg)100%);border:1px solid var(--c-border);position:relative;overflow:hidden;transition:background .4s,border-color .4s}.display-panel:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--c-accent),transparent);opacity:.6;height:1px;top:0;left:0;right:0}[data-theme=dark] .display-panel:before{content:"";position:absolute;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#00ffa305 2px 3px);inset:0}.big-key{font-family:var(--font-mono);letter-spacing:-.06em;background:linear-gradient(180deg,var(--bigkey-top)0%,var(--c-accent)70%,var(--c-accent-hover)100%);-webkit-text-fill-color:transparent;color:#0000;word-break:break-all;text-align:center;-webkit-background-clip:text;background-clip:text;max-width:100%;transition:transform .15s cubic-bezier(.34,1.56,.64,1);font-size:clamp(48px,13vw,120px);font-weight:800;line-height:1}[data-theme=dark] .big-key{text-shadow:0 0 60px #00ffa31f}.big-key.pressed{transform:scale(1.04)}.big-key.empty{background:linear-gradient(180deg,var(--bigkey-empty-top)0%,var(--c-border)100%);-webkit-text-fill-color:transparent;color:#0000;text-shadow:none;opacity:.45;-webkit-background-clip:text;background-clip:text}@keyframes pulse-ring{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.06);opacity:0}}.pulse-ring{position:absolute;border:2px solid var(--c-accent);animation:.7s ease-out pulse-ring;pointer-events:none;border-radius:16px;inset:0}.duration-bar{background:var(--c-card-alt);overflow:hidden;position:relative;border-radius:3px;height:6px}.duration-fill{background:linear-gradient(90deg,var(--c-accent)0%,var(--c-warn)70%,var(--c-danger)100%);width:0%;height:100%;transition:width 80ms linear}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor-blink:after{content:"_";color:var(--c-accent);animation:1s infinite blink;margin-left:4px}.mod-key{background:var(--c-card-alt);border:1px solid var(--c-border);color:var(--c-fg);position:relative;overflow:hidden;transition:all .18s cubic-bezier(.4,0,.2,1)}.mod-key .mod-icon{color:var(--c-muted);transition:color .18s}.mod-key.active{background:linear-gradient(135deg,var(--c-warn)0%,var(--c-info)100%);color:#1a0f00;border-color:var(--c-warn);box-shadow:0 0 24px var(--c-warn-dim),inset 0 1px 0 #ffffff59;transform:translateY(-2px)}.mod-key.active .mod-icon{color:#1a0f00}.prop-group-head{display:flex;border-bottom:1px solid var(--c-border);background:var(--c-card-alt);align-items: center;gap:8px;padding:10px 24px}.prop-group-head .group-name{font-family:var(--font-mono);letter-spacing:.1em;font-size:11px;font-weight:600}.prop-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-bottom:1px solid var(--c-border-light);border-left:2px solid #0000;align-items: center;gap:8px 16px;padding:10px 24px;transition:background .15s,border-color .15s}.prop-row:hover{background:var(--c-hover-overlay);border-left-color:var(--c-accent)}.prop-row:last-child{border-bottom:none}.prop-row.deprecated-row:hover{border-left-color:var(--c-danger)}.prop-row.deprecated-row .prop-key{color:var(--c-danger)}.prop-name{grid-column:span 2/span 2;display:flex;flex-wrap:wrap;align-items: center;gap:8px;min-width:0}.prop-type{grid-column:span 2/span 2;font-family:var(--font-mono);color:var(--c-muted);font-size:12px}.prop-value-wrap{grid-column:span 5/span 5;display:flex;align-items: center;gap:8px;min-width:0}.prop-desc{grid-column:span 3/span 3;color:var(--c-muted);font-size:12px;line-height:1.5}.prop-key{font-family:var(--font-mono);color:var(--c-fg);word-break:break-all;font-size:13px;font-weight:700}.prop-key.is-modern{color:var(--c-accent)}.prop-value{font-family:var(--font-mono);color:var(--c-muted);word-break:break-all;min-width:0;font-size:13px}.prop-value.is-set{color:var(--c-fg)}.prop-value.is-true{color:var(--c-accent)}.prop-value.is-false{color:var(--c-muted)}.prop-badge{font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:10px}.prop-badge.badge-modern{background:var(--c-accent-dim);color:var(--c-accent);border:1px solid var(--c-accent-focus)}.prop-badge.badge-deprecated{background:var(--c-danger-dim);color:var(--c-danger);border:1px solid var(--c-danger-dim)}.prop-badge.badge-meta{background:var(--c-warn-dim);color:var(--c-warn);border:1px solid var(--c-warn-dim)}.copy-btn{opacity:0;cursor:pointer;color:var(--c-muted);background:0 0;border:none;flex-shrink:0;padding:4px;transition:opacity .15s,color .15s;font-size:12px}.prop-row:hover .copy-btn{opacity:1}.copy-btn:focus-visible{opacity:1}.copy-btn:hover{color:var(--c-accent)}.copy-btn.copied{color:var(--c-accent);animation:.3s copyPop;opacity:1}@keyframes copyPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media (max-width:767px){.prop-row{grid-template-columns:1fr;gap:4px;padding:12px 16px}.prop-name{grid-column:auto}.prop-type{display:none}.prop-value-wrap,.prop-desc{grid-column:auto}.copy-btn{opacity:1;margin-left:auto}.prop-group-head{padding:8px 16px}}.vk-scroll{overflow-x:auto;overflow-y:hidden}.vk-inner{min-width:780px}.vk-key{background:var(--c-input-bg);border:1px solid var(--c-border);text-align:center;font-family:var(--font-mono);color:var(--c-muted);display:flex;user-select:none;cursor:default;position:relative;white-space:nowrap;border-radius:6px;justify-content:center;align-items: center;min-height:34px;padding:6px 4px;transition:all 80ms;font-size:11px}.vk-key.active{background:linear-gradient(135deg,var(--c-accent)0%,var(--c-accent-hover)100%);color:var(--c-on-accent);border-color:var(--c-accent);box-shadow:0 0 14px var(--c-accent-focus);font-weight:700;transform:translateY(2px)}.vk-key.mod-active{background:linear-gradient(135deg,var(--c-warn)0%,var(--c-info)100%);color:#1a0f00;border-color:var(--c-warn);box-shadow:0 0 12px var(--c-warn-dim)}.tip-card{background:var(--c-card);border:1px solid var(--c-border);position:relative;overflow:hidden;box-shadow:var(--shadow-card);border-radius:12px;padding:18px;transition:all .25s}.tip-card:before{content:"";position:absolute;background:var(--c-accent);transform-origin:top;width:3px;height:100%;transition:transform .3s;top:0;left:0;transform:scaleY(0)}.tip-card:hover{border-color:var(--c-accent);transform:translateY(-2px)}.tip-card:hover:before{transform:scaleY(1)}.tip-card.tip-warn:before{background:var(--c-warn)}.tip-card.tip-danger:before{background:var(--c-danger)}.tip-card.tip-info:before{background:var(--c-info)}.step-card{background:var(--c-card);border:1px solid var(--c-border);box-shadow:var(--shadow-card);border-radius:12px;padding:18px;transition:border-color .25s}.step-card:hover{border-color:var(--c-accent)}.step-num{background:var(--c-accent);color:var(--c-on-accent);display:flex;border-radius:999px;flex-shrink:0;justify-content:center;align-items: center;width:28px;height:28px;font-size:13px;font-weight:800}.explain-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:10px;padding:14px 16px;transition:border-color .25s}.explain-card:hover{border-color:var(--c-accent)}.explain-card.deprecated{border-left:3px solid var(--c-danger)}.scenario-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:10px;padding:14px 16px}.scenario-card .sc-title{color:var(--c-warn);margin-bottom:4px;font-size:14px;font-weight:600}.about-feature{display:flex;background:var(--c-input-bg);border-radius:10px;align-items: flex-start;gap:12px;padding:12px}.code-block{background:var(--c-input-bg);border:1px solid var(--c-border);font-family:var(--font-mono);color:var(--c-fg);overflow-x:auto;border-radius:10px;padding:14px 16px;font-size:12.5px;line-height:1.7}.code-block .kw{color:var(--c-pink)}.code-block .str{color:var(--c-accent)}.code-block .com{color:var(--c-muted);font-style:italic}.code-block .fn{color:var(--c-warn)}.code-block .num{color:var(--c-info)}.history-item{background:var(--c-card);border:1px solid var(--c-border);animation:.25s cubic-bezier(.34,1.56,.64,1) slideIn;box-shadow:var(--shadow-card);border-radius:8px;flex-shrink:0;min-width:72px;padding:8px 12px}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.faq-item{border:1px solid var(--c-border);overflow:hidden;background:var(--c-card);box-shadow:var(--shadow-card);border-radius:10px;transition:all .2s}.faq-item.open{border-color:var(--c-accent-focus);background:var(--c-card-alt)}.faq-question{cursor:pointer;display:flex;justify-content:space-between;align-items: center;gap:14px;min-height:48px;padding:14px 18px;transition:color .2s;font-weight:500}.faq-item.open .faq-question{color:var(--c-accent)}.faq-answer{overflow:hidden;color:var(--c-muted);max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);line-height:1.7}.faq-item.open .faq-answer{max-height:640px;padding:0 18px 16px}.faq-icon{flex-shrink:0;transition:transform .3s}.faq-item.open .faq-icon{transform:rotate(180deg)}.toast-container{position:fixed;z-index:9999;display:flex;pointer-events:none;flex-direction:column;gap:8px;max-width:min(360px,100vw - 40px);bottom:20px;right:20px}.toast{display:flex;animation:.4s toastIn;box-shadow:var(--shadow-toast);pointer-events:auto;border-radius:10px;align-items: center;gap:10px;min-width:200px;padding:12px 18px;font-size:14px;font-weight:500}.toast.success{background:var(--toast-success-bg);color:var(--toast-success-text);border:1px solid var(--toast-success-border)}.toast.error{background:var(--toast-error-bg);color:var(--toast-error-text);border:1px solid var(--toast-error-border)}.toast.info{background:var(--toast-info-bg);color:var(--toast-info-text);border:1px solid var(--toast-info-border)}.toast.out{animation:.3s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@media (max-width:640px){.toast-container{align-items: center;max-width:none;bottom:20px;left:20px;right:20px}.toast{width:100%;min-width:0}.big-key{font-size:clamp(44px,15vw,88px)}h1{overflow-wrap:anywhere}.faq-question{padding:12px 14px}.faq-item.open .faq-answer{padding:0 14px 14px}.code-block{padding:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@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-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}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and ( not (margin-trim: inline))) or ((-moz-orient: inline) and ( not (color:rgb(from red r g b)))){*,:before,:after{--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-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}::backdrop{--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-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}}}