@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-space-x-reverse:0;--tw-border-style:solid;--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;--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;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-900:oklch(39.6% .141 25.723);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--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);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--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{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-14{right:calc(var(--spacing)*14)}.bottom-4{bottom:calc(var(--spacing)*4)}.z-50{z-index:50}.z-\[9990\]{z-index:9990}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing)*8)}.mt-1{margin-top:calc(var(--spacing)*1)}.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-5{margin-top:calc(var(--spacing)*5)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-\[4px\]{height:4px}.h-\[500px\]{height:500px}.h-full{height:100%}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.max-w-\[400px\]{max-width:400px}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1200px\]{max-width:1200px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[560px\]{min-width:560px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-right{transform-origin:100%}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.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}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[var\(--ud-radius\)\]{border-radius:var(--ud-radius)}.rounded-\[var\(--ud-radius-pill\)\]{border-radius:var(--ud-radius-pill)}.rounded-\[var\(--ud-radius-sm\)\]{border-radius:var(--ud-radius-sm)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.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-\[var\(--ud-border\)\]{border-color:var(--ud-border)}.bg-\[var\(--ud-accent\)\]{background-color:var(--ud-accent)}.bg-\[var\(--ud-bg\)\],.bg-\[var\(--ud-bg\)\]\/90{background-color:var(--ud-bg)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--ud-bg\)\]\/90{background-color:color-mix(in oklab,var(--ud-bg)90%,transparent)}}.bg-\[var\(--ud-danger\)\]{background-color:var(--ud-danger)}.bg-\[var\(--ud-info\)\]{background-color:var(--ud-info)}.bg-\[var\(--ud-surface\)\]{background-color:var(--ud-surface)}.bg-\[var\(--ud-surface-raised\)\]{background-color:var(--ud-surface-raised)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-gray-600{background-color:var(--color-gray-600)}.bg-red-900\/50{background-color:#82181a80}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/50{background-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#555\]{color:#555}.text-\[var\(--ud-accent\)\]{color:var(--ud-accent)}.text-\[var\(--ud-accent-contrast\)\]{color:var(--ud-accent-contrast)}.text-\[var\(--ud-info\)\]{color:var(--ud-info)}.text-\[var\(--ud-rarity-legendary\)\]{color:var(--ud-rarity-legendary)}.text-\[var\(--ud-success\)\]{color:var(--ud-success)}.text-\[var\(--ud-text\)\]{color:var(--ud-text)}.text-\[var\(--ud-text-muted\)\]{color:var(--ud-text-muted)}.text-\[var\(--ud-text-strong\)\]{color:var(--ud-text-strong)}.text-gray-400{color:var(--color-gray-400)}.text-red-200{color:var(--color-red-200)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.accent-\[var\(--ud-danger\)\]{accent-color:var(--ud-danger)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-\[var\(--ud-accent\)\]:hover{background-color:var(--ud-accent)}.hover\:bg-\[var\(--ud-danger\)\]:hover{background-color:var(--ud-danger)}.hover\:bg-\[var\(--ud-info\)\]:hover{background-color:var(--ud-info)}.hover\:bg-\[var\(--ud-surface-raised\)\]:hover{background-color:var(--ud-surface-raised)}.hover\:text-\[var\(--ud-accent\)\]:hover{color:var(--ud-accent)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-\[var\(--ud-accent\)\]:focus{border-color:var(--ud-accent)}.focus\:border-\[var\(--ud-info\)\]:focus{border-color:var(--ud-info)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-\[45\%\]{width:45%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-left{text-align:left}}}:root,:root[data-theme=dark]{color-scheme:dark;--ud-bg:#17181c;--ud-surface:#22242a;--ud-surface-raised:#2c2f37;--ud-text:#f4f2ed;--ud-text-strong:#fff;--ud-text-muted:#9da0aa;--ud-border:#383c45;--ud-border-strong:#4a4f5a;--ud-accent:#e8a93c;--ud-accent-contrast:#17181c;--ud-accent-soft:#e8a93c24;--ud-accent-2:#e0736a;--ud-portrait:linear-gradient(150deg,#343842 0%,#23262c 60%,#2e323b 100%);--ud-success:#46a758;--ud-warning:#d98324;--ud-danger:#e5484d;--ud-info:#6ea8e0;--ud-rarity-common:#9da0aa;--ud-rarity-rare:#4a9fd8;--ud-rarity-epic:#a86fc4;--ud-rarity-legendary:#e8a93c;--ud-shadow-sm:0 1px 2px #00000080;--ud-shadow-md:0 18px 44px -22px #000000e6;--ud-radius-sm:9px;--ud-radius:16px;--ud-radius-lg:22px;--ud-radius-pill:999px}:root[data-theme=light]{color-scheme:light;--ud-bg:#f1f0ec;--ud-surface:#fff;--ud-surface-raised:#eae8e2;--ud-text:#1a1b1f;--ud-text-strong:#000;--ud-text-muted:#6a6d75;--ud-border:#dcdad4;--ud-border-strong:#c3c0b8;--ud-accent:#8f6316;--ud-accent-contrast:#fff;--ud-accent-soft:#8f63161a;--ud-accent-2:#b8443b;--ud-portrait:linear-gradient(150deg,#e7e5df 0%,#d6d4cd 100%);--ud-success:#2f7d3f;--ud-warning:#8a5510;--ud-danger:#c62a2f;--ud-info:#1a6fc4;--ud-rarity-common:#74777f;--ud-rarity-rare:#1a6fc4;--ud-rarity-epic:#7b2d8e;--ud-rarity-legendary:#8f6316;--ud-shadow-sm:0 1px 2px #17181d0f;--ud-shadow-md:0 12px 32px -18px #17181d47}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--ud-bg);color:var(--ud-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0}:focus-visible{outline:2px solid var(--ud-accent);outline-offset:2px;border-radius:4px}img,svg,video{max-width:100%;height:auto}h1,h2,h3{text-wrap:balance}.tabular{font-variant-numeric:tabular-nums}.skip-link{z-index:100;background:var(--ud-accent);color:var(--ud-accent-contrast);border-radius:0 0 var(--ud-radius-sm)0;padding:.75rem 1.25rem;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes dock-enter{0%{opacity:0;transform:translate(2.5rem,-50%)}to{opacity:1;transform:translateY(-50%)}}.dock-enter{animation:.35s cubic-bezier(.2,.7,.3,1) both dock-enter}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-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-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}@property --tw-ease{syntax:"*";inherits:false}.navbar-container{background-color:var(--ud-surface);margin-bottom:2rem;border-radius:0 0 .5rem .5rem;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ud-border)}.main-nav{display:flex;gap:1.5rem;align-items:center}.nav-link{font-weight:700;color:var(--ud-accent);text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link i{margin-right:.5rem}.dropdown{position:relative;display:inline-block}.dropdown:before{content:"";position:absolute;top:100%;left:0;right:0;height:.5em;z-index:999}.dropdown-toggle{background:none;border:none;color:var(--ud-accent);font-weight:700;cursor:pointer;font-family:inherit;font-size:inherit;transition:color .3s;padding:0}.dropdown-toggle:hover{color:#fff}.dropdown-toggle i{font-size:.7em;margin-left:.3rem}.dropdown-menu{position:absolute;top:calc(100% + .5em);left:0;background-color:var(--ud-surface);border:1px solid var(--ud-border);border-radius:.5rem;min-width:200px;z-index:1000;box-shadow:0 4px 6px #0000004d}.dropdown-menu a{display:block;padding:.75rem 1rem;color:var(--ud-text);text-decoration:none;transition:background-color .2s;white-space:nowrap}.dropdown-menu a:hover{background-color:var(--ud-border)}.dropdown-menu a i{margin-right:.5rem;width:1rem;text-align:center}.profile-dropdown{position:relative;margin-right:.625rem}.profile-dropdown-toggle{background:none;border:none;color:var(--ud-info);font-weight:700;cursor:pointer;font-family:inherit;font-size:inherit;display:flex;align-items:center;gap:.5rem;padding:0}.profile-image{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--ud-info)}.profile-icon{font-size:32px}.chevron-icon{font-size:.7em;margin-left:.3rem}.profile-dropdown-menu{position:absolute;top:calc(100% + .5em);right:0;background-color:var(--ud-surface);border:1px solid var(--ud-border);border-radius:.5rem;min-width:200px;z-index:1000;box-shadow:0 4px 6px #0000004d}.profile-dropdown-menu a,.profile-dropdown-menu button{display:block;width:100%;text-align:left;background:none;border:0;font:inherit;cursor:pointer;padding:.75rem 1rem;color:var(--ud-text);text-decoration:none;transition:background-color .2s;white-space:nowrap}.profile-dropdown-menu a:hover,.profile-dropdown-menu button:hover{background-color:var(--ud-border)}.profile-dropdown-menu a i,.profile-dropdown-menu button i{margin-right:.5rem;width:1rem;text-align:center}.user-info-container{display:flex;align-items:center;gap:1rem;font-size:.875rem;background-color:var(--ud-bg);padding:.5rem 1rem;border-radius:9999px;border:1px solid var(--ud-border)}.notification-bell{margin-left:.5rem;position:relative;color:var(--ud-accent);transition:color .3s;text-decoration:none}.notification-bell:hover{color:#fff}.notification-bell i{font-size:1.125rem}.notification-count{position:absolute;top:-.5rem;right:-.5rem;background-color:var(--ud-danger);color:#fff;font-size:9px;font-weight:700;padding:.125rem .375rem;border-radius:9999px;border:1px solid var(--ud-bg)}.auth-links{display:flex;align-items:center;gap:.5rem}.auth-link{font-weight:700;color:var(--ud-info);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:color .3s}.auth-link:hover{text-decoration:underline}.separator{color:var(--ud-text-muted)}.mobile-menu-btn{color:var(--ud-accent);font-size:1.25rem;font-weight:700;background:none;border:none;cursor:pointer}.mobile-menu{position:absolute;top:4rem;left:0;width:100%;background-color:var(--ud-surface);border-top:1px solid var(--ud-border);padding:1rem;display:flex;flex-direction:column;gap:1rem;z-index:50}.mobile-nav-link{display:block;font-weight:700;font-size:1.125rem;color:var(--ud-accent);text-decoration:none}.mobile-nav-link:hover{color:#fff}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media(max-width:767px){.hidden{display:none}}.avatar-wrapper{position:relative;display:inline-block;width:40px;height:40px}.avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.avatar-frame{position:absolute;inset:-10%;width:120%;height:120%;pointer-events:none}@media(min-width:768px){.floating-dock-mobile{display:none}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--ud-radius-pill);border:1px solid var(--ud-border);background:var(--ud-surface);color:var(--ud-text);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.theme-toggle:hover{background:var(--ud-surface-raised);color:var(--ud-text-strong);border-color:var(--ud-border-strong)}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--behind-glow-color: rgba(125, 190, 255, .67);--behind-glow-size: 25%;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-behind{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(50px) saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s ease}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:#000000e6;backface-visibility:hidden;overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{inset:0;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .8s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg 18s linear infinite;animation-play-state:running;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0;transition:opacity .8s ease}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)))}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{overflow:visible;transform:translateZ(2);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:-1px;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out}.pc-avatar-content:before{content:"";position:absolute;inset:0;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.pc-user-info{position:absolute;--ui-inset: 20px;--ui-radius-bias: 6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:max(0px,var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias));padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,#fff,var(--ud-info));background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:-moz-min-content;width:min-content;background-image:linear-gradient(to bottom,#fff,var(--ud-info));background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media(max-width:768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{--ui-inset: 15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media(max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{--ui-inset: 12px;padding:8px 10px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media(max-width:320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),var(--grain);background-size:250% 250%,220px 220px;background-position:center,center;opacity:.85;filter:none}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.5) contrast(1.05) saturate(.4)!important}.pc-shine:before{filter:brightness(calc(1.05 - var(--pointer-from-center))) contrast(calc(1 + var(--pointer-from-center))) saturate(calc(.3 + var(--pointer-from-center) * .45))!important}.pc-shine:after{filter:brightness(.7) contrast(1.1)!important}.pc-user-info{margin-top:5px}.slider-block{background:#0000004d;padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:8px}.pc-vote-btn{padding:12px 20px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;pointer-events:auto;cursor:pointer}.pc-vote-btn:disabled{opacity:.4;cursor:not-allowed}.pc-sliders-container{position:absolute;bottom:90px;left:0;width:100%;padding:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;pointer-events:auto;z-index:200}.slider-block{width:calc(50% - 8px);min-width:120px;background:#00000059;border-radius:10px;padding:10px}.pc-user-info{position:absolute;bottom:15px;left:15px;right:15px;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:18px;background:#00000073;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto}.pc-vote-btn{width:100%;padding:12px 0;border-radius:12px;border:1px solid rgba(255,255,255,.2);font-weight:700;font-size:15px;color:#fff;background:#ffffff1a;pointer-events:auto}.pc-sliders-row{display:flex;gap:12px}.slider-half{flex:1;display:flex;align-items:center}.pc-buttons-row{display:flex;gap:12px}.pc-small-btn{flex:1;padding:10px 0;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:600;color:#fff;pointer-events:auto}.pc-small-btn:hover{background:#fff3}.pc-contact-btn{width:100%;margin-top:auto;padding:12px 0;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);pointer-events:auto!important}.pc-contact-btn:hover{background:#ff4500e6;border-color:var(--ud-accent);box-shadow:0 0 20px #ff450066;transform:translateY(-2px)}.pc-contact-btn:active{transform:translateY(0)}.pc-contact-btn:disabled{opacity:.6;background:#333;border-color:#444;cursor:not-allowed;box-shadow:none;transform:none}.pc-user-info.voted-green{background:#166534b3!important;border-color:#4ade8080!important}.pc-contact-btn{width:100%;padding:12px 0;margin-top:0}.pc-user-details-row{flex-direction:row!important;align-items:stretch!important;gap:10px!important;width:100%}.pc-handle{font-size:13px!important;white-space:nowrap}.pc-user-info{height:12%}.pc-footer-row{position:absolute;bottom:15px;left:15px;right:15px;z-index:20;display:flex;flex-direction:row;align-items:stretch;gap:10px;pointer-events:auto!important}.pc-stats-box{flex:1;display:flex;align-items:center;gap:12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;transition:background-color .3s ease,border-color .3s ease}.pc-action-btn.voted-green{background:#166534d9!important;border-color:#4ade8080!important;box-shadow:0 0 15px #22c55e33;cursor:default}.pc-action-btn.voted-green:hover{background:#166534!important;border-color:#4ade80cc!important}.pc-mini-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pc-user-text{display:flex;flex-direction:column}.pc-handle{font-size:13px;font-weight:600;color:#fff;white-space:nowrap}.pc-status{font-size:11px;color:#aaa}.pc-action-btn{flex:3;display:flex;align-items:center;justify-content:center;text-align:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:0 10px;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.pc-action-btn:hover{background:#ff4500cc!important;border-color:var(--ud-accent)!important}.tutorial-overlay{position:fixed;inset:0;background:#000000d9;z-index:9998}.tutorial-modal{position:fixed;width:90%;max-width:700px;max-height:85vh;background:linear-gradient(145deg,var(--ud-bg) 0%,var(--ud-surface) 100%);border-radius:16px;border:2px solid var(--ud-accent);box-shadow:0 20px 60px var(--ud-accent-soft);z-index:9999;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1)}.tutorial-modal.place-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-modal.place-left{top:50%;left:24px;right:auto;transform:translateY(-50%);max-width:460px}.tutorial-modal.place-right{top:50%;right:24px;left:auto;transform:translateY(-50%);max-width:460px}.tutorial-modal.place-top{top:24px;left:50%;bottom:auto;transform:translate(-50%);max-height:45vh}.tutorial-modal.place-bottom{bottom:24px;left:50%;top:auto;transform:translate(-50%);max-height:45vh}.tutorial-header{padding:20px 20px 16px;border-bottom:1px solid var(--ud-border);position:relative;background:var(--ud-bg);z-index:10000}.tutorial-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--ud-text-muted);font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.tutorial-close:hover{background:#ffffff1a;color:var(--ud-text)}.stepper-container{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px;flex-wrap:wrap;padding:0 10px}.stepper-item{display:flex;align-items:center;gap:8px}.stepper-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border:2px solid var(--ud-border);background:var(--ud-bg);color:var(--ud-text-muted);transition:all .3s;flex-shrink:0}.stepper-circle.active{border-color:var(--ud-accent);background:var(--ud-accent);color:var(--ud-accent-contrast);box-shadow:0 0 12px var(--ud-accent-soft)}.stepper-circle.completed{border-color:var(--ud-success);background:var(--ud-success);color:#fff}.stepper-line{width:16px;height:2px;background:var(--ud-border);transition:all .3s;flex-shrink:0}.stepper-line.completed{background:var(--ud-success)}.tutorial-body{padding:32px 24px;overflow-y:auto;flex:1;color:var(--ud-text)}.tutorial-body::-webkit-scrollbar{width:8px}.tutorial-body::-webkit-scrollbar-track{background:var(--ud-bg);border-radius:4px}.tutorial-body::-webkit-scrollbar-thumb{background:var(--ud-accent);border-radius:4px}.tutorial-body::-webkit-scrollbar-thumb:hover{background:var(--ud-accent)}.tutorial-content h2{color:var(--ud-text-strong);font-size:28px;margin-bottom:16px;font-weight:700}.tutorial-content h3{color:var(--ud-accent);font-size:20px;margin:20px 0 12px;font-weight:600}.tutorial-content p{margin-bottom:16px;line-height:1.6;font-size:16px}.tutorial-content ul{margin:12px 0;padding-left:24px}.tutorial-content li{margin-bottom:8px;line-height:1.5}.tutorial-content strong{color:var(--ud-accent);font-weight:600}.tutorial-highlight{background:var(--ud-accent-soft);border-left:4px solid var(--ud-accent);padding:16px;margin:20px 0;border-radius:4px}.tutorial-highlight strong{display:block;margin-bottom:8px;color:var(--ud-accent)}.submission-rules{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.rule-section{padding:16px;border-radius:8px;border:2px solid}.rule-section.good{background:color-mix(in srgb,var(--ud-success) 8%,transparent);border-color:var(--ud-success)}.rule-section.bad{background:color-mix(in srgb,var(--ud-danger) 8%,transparent);border-color:var(--ud-danger)}.rule-section h3{margin-top:0;font-size:18px}.rule-section.good h3{color:var(--ud-success)}.rule-section.bad h3{color:var(--ud-danger)}.rule-section ul{margin:12px 0;padding-left:20px;font-size:14px}.rule-section li{margin-bottom:6px}.example-image{margin-top:16px;text-align:center}.example-image img{width:100%;max-width:250px;height:auto;border-radius:8px;border:2px solid;margin-bottom:8px}.example-image.good img{border-color:var(--ud-success)}.example-image.bad img{border-color:var(--ud-danger)}.example-image p{font-size:13px;margin:0}@media(max-width:768px){.submission-rules{grid-template-columns:1fr}}.tutorial-complete h2{text-align:center;font-size:32px;margin-bottom:24px}.quick-recap{background:var(--ud-accent-soft);padding:20px;border-radius:8px;margin:20px 0}.quick-recap h3{margin-top:0;color:var(--ud-accent)}.tutorial-footer-text{text-align:center;font-size:18px;color:var(--ud-accent);margin-top:20px;font-weight:600}.tutorial-footer{padding:16px 24px;border-top:1px solid var(--ud-border);display:flex;justify-content:space-between;align-items:center}.tutorial-navigation{display:flex;gap:12px;align-items:center}.tutorial-step-indicator{color:var(--ud-text-muted);font-size:14px;padding:0 8px;white-space:nowrap}.tutorial-btn{padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.tutorial-btn:disabled{opacity:.5;cursor:not-allowed}.tutorial-btn-primary{background:var(--ud-accent);color:var(--ud-accent-contrast)}.tutorial-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--ud-accent) 0%,#CC6E00 100%);box-shadow:0 4px 12px var(--ud-accent-soft)}.tutorial-btn-outline{background:transparent;color:var(--ud-accent);border:2px solid var(--ud-accent)}.tutorial-btn-outline:hover:not(:disabled){background:var(--ud-accent-soft)}.tutorial-btn-secondary{background:transparent;color:var(--ud-text-muted);border:1px solid var(--ud-border)}.tutorial-btn-secondary:hover{background:#ffffff0d;color:var(--ud-text)}.tutorial-spotlight{position:fixed;z-index:9998;border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px #000000c7,0 0 0 3px var(--ud-accent),0 0 24px #ff8c008c;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;animation:spotlight-pulse 2.4s ease-in-out infinite}@keyframes spotlight-pulse{0%,to{box-shadow:0 0 0 9999px #000000c7,0 0 0 3px var(--ud-accent),0 0 24px #ff8c008c}50%{box-shadow:0 0 0 9999px #000000c7,0 0 0 5px var(--ud-accent),0 0 34px #ff8c00cc}}@media(prefers-reduced-motion:reduce){.tutorial-spotlight{animation:none;transition:none}}@media(max-width:768px){.tutorial-modal{width:95%;max-height:90vh}.tutorial-modal.place-left,.tutorial-modal.place-right{inset:auto auto 12px 50%;transform:translate(-50%);max-width:95%;max-height:55vh}.tutorial-modal.place-top,.tutorial-modal.place-bottom{max-width:95%;max-height:55vh}.tutorial-content h2{font-size:24px}.tutorial-content h3{font-size:18px}.tutorial-footer{flex-direction:column;gap:12px}.tutorial-navigation{width:100%;justify-content:space-between}.stepper-circle{width:28px;height:28px;font-size:12px}.stepper-line{width:16px}}