@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-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{: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-500:#fb2c36;--color-green-500:#00c758;--color-zinc-300:#d4d4d8;--color-zinc-400:#9f9fa9;--color-zinc-500:#71717b;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-bold:700;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-sm:8px;--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)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-zinc-300:lab(84.9837% .601262 -2.17986);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-800:lab(15.7305% .613764 -2.16959);--color-zinc-900:lab(8.30603% .618205 -2.16572)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.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}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-10{top:calc(var(--spacing) * 10)}.left-0{left:calc(var(--spacing) * 0)}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.min-h-\[520px\]{min-height:520px}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.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}.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-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.border-zinc-800\/50{border-color:#27272a80}@supports (color:color-mix(in lab, red, red)){.border-zinc-800\/50{border-color:color-mix(in oklab, var(--color-zinc-800) 50%, transparent)}}.bg-\[\#1a1b1e\]{background-color:#1a1b1e}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/10{background-color:color-mix(in oklab, var(--color-green-500) 10%, transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.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-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.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)}.break-words{overflow-wrap:break-word}.text-\[var\(--accent\)\]{color:var(--accent)}.text-green-500{color:var(--color-green-500)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.text-white\/42{color:#ffffff6b}@supports (color:color-mix(in lab, red, red)){.text-white\/42{color:color-mix(in oklab, var(--color-white) 42%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/48{color:#ffffff7a}@supports (color:color-mix(in lab, red, red)){.text-white\/48{color:color-mix(in oklab, var(--color-white) 48%, transparent)}}.text-white\/52{color:#ffffff85}@supports (color:color-mix(in lab, red, red)){.text-white\/52{color:color-mix(in oklab, var(--color-white) 52%, transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/78{color:#ffffffc7}@supports (color:color-mix(in lab, red, red)){.text-white\/78{color:color-mix(in oklab, var(--color-white) 78%, transparent)}}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;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}@media (hover:hover){.hover\:text-white:hover{color:var(--color-white)}}@media (min-width:40rem){.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}}}@view-transition{navigation:auto}::view-transition-old(root){animation:.28s var(--ease-fluid) both vt-fade-out}::view-transition-new(root){animation:.34s var(--ease-fluid) both vt-fade-in}@keyframes vt-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes vt-fade-in{0%{opacity:0;transform:scale(1.015)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}:root{--background:#050505;--foreground:#f6f7fb;--muted:#a7a7a7;--accent:#79d9ff;--accent-rgb:121, 217, 255;--danger:#ff5f57;--teal:#48e5c2;--radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:22px;--radius-xl:28px;--radius-2xl:36px;--surface-1:#121216c2;--surface-2:#ffffff14;--surface-glass:#1c1c20b8;--ease-fluid:cubic-bezier(.22, 1, .36, 1);--ease-snappy:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-press:cubic-bezier(.36, .07, .19, .97)}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:100%;font-family:var(--font-inter,"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif);font-feature-settings:"cv01", "cv02", "cv03", "cv04";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision}body{min-height:100%;color:var(--foreground);letter-spacing:0;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 18%,#48e5c214,#0000 24%),radial-gradient(circle at 84% 12%,#79d9ff24,#0000 26%),radial-gradient(circle at 50% 110%,#ff7a901a,#0000 34%),linear-gradient(#040506 0%,#090b12 46%,#030304 100%);margin:0;font-family:inherit;overflow-x:hidden}:is(body:has(.dashboard-shell)>header,body:has(.profile-stage)>header){display:none}.profile-stage,.live-preview-container,.font-preview-card{font-family:var(--profile-font,var(--font-inter,"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif))}.profile-font-sora{--profile-font:var(--font-sora,"Sora", var(--font-inter,"Inter", sans-serif))}.profile-font-space{--profile-font:var(--font-space-grotesk,"Space Grotesk", var(--font-inter,"Inter", sans-serif))}.profile-font-orbitron{--profile-font:var(--font-orbitron,"Orbitron", var(--font-inter,"Inter", sans-serif))}.profile-font-oxanium{--profile-font:var(--font-oxanium,"Oxanium", var(--font-inter,"Inter", sans-serif))}.profile-font-playfair{--profile-font:var(--font-playfair-display,"Playfair Display", Georgia, serif)}.profile-font-bebas{--profile-font:var(--font-bebas-neue,"Bebas Neue", var(--font-inter,"Inter", sans-serif))}.profile-font-bebas .profile-name,.profile-font-bebas .live-preview-profile-name,.profile-font-bebas .font-preview-sample{letter-spacing:.06em;line-height:1}.profile-font-playfair .profile-name,.profile-font-playfair .live-preview-profile-name,.profile-font-playfair .font-preview-sample{letter-spacing:-.03em}button,input,textarea,select{font:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}input,textarea,select{border-radius:var(--radius-sm);width:100%;color:var(--foreground);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .22s var(--ease-fluid), background .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid), transform .22s var(--ease-fluid);background:linear-gradient(#ffffff1f,#ffffff0a),#0c0c10ad;border:1px solid #ffffff24;padding:.72rem .8rem;font-size:1rem;box-shadow:inset 0 1px #ffffff14,0 14px 32px #0000001f}button{cursor:pointer}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{box-shadow:0 0 0 1px rgba(var(--accent-rgb), .42), 0 0 0 5px rgba(var(--accent-rgb), .14);outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:rgba(var(--accent-rgb), .56);background:linear-gradient(180deg, rgba(var(--accent-rgb), .16), #ffffff0d), #0c0c10c2}input[type=color]{min-height:44px;padding:4px}input[type=range]{appearance:none;background:linear-gradient(90deg, rgba(var(--accent-rgb), .5), #ffffff29), #ffffff14;border-radius:999px;height:10px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:20px;height:20px;box-shadow:0 0 0 4px rgba(var(--accent-rgb), .22);border:2px solid #040405e6;border-radius:999px}input[type=range]::-moz-range-thumb{background:var(--accent);width:20px;height:20px;box-shadow:0 0 0 4px rgba(var(--accent-rgb), .22);border:2px solid #040405e6;border-radius:999px}select option{color:var(--foreground);background:#080808}.compact-select{border-color:rgba(var(--accent-rgb), .2);background:linear-gradient(180deg, rgba(var(--accent-rgb), .16), #ffffff0b), #0a0a0ec2;min-height:54px;font-weight:850;box-shadow:inset 0 1px #ffffff14,0 18px 30px #00000024}.select-shell{position:relative}.select-shell-input{appearance:none;padding-right:2.9rem}.select-shell-icon{pointer-events:none;color:#ffffff70;transition:color .18s var(--ease-fluid), transform .18s var(--ease-fluid);position:absolute;top:50%;right:.95rem;transform:translateY(-50%)}.select-shell:focus-within .select-shell-icon{color:var(--accent);transform:translateY(-50%)scale(1.08)}.theme-choice,.cursor-choice{border-radius:var(--radius-sm);min-height:58px;color:var(--foreground);text-align:left;background:linear-gradient(135deg,#ffffff17,#ffffff09),#00000052;border:1px solid #ffffff1f;align-items:center;gap:.65rem;padding:.7rem .8rem;transition:transform .14s,border-color .14s,background .14s;display:flex}.theme-choice:hover,.cursor-choice:hover{border-color:rgba(var(--accent-rgb), .42);background:linear-gradient(135deg, rgba(var(--accent-rgb), .12), #48e5c20f), #0000006b;transform:translateY(-1px)}.theme-choice-active,.cursor-choice-active{border-color:rgba(var(--accent-rgb), .76);background:linear-gradient(135deg, rgba(var(--accent-rgb), .18), #48e5c214), #00000085;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .18)}.theme-choice-swatch,.cursor-choice-mark{border-radius:var(--radius-xs);border:1px solid #ffffff57;flex:none;width:1.55rem;height:1.55rem}.theme-choice-swatch{background:linear-gradient(135deg, var(--theme-swatch-from,#79d9ff), var(--theme-swatch-to,#48e5c2));box-shadow:0 0 18px #ffffff1f}.cursor-choice-mark{color:var(--accent);background:#ffffff14;place-items:center;font-size:.78rem;font-weight:900;display:grid}.cursor-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-field{align-content:start}.editor-field-label{color:#ffffffd1;font-size:.94rem;font-weight:900}.editor-field-helper{color:#ffffff75;word-break:break-word;font-size:.76rem;line-height:1.45}.color-picker{gap:.68rem;display:grid}.color-picker-main{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.7rem;display:grid}.color-picker-native{width:56px;height:52px;display:grid;position:relative}.color-picker-native input{opacity:0;cursor:pointer;padding:0;position:absolute;inset:0}.color-picker-preview{background-image:linear-gradient(45deg,#ffffff1f 25%,#0000 25%),linear-gradient(-45deg,#ffffff1f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff1f 75%),linear-gradient(-45deg,#0000 75%,#ffffff1f 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #ffffff2e;border-radius:14px;width:56px;height:52px;display:block}.color-picker-input{text-transform:lowercase;min-height:52px;font-weight:900}.color-picker-actions{flex-wrap:wrap;gap:.55rem;display:flex}.color-picker-shift{background:linear-gradient(135deg, rgba(var(--accent-rgb), .11), #ffffff09), #00000052;color:#ffffffd6;border:1px solid #ffffff1f;border-radius:999px;min-height:36px;padding:.45rem .72rem;font-size:.82rem;font-weight:850;transition:transform .14s,border-color .14s,background .14s}.color-picker-shift:hover{border-color:rgba(var(--accent-rgb), .32);transform:translateY(-1px)}.color-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;display:grid}.color-swatch-button{border-radius:var(--radius-xs);border:1px solid #fff3;min-height:32px;transition:transform .14s,border-color .14s,box-shadow .14s;box-shadow:inset 0 0 0 1px #00000038}.palette-preset-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;display:grid}.palette-preset-button{border-radius:var(--radius-md);background:radial-gradient(circle at 0% 0%, var(--palette-accent), transparent 58%), linear-gradient(160deg, #ffffff14, #ffffff06), #0000006b;border:1px solid #ffffff24;gap:.5rem;min-height:92px;display:grid}@supports (color:color-mix(in lab, red, red)){.palette-preset-button{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--palette-accent) 25%, transparent), transparent 58%), linear-gradient(160deg, #ffffff14, #ffffff06), #0000006b}}.palette-preset-button{color:var(--foreground);text-align:left;padding:.62rem;transition:transform .15s,border-color .15s,box-shadow .15s}.palette-preset-button:hover,.palette-preset-button-active{border-color:var(--palette-accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.palette-preset-button:hover,.palette-preset-button-active{border-color:color-mix(in srgb, var(--palette-accent) 62%, white 10%)}}.palette-preset-button:hover,.palette-preset-button-active{box-shadow:0 12px 32px #00000047}.palette-preset-header{font-weight:900;display:block}.palette-preset-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem;display:grid}.palette-preset-preview span{border:1px solid #fff3;border-radius:999px;min-height:16px}.palette-preset-preview span:first-child{background:var(--palette-accent)}.palette-preset-preview span:nth-child(2){background:var(--palette-text)}.palette-preset-preview span:nth-child(3){background:linear-gradient(135deg, var(--palette-accent), var(--palette-text))}.color-swatch-button:hover,.color-swatch-button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #00000047, 0 0 0 2px rgba(var(--accent-rgb), .18);border-color:#ffffffb8;transform:translateY(-1px)}.appearance-stack{gap:1rem;display:grid}.appearance-toggle-grid,.appearance-color-grid{gap:.9rem;display:grid}.appearance-overview-card{background:radial-gradient(circle at 0% 0%, var(--appearance-accent,var(--accent)), transparent 42%), radial-gradient(circle at 100% 100%, var(--appearance-text,var(--foreground)), transparent 38%), linear-gradient(160deg, #ffffff24, #ffffff08), #0a0a0ec2;border:1px solid #ffffff1f;border-radius:26px;gap:1rem;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.appearance-overview-card{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--appearance-accent,var(--accent)) 24%, transparent), transparent 42%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--appearance-text,var(--foreground)) 18%, transparent), transparent 38%), linear-gradient(160deg, #ffffff24, #ffffff08), #0a0a0ec2}}.appearance-overview-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:1rem;box-shadow:inset 0 1px #ffffff14,0 24px 58px #0003}.appearance-overview-copy{align-content:start;gap:.7rem;min-width:0;display:grid}.appearance-overview-kicker,.appearance-custom-kicker{color:#ffffff75;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:900}.appearance-overview-heading{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.appearance-overview-heading h3,.appearance-custom-header h3{color:var(--foreground);margin:0;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:950}.appearance-overview-badge,.appearance-custom-badge{color:#ffffffe0;white-space:nowrap;background:linear-gradient(#ffffff24,#ffffff0a),#00000042;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:.42rem .8rem;font-size:.8rem;font-weight:850;display:inline-flex}.appearance-overview-description,.appearance-custom-header p{color:#ffffffa3;margin:0;line-height:1.6}.appearance-overview-pills{flex-wrap:wrap;gap:.55rem;display:flex}.appearance-overview-pill{color:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.45rem;min-height:34px;padding:.45rem .72rem;font-size:.82rem;font-weight:850;display:inline-flex}.appearance-overview-dot{background:var(--dot-color,var(--accent));width:10px;height:10px;box-shadow:0 0 16px var(--dot-color,var(--accent));border-radius:999px}@supports (color:color-mix(in lab, red, red)){.appearance-overview-dot{box-shadow:0 0 16px color-mix(in srgb, var(--dot-color,var(--accent)) 72%, transparent)}}.font-preview-grid,.compact-choice-grid{gap:.75rem;display:grid}.font-preview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.font-preview-card,.compact-choice-card{min-height:124px;color:var(--foreground);text-align:left;transition:transform .22s var(--ease-fluid), border-color .22s var(--ease-fluid), background .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid);background:linear-gradient(145deg,#ffffff1a,#ffffff08),#08080c75;border:1px solid #ffffff1a;border-radius:20px;align-content:start;gap:.35rem;padding:.85rem;display:grid}.font-preview-card:hover,.font-preview-card-active,.compact-choice-card:hover,.compact-choice-card-active{border-color:rgba(var(--accent-rgb), .28);background:radial-gradient(circle at 0% 0%, rgba(var(--accent-rgb), .16), transparent 60%), #08080c94;transform:translateY(-2px);box-shadow:0 18px 36px #0000002e}.font-preview-title,.compact-choice-title{color:#ffffffb8;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.font-preview-sample{color:var(--foreground);font-size:clamp(1.55rem,1rem + 1vw,2rem);line-height:.95}.font-preview-copy,.compact-choice-copy{color:#ffffff8a;font-size:.82rem;line-height:1.5}.compact-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.compact-choice-card{min-height:98px}.appearance-preview-device{background:linear-gradient(#ffffff2e,#ffffff0a),#0000003d;border:1px solid #ffffff24;border-radius:30px;min-height:220px;padding:.9rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 22px 48px #0000002e}.appearance-preview-orb{filter:blur(4px);opacity:.72;border-radius:999px;position:absolute}.appearance-preview-orb-accent{background:var(--appearance-accent,var(--accent));width:96px;height:96px;top:1rem;right:-.3rem}@supports (color:color-mix(in lab, red, red)){.appearance-preview-orb-accent{background:color-mix(in srgb, var(--appearance-accent,var(--accent)) 80%, white 10%)}}.appearance-preview-orb-text{background:var(--appearance-text,var(--foreground));width:86px;height:86px;bottom:.8rem;left:-.5rem}@supports (color:color-mix(in lab, red, red)){.appearance-preview-orb-text{background:color-mix(in srgb, var(--appearance-text,var(--foreground)) 76%, transparent)}}.appearance-preview-card{background:linear-gradient(180deg, #ffffff38, #ffffff0f), rgba(15, 17, 23, var(--appearance-alpha,.72));min-height:100%;-webkit-backdrop-filter:blur(var(--appearance-blur,26px));backdrop-filter:blur(var(--appearance-blur,26px));border:1px solid #ffffff2e;border-radius:24px;align-content:start;gap:.8rem;padding:1rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,0 22px 46px #0000002e}.appearance-preview-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.appearance-preview-avatar{background:radial-gradient(circle at 30% 30%, #ffffff5c, transparent 34%), linear-gradient(135deg, var(--appearance-accent,var(--accent)), var(--appearance-text,var(--foreground)));border:1px solid #ffffff2e;border-radius:16px;width:42px;height:42px;box-shadow:0 12px 28px #00000029}.appearance-preview-chip{color:#ffffffd6;background:#ffffff1a;border-radius:999px;align-items:center;min-height:28px;padding:.2rem .7rem;font-size:.74rem;font-weight:850;display:inline-flex}.appearance-preview-copy{gap:.35rem;display:grid}.appearance-preview-copy strong{color:var(--appearance-text,var(--foreground));font-size:1rem;font-weight:950}.appearance-preview-copy span{color:#ffffffa8;font-size:.82rem;line-height:1.55}.appearance-preview-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:auto;display:grid}.appearance-preview-swatches span{border:1px solid #ffffff24;border-radius:999px;min-height:18px}.appearance-preview-swatches span:first-child{background:var(--appearance-accent,var(--accent))}.appearance-preview-swatches span:nth-child(2){background:var(--appearance-text,var(--foreground))}.appearance-preview-swatches span:nth-child(3){background:linear-gradient(135deg, var(--appearance-accent,var(--accent)), var(--appearance-text,var(--foreground)))}.appearance-control-card,.appearance-custom-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(160deg,#ffffff1f,#ffffff06),#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;gap:.8rem;padding:.95rem;display:grid;box-shadow:inset 0 1px #ffffff0f,0 18px 36px #0000001f}.appearance-custom-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.opacity-control-header,.opacity-control-scale{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.opacity-control-header{color:#ffffffc2;font-size:.84rem;font-weight:850}.opacity-control-value{color:var(--foreground);font-size:.88rem;font-weight:950}.opacity-control-scale{color:#ffffff6b;font-size:.72rem;font-weight:750}.editor-tabs{background:#00000059;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.35rem;display:grid}.editor-tab-button{color:#ffffff94;background:0 0;border:1px solid #0000;border-radius:8px;min-height:42px;font-weight:900;transition:background .14s,border-color .14s,color .14s,transform .14s}.editor-tab-button:hover,.editor-tab-button-active{border-color:rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .1);color:var(--foreground);transform:translateY(-1px)}.editor-tab-panel{margin-top:1rem}.social-platform-board{background:linear-gradient(135deg,#ffffff14,#ffffff08),#0000006b;border:1px solid #ffffff1a;border-radius:22px;gap:1rem;padding:1rem;display:grid}.social-platform-board-copy{gap:.28rem;display:grid}.social-platform-board-copy strong{color:var(--foreground);font-size:.95rem;font-weight:900}.social-platform-board-copy span{color:#ffffff85;font-size:.82rem;line-height:1.5}.social-platform-grid{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.65rem;display:grid}.social-platform-logo-button,.social-platform-badge{color:var(--social-color)}.social-platform-logo-button{background:radial-gradient(circle at 50% 0%, var(--social-color), transparent 58%), #ffffff09;border:1px solid #ffffff17;border-radius:8px;place-items:center;min-height:54px;display:grid}@supports (color:color-mix(in lab, red, red)){.social-platform-logo-button{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--social-color) 22%, transparent), transparent 58%), #ffffff09}}.social-platform-logo-button{transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}.social-platform-logo-button:hover{border-color:var(--social-color);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.social-platform-logo-button:hover{border-color:color-mix(in srgb, var(--social-color) 58%, white 8%)}}.social-platform-logo-button:hover{background:radial-gradient(circle at 50% 0%, var(--social-color), transparent 62%), #ffffff0f}@supports (color:color-mix(in lab, red, red)){.social-platform-logo-button:hover{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--social-color) 32%, transparent), transparent 62%), #ffffff0f}}.social-platform-logo-button:hover{box-shadow:0 12px 30px #00000042}.social-platform-logo-button .social-platform-badge{background:0 0;border:0;width:100%;height:100%}.social-link-card{transition:transform .22s var(--ease-fluid), border-color .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid);background:linear-gradient(135deg,#ffffff12,#ffffff06),#00000061;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:34px minmax(0,1fr);gap:.45rem;padding:.75rem;display:grid}.social-link-card:hover{border-color:rgba(var(--accent-rgb), .22);transform:translateY(-1px);box-shadow:0 18px 36px #00000029}.social-link-card-dragging{opacity:.7;transform:scale(.985)}.social-link-drag{place-items:center;display:grid}.social-link-drag-handle{color:#ffffff59;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.social-link-drag-handle:hover{border-color:rgba(var(--accent-rgb), .2);color:#ffffffad}.social-link-card-content{gap:.7rem;min-width:0;display:grid}.social-link-card-header,.social-platform-trigger,.social-platform-option{align-items:center;gap:.65rem;display:flex}.social-link-card-header{justify-content:space-between}.social-link-actions{align-items:center;gap:.4rem;display:flex}.social-sort-button{color:#ffffffc2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.social-sort-button:disabled{opacity:.36;cursor:not-allowed}.social-sort-button:not(:disabled):hover{border-color:rgba(var(--accent-rgb), .24);background:rgba(var(--accent-rgb), .12);color:var(--foreground)}.social-link-fields{gap:.65rem;display:grid}.social-link-hint{color:#ffffff75;align-items:center;gap:.45rem;width:fit-content;font-size:.74rem;font-weight:700;display:inline-flex}.social-link-hint-icon{background:#ffffff14;border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.social-link-hint-icon img,.social-link-hint-icon svg{object-fit:contain;width:14px;height:14px}.social-platform-picker{min-width:0;position:relative}.social-platform-trigger{width:100%;min-height:48px;color:var(--foreground);text-align:left;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;padding:.46rem .58rem}.social-platform-menu{z-index:20;background:#070707fa;border:1px solid #ffffff1f;border-radius:8px;gap:.35rem;width:min(320px,86vw);max-height:320px;padding:.45rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;overflow-y:auto;box-shadow:0 22px 70px #0000008c}.social-platform-option{min-height:48px;color:var(--foreground);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;padding:.46rem .52rem}.social-platform-option:hover{background:#ffffff12;border-color:#ffffff1a}.social-platform-badge{border:1px solid var(--social-color);flex:none;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.social-platform-badge{border:1px solid color-mix(in srgb, var(--social-color) 46%, white 6%)}}.social-platform-badge{background:radial-gradient(circle at 50% 0%, var(--social-color), transparent 66%), #ffffff0e;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.social-platform-badge{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--social-color) 28%, transparent), transparent 66%), #ffffff0e}}.social-platform-badge svg,.social-platform-badge img{object-fit:contain;width:18px;height:18px}.social-remove-button{color:#ff8b84;background:#ff5f5714;border:1px solid #ff5f5740;border-radius:8px;place-items:center;width:38px;height:38px;transition:transform .14s,border-color .14s,background .14s;display:grid}.social-remove-button:hover{background:#ff5f5729;border-color:#ff5f5780;transform:translateY(-1px)}a,button,input,textarea,select{outline-color:var(--teal)}.site-brand,.brand-lockup{min-width:0;color:var(--foreground);transition:transform .2s var(--ease-snappy);align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.site-brand:hover,.brand-lockup:hover{transform:scale(1.03)}.brand-icon{flex:none;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:hidden}.brand-icon-img{object-fit:contain;width:28px!important;height:28px!important}.brand-name{min-width:0;color:var(--foreground);font-size:1.15rem;font-weight:950}.button-primary,.button-ghost,.button-danger{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:44px;transition:transform .3s var(--ease-snappy), background .22s var(--ease-fluid), border-color .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.58rem 1rem;font-weight:850;display:inline-flex;transform:scale(1)translateY(0);box-shadow:inset 0 1px #ffffff14}.button-primary:hover,.button-ghost:hover,.button-danger:hover{transform:translateY(-2px)scale(1.015);box-shadow:0 16px 34px #0000003d}.button-primary:active,.button-ghost:active,.button-danger:active{transition-duration:80ms;transition-timing-function:var(--ease-press);transform:scale(.96)translateY(1px)}.button-primary{border-color:rgba(var(--accent-rgb), .52);background:linear-gradient(180deg, var(--accent), var(--accent))}@supports (color:color-mix(in lab, red, red)){.button-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, white 18%), color-mix(in srgb, var(--accent) 92%, black 8%))}}.button-primary{color:#041015;box-shadow:0 18px 38px rgba(var(--accent-rgb), .24), inset 0 1px 0 #ffffff52}.button-ghost{color:var(--foreground);background:linear-gradient(#ffffff24,#ffffff0d),#0c0c10ad;border-color:#ffffff24}.button-danger{color:#ffd1cd;background:linear-gradient(#ff5f572e,#ffffff0a),#140c0db8;border-color:#ff5f577a}.eyebrow{color:var(--accent);text-transform:uppercase;margin-bottom:.65rem;font-size:.75rem;font-weight:900}.home-shell{width:100%;margin:0 auto;position:relative;overflow:hidden}.home-bg-glow{filter:blur(120px);opacity:.45;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.home-bg-glow-1{background:#8a5cf62e;width:600px;height:400px;top:-8%;left:30%}.home-bg-glow-2{background:#79d9ff1a;width:500px;height:500px;top:20%;right:-10%}.home-bg-glow-3{background:#48e5c214;width:400px;height:400px;bottom:10%;left:-5%}.home-hero{z-index:1;text-align:center;max-width:860px;animation:ios-card-in .7s var(--ease-snappy) both;flex-direction:column;align-items:center;gap:1.4rem;margin:0 auto;padding:6rem 1.5rem 3rem;display:flex;position:relative}.home-pill{color:#d2befff2;letter-spacing:.01em;-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);animation:ios-stagger-in .5s var(--ease-snappy) .1s both;background:linear-gradient(135deg,#8a5cf638,#ffffff08),#00000061;border:1px solid #8a5cf659;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1.1rem;font-size:.84rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 8px 24px #8a5cf626}.home-hero h1{letter-spacing:-.03em;-webkit-text-fill-color:transparent;animation:ios-stagger-in .55s var(--ease-snappy) .18s both;background:linear-gradient(160deg,#fff 30%,#c8dcffe0 65%,#ffffff8c 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,6.5vw,4.8rem);font-weight:950;line-height:.95}.home-subtitle{color:#ffffff94;max-width:600px;animation:ios-stagger-in .52s var(--ease-snappy) .26s both;margin:0 auto;font-size:1.1rem;line-height:1.78}.home-actions{animation:ios-stagger-in .48s var(--ease-snappy) .34s both;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.6rem;display:flex}.home-showcase{z-index:1;padding:2rem 1.5rem 4rem;animation:.7s .12s both page-rise;position:relative}.home-showcase-inner{perspective:1200px;grid-template-columns:1.1fr .9fr;gap:2rem;max-width:1100px;margin:0 auto;display:grid}.home-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff0f,#ffffff04),#00000080;border:1px solid #ffffff1a;border-radius:24px;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 40px 100px #00000073,inset 0 1px #ffffff0f}.home-card:hover{box-shadow:0 50px 120px #00000080,inset 0 1px #ffffff14}.home-card-main{transform-origin:0;transform:rotateY(4deg)rotateX(2deg)}.home-card-main:hover{transform:rotateY(2deg)rotateX(1deg)translateY(-6px)}.home-card-main .profile-stage{border-radius:0;min-height:520px}.home-card-main .profile-panel{width:min(520px,100%)}.home-card-side{transform-origin:100%;transform:rotateY(-4deg)rotateX(2deg)}.home-card-side:hover{transform:rotateY(-2deg)rotateX(1deg)translateY(-6px)}.home-card-editor-mock{gap:1.2rem;padding:1.5rem;display:grid}.home-editor-header{color:var(--foreground);align-items:center;gap:.65rem;font-size:1rem;font-weight:900;display:flex}.home-editor-fields{gap:.85rem;display:grid}.home-editor-field{gap:.35rem;display:grid}.home-editor-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800}.home-editor-value{color:#ffffffc7;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:.65rem .85rem;font-size:.94rem;font-weight:700}.home-editor-swatch{background:linear-gradient(135deg, var(--accent), #a78bfa);border:2px solid #ffffff2e;border-radius:10px;width:36px;height:36px}.home-editor-badges{flex-wrap:wrap;gap:.5rem;display:flex}.home-editor-badges span{color:#ffffffbf;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:999px;padding:.45rem .85rem;font-size:.82rem;font-weight:800}.home-trust{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1100px;margin:0 auto;padding:0 1.5rem 5rem;animation:.7s .2s both page-rise;display:grid;position:relative}.home-trust-item{background:linear-gradient(145deg,#ffffff0d,#ffffff04),#0000004d;border:1px solid #ffffff14;border-radius:18px;gap:.4rem;padding:1.2rem 1rem;transition:transform .2s,border-color .2s;display:grid}.home-trust-item:hover{border-color:rgba(var(--accent-rgb), .25);transform:translateY(-3px)}.home-trust-item strong{color:var(--foreground);font-size:1rem;font-weight:900}.home-trust-item span{color:#ffffff85;font-size:.88rem;line-height:1.6}.home-liquid-field{z-index:0;pointer-events:none;opacity:.78;background:linear-gradient(115deg,#0000 0 32%,#ffffff0b 45%,#0000 58%),radial-gradient(at 22% 16%,#48e5c21a,#0000 34%),radial-gradient(at 78% 10%,#ffd1661f,#0000 30%),radial-gradient(at 48% 92%,#ff7a901a,#0000 36%);position:fixed;inset:0}.home-showcase-heading,.home-ranking,.home-product-grid{z-index:1;width:min(1120px,100% - 2rem);margin-inline:auto;position:relative}.home-showcase-heading{gap:.5rem;margin-bottom:1.1rem;display:grid}.home-showcase-heading span,.home-section-kicker{color:#48e5c2d1;text-transform:uppercase;align-items:center;gap:.45rem;width:fit-content;font-size:.74rem;font-weight:950;display:inline-flex}.home-showcase-heading h2,.home-ranking-copy h2{color:#fff;max-width:660px;font-size:clamp(1.6rem,3vw,2.35rem);font-weight:950;line-height:1.05}.home-preview-tag{z-index:5;color:#ffffffc7;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);background:linear-gradient(#ffffff29,#ffffff0a),#06080c9e;border:1px solid #ffffff24;border-radius:999px;padding:.4rem .68rem;font-size:.72rem;font-weight:900;position:absolute;top:.85rem;left:.85rem}.home-card{position:relative}.home-card .profile-stage:before{transition:transform .52s var(--ease-fluid), filter .52s var(--ease-fluid)}.home-card .profile-panel,.home-card .profile-social-link,.home-card .profile-widget-chip{transition:transform .42s var(--ease-snappy), border-color .24s var(--ease-fluid)}.home-card:hover .profile-stage:before{filter:saturate(1.18)contrast(1.08);transform:scale(1.08)}.home-card:hover .profile-panel{transform:translateY(-4px)scale(1.012)}.home-card-side .profile-stage{border-radius:0;min-height:520px}.home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;padding:0 0 4.5rem;display:grid}.home-feature-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);min-height:190px;transition:transform .22s var(--ease-snappy), border-color .22s var(--ease-fluid), background .22s var(--ease-fluid);background:linear-gradient(155deg,#ffffff21,#ffffff09),#05070a8a;border:1px solid #ffffff1c;gap:.65rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffff1a,0 24px 60px #0000003d}.home-feature-card:hover{background:linear-gradient(155deg,#48e5c21f,#ffd1660b),#05070aa8;border-color:#48e5c24d;transform:translateY(-4px)}.home-feature-icon{color:#48e5c2;background:linear-gradient(#ffffff24,#ffffff0b),#ffffff0d;border:1px solid #ffffff24;border-radius:15px;place-items:center;width:42px;height:42px;display:grid}.home-feature-card strong{color:#fff;font-size:1rem;font-weight:950}.home-feature-card span:last-child{color:#ffffff8f;font-size:.9rem;line-height:1.6}.home-ranking{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:1.2rem;padding:0 0 5rem;display:grid}.home-ranking-copy{gap:.75rem;display:grid;position:sticky;top:6rem}.home-ranking-list{gap:.55rem;display:grid}.home-ranking-item{border-radius:var(--radius-lg);color:inherit;-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);transition:transform .22s var(--ease-snappy), border-color .18s var(--ease-fluid), background .18s var(--ease-fluid);background:linear-gradient(145deg,#ffffff1c,#ffffff09),#05070a8a;border:1px solid #ffffff1a;grid-template-columns:46px 44px minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.72rem;text-decoration:none;display:grid}.home-ranking-item:hover{background:linear-gradient(145deg,#ffd1661f,#48e5c20b),#05070aa8;border-color:#ffd16647;transform:translateY(-2px)}.home-ranking-position{color:#ffffff57;font-size:.82rem;font-weight:950}.home-ranking-avatar{object-fit:cover;border:1px solid #ffffff29;border-radius:16px;width:44px;height:44px}.home-ranking-name{gap:.12rem;min-width:0;display:grid}.home-ranking-name strong,.home-ranking-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-ranking-name strong{color:#fff;font-weight:950}.home-ranking-name span,.home-ranking-stat small{color:#ffffff6b;font-size:.74rem;font-weight:750}.home-ranking-stat{color:#ffffffdb;justify-items:end;font-size:.95rem;font-weight:950;display:grid}.home-ranking-like{color:#ff7a90}.login-shell{place-items:center;min-height:calc(100vh - 65px);padding:1.5rem 1rem;display:grid}.login-card{background:linear-gradient(135deg, rgba(var(--accent-rgb), .12), #ffd1660b), #000000c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff1c;border-radius:8px;width:min(620px,100%);padding:1.5rem;animation:.52s both page-rise;overflow:hidden;box-shadow:0 24px 80px #0000006b}.login-warning{color:#ffd1cd;background:#ff5f571a;border:1px solid #ff5f5761;border-radius:8px;margin-top:1rem;padding:.85rem;font-size:.92rem;font-weight:800}@keyframes page-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes liquid-float{0%{transform:translate(-12px,8px)scale(.98)rotate(-8deg)}to{transform:translate(16px,-14px)scale(1.04)rotate(7deg)}}.profile-stage{isolation:isolate;place-items:center;padding:clamp(1rem,3vw,2.8rem);display:grid;position:relative;overflow:hidden}.profile-stage:before{content:"";z-index:-2;background:var(--profile-bg) center / cover;filter:saturate(1.08)contrast(1.04);position:absolute;inset:0;transform:scale(1.035)}.profile-stage:after{content:"";z-index:-1;background:radial-gradient(circle at 18% 24%, var(--profile-accent), transparent 24%), radial-gradient(circle at 82% 18%, #ffffff2e, transparent 22%), radial-gradient(circle at 50% 72%, var(--profile-accent), transparent 36%), linear-gradient(180deg, #04060a42, #040408b8);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.profile-stage:after{background:radial-gradient(circle at 18% 24%, color-mix(in srgb, var(--profile-accent) 18%, white 10%), transparent 24%), radial-gradient(circle at 82% 18%, #ffffff2e, transparent 22%), radial-gradient(circle at 50% 72%, color-mix(in srgb, var(--profile-accent) 14%, transparent), transparent 36%), linear-gradient(180deg, #04060a42, #040408b8)}}.profile-stage:after{-webkit-backdrop-filter:blur(var(--profile-glass-blur-soft,22px)) saturate(1.28);backdrop-filter:blur(var(--profile-glass-blur-soft,22px)) saturate(1.28)}.profile-panel{z-index:2;border:1px solid var(--profile-accent);width:min(650px,100%);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.profile-panel{border:1px solid color-mix(in srgb, var(--profile-accent) 44%, white 8%)}}.profile-panel{border-radius:var(--radius-xl);background:linear-gradient(160deg, #fff3, #ffffff0a), rgba(6, 6, 10, var(--profile-opacity));-webkit-backdrop-filter:blur(var(--profile-glass-blur,32px)) saturate(1.6);backdrop-filter:blur(var(--profile-glass-blur,32px)) saturate(1.6);animation:ios-card-in .6s var(--ease-snappy) both;padding:clamp(1.25rem,3vw,1.8rem);box-shadow:0 40px 100px #00000085,0 0 0 1px #ffffff0a,inset 0 1px #ffffff29}@keyframes ios-card-in{0%{opacity:0;filter:blur(4px);transform:translateY(28px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.profile-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--profile-accent), transparent) 50% 0 / 80% 1px no-repeat, radial-gradient(circle at 50% 0%, var(--profile-accent), transparent 44%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.profile-panel:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--profile-accent) 28%, transparent), transparent) 50% 0 / 80% 1px no-repeat, radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--profile-accent) 20%, transparent), transparent 44%)}}.profile-panel:after{content:"";z-index:0;pointer-events:none;opacity:.7;background:radial-gradient(circle at 16% 12%,#ffffff2e,#0000 18%),linear-gradient(120deg,#0000 10%,#ffffff14 48%,#0000 78%);position:absolute;inset:0}.profile-panel>*{z-index:1;position:relative}.profile-identity{justify-items:center;gap:1.2rem;display:grid}.profile-avatar-shell{width:clamp(108px,18vw,136px);height:clamp(108px,18vw,136px);animation:ios-avatar-in .5s var(--ease-snappy) both;place-items:center;display:grid;position:relative}.profile-avatar{border:2px solid var(--profile-accent);object-fit:cover;width:clamp(90px,16vw,118px);height:clamp(90px,16vw,118px);box-shadow:0 0 0 4px #ffffff0f, 0 0 0 10px var(--profile-accent), 0 0 48px var(--profile-accent), 0 16px 40px #0006;border-radius:28px}@supports (color:color-mix(in lab, red, red)){.profile-avatar{box-shadow:0 0 0 4px #ffffff0f, 0 0 0 10px color-mix(in srgb, var(--profile-accent) 12%, transparent), 0 0 48px color-mix(in srgb, var(--profile-accent) 50%, transparent), 0 16px 40px #0006}}.profile-avatar{transition:transform .3s var(--ease-snappy), box-shadow .3s var(--ease-fluid)}.profile-avatar-shell:hover .profile-avatar{box-shadow:0 0 0 4px #ffffff14, 0 0 0 12px var(--profile-accent), 0 0 64px var(--profile-accent), 0 20px 50px #0000007a;transform:scale(1.04)}@supports (color:color-mix(in lab, red, red)){.profile-avatar-shell:hover .profile-avatar{box-shadow:0 0 0 4px #ffffff14, 0 0 0 12px color-mix(in srgb, var(--profile-accent) 16%, transparent), 0 0 64px color-mix(in srgb, var(--profile-accent) 60%, transparent), 0 20px 50px #0000007a}}.profile-avatar-decoration{pointer-events:none;opacity:0;transition:opacity .26s var(--ease-fluid), transform .26s var(--ease-fluid);position:absolute;inset:0}.avatar-decoration-halo .profile-avatar-decoration-a,.avatar-decoration-orbit .profile-avatar-decoration-a,.avatar-decoration-wings .profile-avatar-decoration-a,.avatar-decoration-spikes .profile-avatar-decoration-a,.avatar-decoration-orbit .profile-avatar-decoration-b,.avatar-decoration-wings .profile-avatar-decoration-b,.avatar-decoration-spikes .profile-avatar-decoration-b,.avatar-decoration-spikes .profile-avatar-decoration-c{opacity:1}.avatar-decoration-halo .profile-avatar-decoration-a{border:1px solid var(--profile-accent);inset:12px}@supports (color:color-mix(in lab, red, red)){.avatar-decoration-halo .profile-avatar-decoration-a{border:1px solid color-mix(in srgb, var(--profile-accent) 44%, white 10%)}}.avatar-decoration-halo .profile-avatar-decoration-a{background:radial-gradient(circle at 50% 50%, var(--profile-accent), transparent 72%);border-radius:32px}@supports (color:color-mix(in lab, red, red)){.avatar-decoration-halo .profile-avatar-decoration-a{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--profile-accent) 22%, transparent), transparent 72%)}}.avatar-decoration-halo .profile-avatar-decoration-a{box-shadow:0 0 32px var(--profile-accent), inset 0 0 18px var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.avatar-decoration-halo .profile-avatar-decoration-a{box-shadow:0 0 32px color-mix(in srgb, var(--profile-accent) 36%, transparent), inset 0 0 18px color-mix(in srgb, var(--profile-accent) 24%, transparent)}}.avatar-decoration-orbit .profile-avatar-decoration-a{border:1px solid var(--profile-accent);inset:6px}@supports (color:color-mix(in lab, red, red)){.avatar-decoration-orbit .profile-avatar-decoration-a{border:1px solid color-mix(in srgb, var(--profile-accent) 38%, white 10%)}}.avatar-decoration-orbit .profile-avatar-decoration-a{border-radius:999px;animation:9s linear infinite avatar-spin;transform:rotate(-12deg)}.avatar-decoration-orbit .profile-avatar-decoration-b{border:1px dashed var(--profile-accent);inset:2px}@supports (color:color-mix(in lab, red, red)){.avatar-decoration-orbit .profile-avatar-decoration-b{border:1px dashed color-mix(in srgb, var(--profile-accent) 24%, white 12%)}}.avatar-decoration-orbit .profile-avatar-decoration-b{border-radius:999px;animation:12s linear infinite avatar-spin-reverse;transform:rotate(28deg)}.avatar-decoration-wings .profile-avatar-decoration-a,.avatar-decoration-wings .profile-avatar-decoration-b{border:1px solid var(--profile-accent);width:34px;top:28px;bottom:28px}@supports (color:color-mix(in lab, red, red)){.avatar-decoration-wings .profile-avatar-decoration-a,.avatar-decoration-wings .profile-avatar-decoration-b{border:1px solid color-mix(in srgb, var(--profile-accent) 32%, white 10%)}}.avatar-decoration-wings .profile-avatar-decoration-a,.avatar-decoration-wings .profile-avatar-decoration-b{background:linear-gradient(180deg, var(--profile-accent), transparent 80%), #ffffff0a}@supports (color:color-mix(in lab, red, red)){.avatar-decoration-wings .profile-avatar-decoration-a,.avatar-decoration-wings .profile-avatar-decoration-b{background:linear-gradient(180deg, color-mix(in srgb, var(--profile-accent) 22%, transparent), transparent 80%), #ffffff0a}}.avatar-decoration-wings .profile-avatar-decoration-a,.avatar-decoration-wings .profile-avatar-decoration-b{filter:blur(.2px)}.avatar-decoration-wings .profile-avatar-decoration-a{border-radius:22px 10px 28px 18px;left:-8px;transform:rotate(-18deg)}.avatar-decoration-wings .profile-avatar-decoration-b{border-radius:10px 22px 18px 28px;right:-8px;transform:rotate(18deg)}.avatar-decoration-spikes .profile-avatar-decoration-a,.avatar-decoration-spikes .profile-avatar-decoration-b,.avatar-decoration-spikes .profile-avatar-decoration-c{background:linear-gradient(180deg, #fffffffa, var(--profile-accent));border-radius:999px 999px 30% 30%;width:16px;height:54px;inset:50% auto auto 50%}@supports (color:color-mix(in lab, red, red)){.avatar-decoration-spikes .profile-avatar-decoration-a,.avatar-decoration-spikes .profile-avatar-decoration-b,.avatar-decoration-spikes .profile-avatar-decoration-c{background:linear-gradient(180deg, #fffffffa, color-mix(in srgb, var(--profile-accent) 70%, transparent))}}.avatar-decoration-spikes .profile-avatar-decoration-a,.avatar-decoration-spikes .profile-avatar-decoration-b,.avatar-decoration-spikes .profile-avatar-decoration-c{transform-origin:50% calc(100% + 18px);box-shadow:0 0 22px var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.avatar-decoration-spikes .profile-avatar-decoration-a,.avatar-decoration-spikes .profile-avatar-decoration-b,.avatar-decoration-spikes .profile-avatar-decoration-c{box-shadow:0 0 22px color-mix(in srgb, var(--profile-accent) 36%, transparent)}}.avatar-decoration-spikes .profile-avatar-decoration-a{transform:translate(-50%,-110%)rotate(-42deg)}.avatar-decoration-spikes .profile-avatar-decoration-b{transform:translate(-50%,-120%)rotate(0)}.avatar-decoration-spikes .profile-avatar-decoration-c{transform:translate(-50%,-110%)rotate(42deg)}@keyframes ios-avatar-in{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes avatar-spin{0%{transform:rotate(-12deg)}to{transform:rotate(348deg)}}@keyframes avatar-spin-reverse{0%{transform:rotate(28deg)}to{transform:rotate(-332deg)}}.profile-name{color:var(--profile-text);letter-spacing:-.02em;overflow-wrap:anywhere;animation:ios-stagger-in .5s var(--ease-snappy) 80ms both;font-size:clamp(2.35rem,1.5rem + 2vw,3.2rem);font-weight:950;line-height:.92}.profile-name-stack{justify-items:center;display:inline-grid;position:relative}.profile-name-glow{color:var(--profile-accent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.profile-name-glow{color:color-mix(in srgb, var(--profile-accent) 65%, white 35%)}}.profile-name-glow{filter:blur(14px);opacity:.26;pointer-events:none;transform:translateY(4px)scale(1.04)}.profile-username{color:var(--profile-accent);overflow-wrap:anywhere;animation:ios-stagger-in .48s var(--ease-snappy) .13s both;margin-top:.55rem;font-size:1rem;font-weight:950}@keyframes ios-stagger-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-badge-row{animation:ios-stagger-in .46s var(--ease-snappy) .18s both;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.7rem;display:flex}.profile-badge{border:1px solid var(--badge-color);align-items:center;gap:.35rem;min-height:28px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.profile-badge{border:1px solid color-mix(in srgb, var(--badge-color) 52%, white 8%)}}.profile-badge{background:radial-gradient(circle at 50% 0%, var(--badge-color), transparent 70%), #ffffff13;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.profile-badge{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--badge-color) 24%, transparent), transparent 70%), #ffffff13}}.profile-badge{color:var(--badge-color)}@supports (color:color-mix(in lab, red, red)){.profile-badge{color:color-mix(in srgb, var(--badge-color) 86%, white 14%)}}.profile-badge{padding:.28rem .58rem;font-size:.72rem;font-weight:900}.profile-bio{color:#ffffffbd;overflow-wrap:anywhere;width:min(560px,100%);animation:ios-stagger-in .44s var(--ease-snappy) .23s both;margin:1rem auto 0;line-height:1.7}.profile-social-grid{width:fit-content;max-width:min(100%,430px);-webkit-backdrop-filter:blur(var(--profile-glass-blur-soft,22px)) saturate(1.32);backdrop-filter:blur(var(--profile-glass-blur-soft,22px)) saturate(1.32);animation:ios-stagger-in .42s var(--ease-snappy) .29s both;background:linear-gradient(#ffffff29,#ffffff0a),#07080c2e;border:1px solid #ffffff1f;border-radius:26px;flex-wrap:nowrap;justify-content:center;gap:.68rem;margin:1.15rem auto 0;padding:.68rem .82rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 18px 44px #0000002e}.profile-social-link{border:1px solid var(--social-color);place-items:center;width:40px;height:40px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.profile-social-link{border:1px solid color-mix(in srgb, var(--social-color) 34%, white 12%)}}.profile-social-link{-webkit-backdrop-filter:blur(var(--profile-glass-blur-soft,22px)) saturate(1.2);backdrop-filter:blur(var(--profile-glass-blur-soft,22px)) saturate(1.2);transition:transform .22s var(--ease-fluid), border-color .22s var(--ease-fluid), background .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid);animation:ios-stagger-in .42s var(--ease-snappy) var(--social-delay,0s) both;background:linear-gradient(#ffffff2e,#ffffff0a),#ffffff0a;border-radius:15px;text-decoration:none;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 8px 18px #00000029}.profile-social-link:before{content:attr(data-label);z-index:3;pointer-events:none;border:1px solid var(--social-color);position:absolute;top:calc(100% + .45rem);left:50%}@supports (color:color-mix(in lab, red, red)){.profile-social-link:before{border:1px solid color-mix(in srgb, var(--social-color) 24%, white 10%)}}.profile-social-link:before{color:#ffffffd1;letter-spacing:.01em;white-space:nowrap;opacity:0;transition:transform .22s var(--ease-fluid), opacity .22s var(--ease-fluid);background:linear-gradient(#ffffff1f,#ffffff0a),#08080ce0;border-radius:999px;padding:.35rem .62rem;font-size:.72rem;font-weight:850;transform:translate(-50%,-.1rem)scale(.94)}.profile-social-link-shine{border-radius:inherit;opacity:.72;background:linear-gradient(#ffffff47,#0000);height:44%;position:absolute;inset:1px 1px auto}.profile-social-link:after{content:"";z-index:0;background:var(--social-color);border-radius:999px;height:48%;position:absolute;inset:auto 18% -28%}@supports (color:color-mix(in lab, red, red)){.profile-social-link:after{background:color-mix(in srgb, var(--social-color) 22%, transparent)}}.profile-social-link:after{filter:blur(14px);opacity:.82}.profile-social-link>*{z-index:1;position:relative}.profile-social-link:hover{border-color:var(--social-color);transform:translateY(-2px)scale(1.06)}@supports (color:color-mix(in lab, red, red)){.profile-social-link:hover{border-color:color-mix(in srgb, var(--social-color) 54%, white 12%)}}.profile-social-link:hover{background:linear-gradient(#ffffff38,#ffffff0d),#ffffff0f;box-shadow:inset 0 1px #ffffff2e,0 12px 22px #0000002e}.profile-social-link:hover:before{opacity:1;transform:translate(-50%)scale(1)}.profile-social-link:active{transition-duration:80ms;transition-timing-function:var(--ease-press);transform:scale(.95)}.profile-social-icon{place-items:center;width:100%;height:100%;display:grid}.profile-social-icon-core{color:#fff;width:100%;height:100%;transition:transform .22s var(--ease-fluid);background:0 0;place-items:center;display:grid}.profile-social-icon-art{object-fit:contain;width:18px;height:18px;color:inherit;filter:drop-shadow(0 2px 5px #00000029);display:block}.profile-social-link:hover .profile-social-icon-core{transform:scale(1.05)}@media (max-width:640px){.profile-social-grid{flex-wrap:wrap;gap:.58rem;padding:.56rem .68rem}.profile-social-link:before{display:none}.profile-social-link{border-radius:14px;width:36px;height:36px}.profile-social-icon-art{width:16px;height:16px}}.profile-meta-row{color:#ffffff94;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.2rem;padding-top:.95rem;font-size:.88rem;display:flex}.profile-widget-row{animation:ios-stagger-in .42s var(--ease-snappy) .26s both;flex-wrap:wrap;justify-content:center;gap:.42rem;margin:.9rem auto 0;display:flex}.profile-widget-chip{border:1px solid var(--profile-accent);align-items:center;gap:.38rem;max-width:min(100%,260px);min-height:30px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.profile-widget-chip{border:1px solid color-mix(in srgb, var(--profile-accent) 30%, white 10%)}}.profile-widget-chip{background:linear-gradient(180deg, #ffffff24, #ffffff0b), var(--profile-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.profile-widget-chip{background:linear-gradient(180deg, #ffffff24, #ffffff0b), color-mix(in srgb, var(--profile-accent) 9%, transparent)}}.profile-widget-chip{color:var(--profile-text)}@supports (color:color-mix(in lab, red, red)){.profile-widget-chip{color:color-mix(in srgb, var(--profile-text) 88%, white 12%)}}.profile-widget-chip{text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(var(--profile-glass-blur-soft,18px)) saturate(1.25);backdrop-filter:blur(var(--profile-glass-blur-soft,18px)) saturate(1.25);padding:.36rem .62rem;font-size:.76rem;font-weight:900;line-height:1.2;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 12px 24px #0000001f}.profile-widget-status{border-color:var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.profile-widget-status{border-color:color-mix(in srgb, var(--profile-accent) 44%, white 12%)}}.profile-action-row{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:.95rem;display:flex}.profile-action-button{color:#ffffffd1;min-height:38px;transition:transform .18s var(--ease-snappy), border-color .18s var(--ease-fluid), background .18s var(--ease-fluid), color .18s var(--ease-fluid);background:linear-gradient(#ffffff21,#ffffff0a),#ffffff0b;border:1px solid #ffffff21;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.48rem .78rem;font-size:.82rem;font-weight:950;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 14px 30px #0000002e}.profile-action-button:hover{border-color:var(--profile-accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.profile-action-button:hover{border-color:color-mix(in srgb, var(--profile-accent) 38%, white 12%)}}.profile-action-button:hover{background:linear-gradient(180deg, #ffffff2e, #ffffff0e), var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.profile-action-button:hover{background:linear-gradient(180deg, #ffffff2e, #ffffff0e), color-mix(in srgb, var(--profile-accent) 9%, transparent)}}.profile-action-button:active{transform:scale(.96)}.profile-action-like[data-active=true]{color:#ff8fa2;border-color:#ff7a9075}.profile-action-like[data-active=true] svg{fill:currentColor}.analytics-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.analytics-metric-card,.analytics-card{border-radius:var(--radius-lg);background:linear-gradient(150deg,#ffffff1f,#ffffff09),#080a0ea3;border:1px solid #ffffff1c;box-shadow:inset 0 1px #ffffff14,0 18px 42px #00000029}.analytics-metric-card{align-content:start;gap:.5rem;min-height:140px;padding:.9rem;display:grid}.analytics-metric-icon{border:1px solid rgba(var(--accent-rgb), .24);background:rgba(var(--accent-rgb), .1);width:38px;height:38px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.analytics-metric-card span:not(.analytics-metric-icon){color:#ffffff7a;font-size:.78rem;font-weight:850}.analytics-metric-card strong{color:#fff;font-size:clamp(1.5rem,4vw,2.15rem);font-weight:950;line-height:1}.analytics-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:.75rem;margin-top:.75rem;display:grid}.analytics-card{gap:1rem;padding:1rem;display:grid}.analytics-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.analytics-card-header strong{color:#fff;font-weight:950}.analytics-card-header span{color:#ffffff75;text-align:right;font-size:.78rem;font-weight:800}.analytics-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.45rem;min-height:190px;display:grid}.analytics-bar-shell{align-items:end;gap:.45rem;height:100%;min-height:180px;display:grid}.analytics-bar{background:linear-gradient(180deg, #48e5c2f2, #79d9ff80), rgba(var(--accent-rgb), .25);border-radius:999px 999px 8px 8px;min-height:8px;display:block;box-shadow:0 0 26px #48e5c22e}.analytics-bar-shell small{color:#ffffff6b;text-align:center;font-size:.68rem;font-weight:850}.analytics-link-list{gap:.55rem;display:grid}.analytics-link-row{background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;justify-content:space-between;align-items:center;gap:.7rem;padding:.72rem .8rem;display:flex}.analytics-link-row strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.analytics-link-row span,.analytics-empty{color:#ffffff7a;font-size:.78rem;font-weight:800}.profile-valorant-row{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff46550f;border:1px solid #ff465538;border-radius:14px;align-items:center;gap:.7rem;margin-top:.85rem;padding:.6rem .85rem;display:flex}.profile-valorant-rank-img{object-fit:contain;filter:drop-shadow(0 0 6px #ff465573);flex-shrink:0;width:40px;height:40px}.profile-valorant-info{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.profile-valorant-name{color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:800;overflow:hidden}.profile-valorant-rank{color:#ff4655;letter-spacing:.03em;font-size:.7rem;font-weight:900}.profile-valorant-tracker{color:#ffffffb3;white-space:nowrap;background:#ff46551a;border:1px solid #ff465559;border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.28rem .65rem;font-size:.7rem;font-weight:800;text-decoration:none;transition:all .14s;display:inline-flex}.profile-valorant-tracker:hover{color:#fff;background:#ff465533;border-color:#ff465599}.profile-badge-rank-img{object-fit:contain;flex-shrink:0;width:16px;height:16px}.profile-stage-inner{z-index:2;isolation:isolate;flex-direction:column;align-items:center;gap:.75rem;width:min(650px,100%);display:flex;position:relative}.profile-stage-inner:before,.profile-stage-inner:after{content:"";z-index:-1;background:radial-gradient(circle at 32% 28%, #ffffff47, transparent 24%), linear-gradient(160deg, var(--profile-accent), #ffffff0a);border:1px solid #ffffff1f;border-radius:42% 58% 55% 45%/41% 38% 62% 59%;width:clamp(180px,22vw,260px);height:clamp(180px,22vw,260px);position:absolute}@supports (color:color-mix(in lab, red, red)){.profile-stage-inner:before,.profile-stage-inner:after{background:radial-gradient(circle at 32% 28%, #ffffff47, transparent 24%), linear-gradient(160deg, color-mix(in srgb, var(--profile-accent) 24%, white 10%), #ffffff0a)}}.profile-stage-inner:before,.profile-stage-inner:after{-webkit-backdrop-filter:blur(var(--profile-glass-blur-deep,30px)) saturate(1.24);backdrop-filter:blur(var(--profile-glass-blur-deep,30px)) saturate(1.24);opacity:.5;filter:blur(var(--profile-liquid-blur,3px));animation:liquid-float 14s var(--ease-fluid) infinite alternate;pointer-events:none;box-shadow:inset 0 1px #ffffff24,0 22px 44px #00000024}.profile-stage-inner:before{top:6%;left:-12%}.profile-stage-inner:after{animation-duration:16s;animation-direction:alternate-reverse;bottom:8%;right:-10%}.di{cursor:default;-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#040404eb;border:1px solid #ffffff1f;border-radius:100px;width:175px;height:42px;transition:width .52s cubic-bezier(.34,1.56,.64,1),height .48s cubic-bezier(.34,1.56,.64,1),border-radius .42s;animation:.56s cubic-bezier(.34,1.56,.64,1) both di-appear;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 8px 32px #0000008c,0 2px 8px #0000004d}@keyframes di-appear{0%{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}.di--open.di--playback{width:370px;height:90px;box-shadow:0 0 0 1px #ffffff12, 0 0 40px var(--profile-accent), 0 16px 56px #0009, 0 4px 12px #0006;border-color:#ffffff1a;border-radius:28px}@supports (color:color-mix(in lab, red, red)){.di--open.di--playback{box-shadow:0 0 0 1px #ffffff12, 0 0 40px color-mix(in srgb, var(--profile-accent) 22%, transparent), 0 16px 56px #0009, 0 4px 12px #0006}}.di--open.di--pinned{border-color:#1ed76038;border-radius:28px;width:340px;height:90px;box-shadow:0 0 0 1px #1ed76014,0 0 36px #1ed7602e,0 16px 56px #0009}.di--open.di--status{background:radial-gradient(circle at 18% 12%, #ffffff1f, transparent 28%), radial-gradient(circle at 84% 0%, var(--profile-accent), transparent 34%), linear-gradient(180deg, #16161af5, #010103f0);border-color:#ffffff1a;border-radius:32px;width:360px;height:116px}@supports (color:color-mix(in lab, red, red)){.di--open.di--status{background:radial-gradient(circle at 18% 12%, #ffffff1f, transparent 28%), radial-gradient(circle at 84% 0%, color-mix(in srgb, var(--profile-accent) 18%, transparent), transparent 34%), linear-gradient(180deg, #16161af5, #010103f0)}}.di--open.di--status{box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff0a,0 18px 58px #000000a8}.di--playing{animation:.56s cubic-bezier(.34,1.56,.64,1) both di-appear,2.4s ease-in-out .6s infinite di-glow}@keyframes di-glow{0%,to{box-shadow:0 0 0 1px #ffffff12, 0 0 40px color-mix(in srgb, var(--profile-accent) 22%, transparent), 0 16px 56px #0009}50%{box-shadow:0 0 0 1px #ffffff1a, 0 0 60px color-mix(in srgb, var(--profile-accent) 38%, transparent), 0 20px 64px #000000a6}}.di-pill{opacity:1;pointer-events:auto;justify-content:center;align-items:center;gap:.45rem;padding:0 1rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.di--open .di-pill{opacity:0;pointer-events:none;transition:opacity .1s}.di-pill-label{color:#ffffffb8;white-space:nowrap;font-size:.72rem;font-weight:800}.di-body{opacity:0;pointer-events:none;align-items:center;gap:.85rem;padding:0 1rem;transition:opacity .18s,transform .18s;display:flex;position:absolute;inset:0;transform:scale(.9)translateY(6px)}.di--open.di--playback .di-body--playback,.di--open.di--pinned .di-body--pinned,.di--open.di--status .di-body--status{opacity:1;pointer-events:auto;transition:opacity .22s .29s,transform .22s .29s;transform:scale(1)translateY(0)}.di-cover{object-fit:cover;border-radius:12px;flex-shrink:0;width:56px;height:56px;box-shadow:0 0 0 1px #ffffff1a,0 6px 18px #0006}.di-cover--empty{color:#fff6;background:#ffffff0f;place-items:center;display:grid}.di-info{flex:1;min-width:0}.di-status{color:var(--profile-accent);align-items:center;gap:.3rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.di-status{color:color-mix(in srgb, var(--profile-accent) 70%, white)}}.di-status{text-transform:uppercase;letter-spacing:.04em;font-size:.66rem;font-weight:900}.di-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:.2rem 0 .1rem;font-size:.84rem;font-weight:900;overflow:hidden}.di-meta{color:#ffffff85;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.72rem;font-weight:700;overflow:hidden}.di--status .di-body{gap:0;padding:.72rem .86rem}.di--status .di-title{letter-spacing:0;max-width:242px;font-size:.93rem}.di--status .di-meta{color:#fff9;max-width:242px}.di-open-btn{color:#fff9;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;text-decoration:none;transition:all .14s;display:grid}.di-open-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff47}.di-pinned-art{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;position:relative}.di-spotify-glyph{filter:drop-shadow(0 0 10px #1ed7608c);width:42px;height:42px;animation:12s linear infinite di-spin-slow}@keyframes di-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.di-pinned-rings{pointer-events:none;position:absolute;inset:0}.di-pinned-ring{border:1px solid #1ed76038;border-radius:999px;animation:2s ease-out infinite di-ring-pulse;position:absolute;inset:0}.di-pinned-ring:nth-child(2){animation-delay:.9s}@keyframes di-ring-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.di-pinned-header{align-items:center;gap:.45rem;margin-bottom:.2rem;display:flex}.di-pinned-chip{color:#1ed760;background:#1ed7601f;border-radius:999px;align-items:center;gap:.25rem;padding:.18rem .45rem;font-size:.62rem;font-weight:900;display:inline-flex}.di-pinned-link{color:#ffffff73;align-items:center;gap:.22rem;font-size:.68rem;font-weight:800;text-decoration:none;transition:color .14s;display:inline-flex}.di-pinned-link:hover{color:#ffffffd1}.di-status-art{background:radial-gradient(circle at 35% 25%, #ffffff47, transparent 28%), linear-gradient(145deg, var(--profile-accent), #ffffff0e);border:1px solid #ffffff24;border-radius:16px;flex:none;place-items:center;width:50px;height:50px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.di-status-art{background:radial-gradient(circle at 35% 25%, #ffffff47, transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--profile-accent) 20%, transparent), #ffffff0e)}}.di-status-art{color:var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.di-status-art{color:color-mix(in srgb, var(--profile-accent) 72%, white)}}.di-status-art{overflow:visible;box-shadow:inset 0 1px #ffffff29,0 10px 24px #00000052}.di-status-art--image{border-radius:15px}.di-status-art-img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.di-status-small-img{object-fit:cover;background:#040407e6;border:2px solid #040407f5;border-radius:999px;width:21px;height:21px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 18px #00000073}.di-status-orb-ring{border:1px solid #ffffff1f;border-radius:21px;animation:2.4s ease-in-out infinite di-status-ring;position:absolute;inset:-5px}@keyframes di-status-ring{0%,to{opacity:.42;transform:scale(.94)}50%{opacity:.86;transform:scale(1.04)}}.di-widget-strip{flex-wrap:nowrap;gap:.36rem;min-width:0;margin-top:0;display:flex;overflow:visible}.di-widget-chip{color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#ffffff21,#ffffff0b),#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:.22rem;min-width:0;max-width:100%;padding:.26rem .54rem;font-size:.67rem;font-weight:850;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.di-status-layout{flex-direction:column;justify-content:center;gap:.48rem;width:100%;min-width:0;display:flex}.di-status-main{align-items:center;gap:.72rem;min-width:0;display:flex}.di-widget-strip--under{width:100%;padding-left:62px}.di-widget-strip--under .di-widget-chip:first-child{flex:auto}.di-widget-strip--under .di-widget-chip:last-child{flex:none}.di-widget-focus{justify-content:center;align-items:center;gap:.45rem;width:100%;display:flex}.di-widget-focus-chip{border:1px solid var(--profile-accent);align-items:center;gap:.34rem;min-width:0;max-width:48%;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.di-widget-focus-chip{border:1px solid color-mix(in srgb, var(--profile-accent) 54%, white 18%)}}.di-widget-focus-chip{background:linear-gradient(180deg, #ffffff3d, #ffffff14), var(--profile-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.di-widget-focus-chip{background:linear-gradient(180deg, #ffffff3d, #ffffff14), color-mix(in srgb, var(--profile-accent) 26%, #09090eeb)}}.di-widget-focus-chip{color:#fffffff5;letter-spacing:.01em;text-shadow:0 1px 10px #00000080;text-overflow:ellipsis;white-space:nowrap;padding:.34rem .72rem;font-size:.75rem;font-weight:900;overflow:hidden;box-shadow:inset 0 1px #ffffff57,0 10px 22px #00000042}.di-waveform{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.di-waveform-bar{background:var(--profile-accent);border-radius:2px;width:3px}@supports (color:color-mix(in lab, red, red)){.di-waveform-bar{background:color-mix(in srgb, var(--profile-accent) 85%, white)}}.di-waveform-bar{transform-origin:bottom;transition:transform .4s}.di-waveform-bar:first-child{height:7px}.di-waveform-bar:nth-child(2){height:12px}.di-waveform-bar:nth-child(3){height:9px}.di-waveform-bar:nth-child(4){height:11px}.di-waveform--active .di-waveform-bar{animation:.75s ease-in-out infinite alternate di-wave}.di-waveform--active .di-waveform-bar:first-child{animation-delay:0s}.di-waveform--active .di-waveform-bar:nth-child(2){animation-delay:.14s}.di-waveform--active .di-waveform-bar:nth-child(3){animation-delay:.28s}.di-waveform--active .di-waveform-bar:nth-child(4){animation-delay:70ms}@keyframes di-wave{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.di-waveform--mini .di-waveform-bar{width:2.5px}.di-waveform--mini .di-waveform-bar:first-child{height:4px}.di-waveform--mini .di-waveform-bar:nth-child(2){height:8px}.di-waveform--mini .di-waveform-bar:nth-child(3){height:5px}.di-waveform--mini .di-waveform-bar:nth-child(4){height:7px}.profile-spotify-popup{border:1px solid var(--profile-accent);width:100%;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup{border:1px solid color-mix(in srgb, var(--profile-accent) 35%, transparent)}}.profile-spotify-popup{background:linear-gradient(135deg, var(--profile-accent), var(--profile-accent)), #030303f0;border-radius:18px}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup{background:linear-gradient(135deg, color-mix(in srgb, var(--profile-accent) 25%, transparent), color-mix(in srgb, var(--profile-accent) 8%, transparent)), #030303f0}}.profile-spotify-popup{box-shadow:0 0 40px var(--profile-accent), 0 20px 70px #0009, inset 0 1px 0 #ffffff1a}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup{box-shadow:0 0 40px color-mix(in srgb, var(--profile-accent) 25%, transparent), 0 20px 70px #0009, inset 0 1px 0 #ffffff1a}}.profile-spotify-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s;animation:.48s cubic-bezier(.34,1.56,.64,1) both spotify-pop-in}.profile-spotify-popup-compact{border-color:var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup-compact{border-color:color-mix(in srgb, var(--profile-accent) 26%, transparent)}}.profile-spotify-popup-compact{box-shadow:0 0 28px var(--profile-accent), 0 16px 48px #0000007a, inset 0 1px 0 #ffffff14}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup-compact{box-shadow:0 0 28px color-mix(in srgb, var(--profile-accent) 18%, transparent), 0 16px 48px #0000007a, inset 0 1px 0 #ffffff14}}.profile-spotify-popup:hover{border-color:var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup:hover{border-color:color-mix(in srgb, var(--profile-accent) 50%, transparent)}}.profile-spotify-popup:hover{box-shadow:0 0 50px var(--profile-accent), 0 25px 80px #000000b3, inset 0 1px 0 #ffffff26}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup:hover{box-shadow:0 0 50px color-mix(in srgb, var(--profile-accent) 35%, transparent), 0 25px 80px #000000b3, inset 0 1px 0 #ffffff26}}.profile-spotify-popup:hover{transform:translateY(-4px)}.profile-spotify-popup-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding:.82rem .9rem .3rem;display:flex}.profile-spotify-popup-chip{border:1px solid var(--profile-accent);align-items:center;gap:.35rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup-chip{border:1px solid color-mix(in srgb, var(--profile-accent) 28%, transparent)}}.profile-spotify-popup-chip{background:var(--profile-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup-chip{background:color-mix(in srgb, var(--profile-accent) 10%, transparent)}}.profile-spotify-popup-chip{color:var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup-chip{color:color-mix(in srgb, var(--profile-accent) 60%, white)}}.profile-spotify-popup-chip{padding:.3rem .6rem;font-size:.72rem;font-weight:900}.profile-spotify-popup-link{color:#ffffffb8;align-items:center;gap:.32rem;font-size:.76rem;font-weight:800;text-decoration:none;display:inline-flex}.profile-spotify-popup-link:hover{color:var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.profile-spotify-popup-link:hover{color:color-mix(in srgb, var(--profile-accent) 40%, white)}}@keyframes spotify-pop-in{0%{opacity:0;transform:translateY(20px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-spotify-frame{background:#121212;border:0;border-radius:16px;width:100%;height:160px;display:block}.profile-spotify-frame-compact{height:112px}.profile-spotify-presence{border:1px solid var(--profile-accent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;width:100%;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.profile-spotify-presence{border:1px solid color-mix(in srgb, var(--profile-accent) 34%, transparent)}}.profile-spotify-presence{background:radial-gradient(circle at 0% 0%, var(--profile-accent), transparent 52%), linear-gradient(145deg, #ffffff14, #ffffff05), #030303f0;border-radius:22px}@supports (color:color-mix(in lab, red, red)){.profile-spotify-presence{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--profile-accent) 16%, transparent), transparent 52%), linear-gradient(145deg, #ffffff14, #ffffff05), #030303f0}}.profile-spotify-presence{box-shadow:0 18px 54px #0000008c, 0 0 28px var(--profile-accent);padding:.9rem}@supports (color:color-mix(in lab, red, red)){.profile-spotify-presence{box-shadow:0 18px 54px #0000008c, 0 0 28px color-mix(in srgb, var(--profile-accent) 18%, transparent)}}.profile-spotify-presence{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:.48s cubic-bezier(.34,1.56,.64,1) both spotify-pop-in}.profile-spotify-presence-cover{object-fit:cover;border:1px solid #ffffff1f;border-radius:18px;width:84px;height:84px;box-shadow:0 10px 28px #0000004d}.profile-spotify-presence-cover-fallback{background:linear-gradient(135deg, var(--profile-accent), var(--profile-accent)), #ffffff0d;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-spotify-presence-cover-fallback{background:linear-gradient(135deg, color-mix(in srgb, var(--profile-accent) 24%, transparent), color-mix(in srgb, var(--profile-accent) 5%, transparent)), #ffffff0d}}.profile-spotify-presence-cover-fallback{color:var(--profile-accent)}.profile-spotify-presence-status{background:var(--profile-accent);border-radius:999px;align-items:center;gap:.35rem;width:fit-content;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.profile-spotify-presence-status{background:color-mix(in srgb, var(--profile-accent) 10%, transparent)}}.profile-spotify-presence-status{color:var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.profile-spotify-presence-status{color:color-mix(in srgb, var(--profile-accent) 55%, white)}}.profile-spotify-presence-status{padding:.28rem .55rem;font-size:.72rem;font-weight:900}.profile-spotify-presence-title,.profile-spotify-presence-meta,.profile-spotify-presence-album{overflow-wrap:anywhere;margin:0}.profile-spotify-presence-title{color:var(--foreground);margin-top:.45rem;font-size:1rem;font-weight:900}.profile-spotify-presence-meta{color:#ffffffb8;margin-top:.18rem;font-size:.9rem;font-weight:700}.profile-spotify-presence-album{color:#ffffff7a;margin-top:.12rem;font-size:.78rem}.profile-spotify-presence-action{border:1px solid var(--profile-accent);justify-content:center;align-items:center;min-height:40px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.profile-spotify-presence-action{border:1px solid color-mix(in srgb, var(--profile-accent) 32%, transparent)}}.profile-spotify-presence-action{background:var(--profile-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.profile-spotify-presence-action{background:color-mix(in srgb, var(--profile-accent) 12%, transparent)}}.profile-spotify-presence-action{color:var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.profile-spotify-presence-action{color:color-mix(in srgb, var(--profile-accent) 45%, white)}}.profile-spotify-presence-action{padding:.55rem .9rem;font-size:.86rem;font-weight:900;text-decoration:none}.profile-effect-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.profile-effect-layer span{top:-16%;left:var(--fall-x);width:var(--fall-size);height:calc(var(--fall-size) * 1.8);animation:profile-fall var(--fall-duration) linear infinite;animation-delay:var(--fall-delay);opacity:0;position:absolute}.profile-effect-layer span:before,.profile-effect-layer span:after{content:"";position:absolute;inset:0}.effect-snow .profile-effect-layer span{width:calc(var(--fall-size) + 4px);height:calc(var(--fall-size) + 4px);filter:blur(.15px);background:radial-gradient(circle at 35% 35%,#fffffffa,#ffffff61 62%,#0000 74%);border-radius:999px;box-shadow:0 0 16px #ffffff47}.effect-rain .profile-effect-layer span{width:max(1px, calc(var(--fall-size) * .2));height:calc(var(--fall-size) * 6.8);opacity:.68;background:linear-gradient(#ffffff0d,#8ec5ffeb);border-radius:999px;box-shadow:0 0 12px #8ec5ff29,0 0 28px #79d9ff1f}.effect-sparkles .profile-effect-layer span{width:calc(var(--fall-size) * 2);height:calc(var(--fall-size) * 2)}.effect-sparkles .profile-effect-layer span:before,.effect-sparkles .profile-effect-layer span:after{background:var(--profile-accent);border-radius:999px;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.effect-sparkles .profile-effect-layer span:before,.effect-sparkles .profile-effect-layer span:after{background:color-mix(in srgb, var(--profile-accent) 88%, white 12%)}}.effect-sparkles .profile-effect-layer span:before,.effect-sparkles .profile-effect-layer span:after{box-shadow:0 0 20px var(--profile-accent)}@supports (color:color-mix(in lab, red, red)){.effect-sparkles .profile-effect-layer span:before,.effect-sparkles .profile-effect-layer span:after{box-shadow:0 0 20px color-mix(in srgb, var(--profile-accent) 65%, transparent)}}.effect-sparkles .profile-effect-layer span:before,.effect-sparkles .profile-effect-layer span:after{transform:translate(-50%,-50%)}.effect-sparkles .profile-effect-layer span:before{width:2px;height:100%}.effect-sparkles .profile-effect-layer span:after{width:100%;height:2px}.effect-embers .profile-effect-layer span{width:calc(var(--fall-size) * 1.05);height:calc(var(--fall-size) * 3.8);background:linear-gradient(#fff5e0f5,#ffab54 38%,#ff5f5733);border-radius:999px 999px 70% 70%;box-shadow:0 0 18px #ff843461,0 0 34px #ff5f572e}.effect-embers .profile-effect-layer span:after{filter:blur(6px);background:linear-gradient(#ff924780,#0000);border-radius:999px;inset:auto 18% -45%}.effect-stars .profile-effect-layer span{width:calc(var(--fall-size) * 2.4);height:calc(var(--fall-size) * 2.4);animation:profile-fall var(--fall-duration) linear infinite, profile-twinkle 1.7s ease-in-out infinite alternate;animation-delay:var(--fall-delay), calc(var(--fall-delay) / 3)}.effect-stars .profile-effect-layer span:before,.effect-stars .profile-effect-layer span:after{background:#ffd166;border-radius:999px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #ffd16670}.effect-stars .profile-effect-layer span:before{width:2px;height:100%}.effect-stars .profile-effect-layer span:after{width:100%;height:2px}.profile-effect-aurora-layer,.profile-effect-blur-layer,.profile-effect-retro-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.profile-effect-aurora-layer span,.profile-effect-blur-layer span{left:var(--aurora-x,var(--blur-x));top:var(--aurora-y,var(--blur-y));width:var(--aurora-size,var(--blur-size));height:calc(var(--aurora-size,var(--blur-size)) * .7);animation:effect-float var(--aurora-duration,var(--blur-duration)) ease-in-out infinite alternate;animation-delay:var(--aurora-delay,var(--blur-delay));filter:blur(24px);border-radius:999px;position:absolute}.profile-effect-aurora-layer span{opacity:.9;background:linear-gradient(90deg,#48e5c247,#79d9ff57,#ff7a902e)}.profile-effect-blur-layer span{opacity:.72;background:radial-gradient(circle at 30% 30%,#ffffff47,#79d9ff29 48%,#0000 72%)}.profile-effect-retro-noise,.profile-effect-retro-lines,.profile-effect-retro-glow{position:absolute;inset:0}.profile-effect-retro-noise{mix-blend-mode:screen;opacity:.12;background-image:radial-gradient(circle at 15% 20%,#ffffff1f 0 1px,#0000 1px),radial-gradient(circle at 80% 60%,#ffffff1a 0 1px,#0000 1px);background-size:18px 18px,24px 24px;animation:.18s steps(2,end) infinite retro-noise}.profile-effect-retro-lines{opacity:.42;background:repeating-linear-gradient(#ffffff05 0 2px,#0000002e 2px 4px)}.profile-effect-retro-glow{mix-blend-mode:screen;background:radial-gradient(circle,#ff7a9029,#0000 54%),radial-gradient(circle at 22% 24%,#79d9ff29,#0000 28%)}@keyframes effect-float{0%{transform:translate(-18px,-10px)scale(.96)rotate(-6deg)}to{transform:translate(18px,16px)scale(1.08)rotate(6deg)}}@keyframes retro-noise{0%{transform:translate(0)}to{transform:translate(4px,-3px)}}.live-preview-wrapper{border:1px solid rgba(var(--accent-rgb), .28);background:linear-gradient(180deg, rgba(var(--accent-rgb), .14), #ffffff0d), #030303f2;-webkit-backdrop-filter:blur(var(--preview-glass-blur,20px));backdrop-filter:blur(var(--preview-glass-blur,20px));border-radius:20px;gap:.85rem;width:min(640px,100vw - 2.5rem);max-height:calc(100vh - 2.5rem);margin-inline:auto;padding:1rem;animation:.38s cubic-bezier(.34,1.56,.64,1) both preview-slide-in;display:grid;overflow-y:auto;box-shadow:0 20px 80px #0009}.live-preview-wrapper-centered{place-self:center}@keyframes preview-slide-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.live-preview-container{background:0 0;place-items:center;gap:.8rem;width:100%;max-width:100%;animation:.38s cubic-bezier(.34,1.56,.64,1) both preview-slide-in;display:grid;position:relative}.live-preview-close{z-index:10;color:#fff9;cursor:pointer;min-width:32px;min-height:32px;-webkit-backdrop-filter:blur(var(--preview-glass-blur-chip,10px));backdrop-filter:blur(var(--preview-glass-blur-chip,10px));background:#030303b3;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;transition:all .14s;display:inline-flex;position:absolute;top:.85rem;right:.85rem}.live-preview-close:hover{color:var(--foreground);background:#030303d9;border-color:#ffffff40}.live-preview-card-shell{border:1px solid rgba(var(--accent-rgb), .2);width:100%;-webkit-backdrop-filter:blur(var(--preview-glass-blur,20px)) saturate(1.1);backdrop-filter:blur(var(--preview-glass-blur,20px)) saturate(1.1);background:linear-gradient(#ffffff0a,#0000002e),#0000009e;border-radius:18px;gap:.9rem;padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073,inset 0 0 0 1px #ffffff14}.live-preview-card-hero{opacity:.35;background-position:50%;background-size:cover;position:absolute;inset:0}.live-preview-card-overlay{background:radial-gradient(circle at 16% 18%, #ffffff1f, transparent 18%), radial-gradient(circle at 82% 24%, rgba(var(--accent-rgb), .12), transparent 24%), linear-gradient(180deg, #0404081f, #0404086b);position:absolute;inset:0}.live-preview-card-header{align-items:center;gap:.8rem;display:grid}.live-preview-avatar-shell{width:82px;height:82px;margin-inline:auto;position:relative}.live-preview-avatar-decoration{opacity:0;pointer-events:none;position:absolute;inset:0}.live-preview-avatar-container{border:3px solid var(--profile-accent);background:rgba(var(--accent-rgb), .1);width:72px;height:72px;box-shadow:0 0 0 1px rgba(var(--accent-rgb), .3);border-radius:50%;margin:5px;position:relative;overflow:hidden}.live-preview-avatar-shell.avatar-decoration-halo .live-preview-avatar-decoration-a,.live-preview-avatar-shell.avatar-decoration-orbit .live-preview-avatar-decoration-a,.live-preview-avatar-shell.avatar-decoration-orbit .live-preview-avatar-decoration-b,.live-preview-avatar-shell.avatar-decoration-wings .live-preview-avatar-decoration-a,.live-preview-avatar-shell.avatar-decoration-wings .live-preview-avatar-decoration-b,.live-preview-avatar-shell.avatar-decoration-spikes .live-preview-avatar-decoration-a,.live-preview-avatar-shell.avatar-decoration-spikes .live-preview-avatar-decoration-b,.live-preview-avatar-shell.avatar-decoration-spikes .live-preview-avatar-decoration-c{opacity:1}.live-preview-avatar-shell.avatar-decoration-halo .live-preview-avatar-decoration-a{border:1px solid rgba(var(--accent-rgb), .38);box-shadow:0 0 18px rgba(var(--accent-rgb), .26);border-radius:50%;inset:4px}.live-preview-avatar-shell.avatar-decoration-orbit .live-preview-avatar-decoration-a,.live-preview-avatar-shell.avatar-decoration-orbit .live-preview-avatar-decoration-b{border:1px solid rgba(var(--accent-rgb), .28);border-radius:50%;inset:0}.live-preview-avatar-shell.avatar-decoration-orbit .live-preview-avatar-decoration-a{transform:rotate(-14deg)}.live-preview-avatar-shell.avatar-decoration-orbit .live-preview-avatar-decoration-b{border-style:dashed;inset:6px;transform:rotate(22deg)}.live-preview-avatar-shell.avatar-decoration-wings .live-preview-avatar-decoration-a,.live-preview-avatar-shell.avatar-decoration-wings .live-preview-avatar-decoration-b{background:rgba(var(--accent-rgb), .16);border:1px solid rgba(var(--accent-rgb), .28);width:18px;top:18px;bottom:18px}.live-preview-avatar-shell.avatar-decoration-wings .live-preview-avatar-decoration-a{border-radius:14px 6px 14px 14px;left:-4px}.live-preview-avatar-shell.avatar-decoration-wings .live-preview-avatar-decoration-b{border-radius:6px 14px 14px;right:-4px}.live-preview-avatar-shell.avatar-decoration-spikes .live-preview-avatar-decoration-a,.live-preview-avatar-shell.avatar-decoration-spikes .live-preview-avatar-decoration-b,.live-preview-avatar-shell.avatar-decoration-spikes .live-preview-avatar-decoration-c{background:linear-gradient(180deg, #fffffff2, rgba(var(--accent-rgb), .4));transform-origin:50% calc(100% + 10px);border-radius:999px;width:10px;height:34px;inset:50% auto auto 50%}.live-preview-avatar-shell.avatar-decoration-spikes .live-preview-avatar-decoration-a{transform:translate(-50%,-108%)rotate(-36deg)}.live-preview-avatar-shell.avatar-decoration-spikes .live-preview-avatar-decoration-b{transform:translate(-50%,-114%)rotate(0)}.live-preview-avatar-shell.avatar-decoration-spikes .live-preview-avatar-decoration-c{transform:translate(-50%,-108%)rotate(36deg)}.live-preview-avatar-img{object-fit:cover}.live-preview-avatar-placeholder{background:linear-gradient(135deg, rgba(var(--accent-rgb), .2), rgba(var(--accent-rgb), .05));width:100%;height:100%}.live-preview-profile-info{text-align:center;gap:.2rem;display:grid}.live-preview-profile-name{color:var(--profile-text);margin:0;font-size:1rem;font-weight:950;line-height:1.2}.live-preview-profile-username{color:var(--profile-text);opacity:.7;margin:0;font-size:.78rem;font-weight:700}.live-preview-profile-bio{color:var(--profile-text);opacity:.8;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:0 .4rem;font-size:.82rem;line-height:1.3;display:-webkit-box;overflow:hidden}.live-preview-links-container{width:fit-content;max-width:min(100%,280px);-webkit-backdrop-filter:blur(var(--preview-glass-blur-soft,14px)) saturate(1.24);backdrop-filter:blur(var(--preview-glass-blur-soft,14px)) saturate(1.24);background:linear-gradient(#ffffff24,#ffffff0a),#07080c29;border:1px solid #ffffff1a;border-radius:22px;flex-wrap:nowrap;justify-content:center;gap:.48rem;margin-top:.5rem;margin-left:auto;margin-right:auto;padding:.45rem .56rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,0 14px 28px #00000024}.live-preview-link-item{border:1px solid var(--preview-link-color,var(--profile-accent));place-items:center;width:30px;height:30px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.live-preview-link-item{border:1px solid color-mix(in srgb, var(--preview-link-color,var(--profile-accent)) 34%, white 10%)}}.live-preview-link-item{transition:transform .22s var(--ease-fluid), border-color .22s var(--ease-fluid);background:linear-gradient(#ffffff2e,#ffffff0a),#ffffff0a;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 6px 14px #00000024}.live-preview-link-item:after{content:"";z-index:0;background:var(--preview-link-color,var(--profile-accent));border-radius:999px;height:48%;position:absolute;inset:auto 18% -28%}@supports (color:color-mix(in lab, red, red)){.live-preview-link-item:after{background:color-mix(in srgb, var(--preview-link-color,var(--profile-accent)) 20%, transparent)}}.live-preview-link-item:after{filter:blur(10px);opacity:.78}.live-preview-link-item>*{z-index:1;position:relative}.live-preview-link-dot{place-items:center;width:100%;height:100%;display:grid}.live-preview-link-dot-core{color:#fff;background:0 0;place-items:center;width:100%;height:100%;display:grid}.live-preview-link-dot-art{object-fit:contain;width:14px;height:14px;color:inherit;filter:drop-shadow(0 1px 4px #00000029);display:block}img.profile-social-icon-art,img.live-preview-link-dot-art{border-radius:5px}@media (max-width:640px){.live-preview-links-container{flex-wrap:wrap}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.live-preview-badges-container{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.35rem;padding:.4rem 0;display:flex}.live-preview-island{border:1px solid rgba(var(--accent-rgb), .24);background:radial-gradient(circle at 18% 0%, rgba(var(--accent-rgb), .2), transparent 52%), #050507e6;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.42rem;width:min(260px,100%);min-height:38px;margin:.65rem auto 0;padding:.32rem .62rem;display:grid;box-shadow:0 16px 34px #00000042}.live-preview-island-dot{background:var(--profile-accent);width:8px;height:8px;box-shadow:0 0 14px rgba(var(--accent-rgb), .7);border-radius:999px}.live-preview-island-title,.live-preview-island-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-preview-island-title{color:#ffffffe0;font-size:.72rem;font-weight:900}.live-preview-island-meta{color:#ffffff70;font-size:.66rem;font-weight:850}.live-preview-badge-item{min-height:30px;color:var(--profile-text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .55rem;transition:all .2s;display:inline-flex}.live-preview-badge-icon{flex:none}.live-preview-badge-label{font-size:.72rem;font-weight:800}.live-preview-info-footer{border:1px solid rgba(var(--accent-rgb), .2);background:rgba(var(--accent-rgb), .06);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;padding:.6rem .7rem;font-size:.75rem;display:grid}.live-preview-info-row{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.live-preview-label{color:#fff9;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.live-preview-value{color:var(--foreground);font-weight:850}.live-preview-color-dot{border:1px solid rgba(var(--accent-rgb), .4);width:16px;height:16px;box-shadow:0 0 6px rgba(var(--accent-rgb), .3);border-radius:5px}.live-preview-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.live-preview-header h3{color:var(--foreground);margin:0;font-size:.95rem;font-weight:950}.live-preview-card{border:1px solid rgba(var(--accent-rgb), .2);background:linear-gradient(135deg, rgba(var(--accent-rgb), .12), #ffffff0b), #030303e6;min-height:220px;color:var(--profile-text);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000052}.live-preview-card:before{opacity:.15;content:"";background-position:50%;background-size:cover;position:absolute;inset:0}.live-preview-content{z-index:2;text-align:center;gap:.8rem;width:100%;display:grid;position:relative}.live-preview-avatar{border:2px solid var(--profile-accent);background:rgba(var(--accent-rgb), .1);border-radius:50%;width:80px;height:80px;margin:0 auto;position:relative;overflow:hidden}.live-preview-info{gap:.3rem;display:grid}.live-preview-name{color:var(--profile-text);margin:0;font-size:1.1rem;font-weight:950}.live-preview-username{color:var(--profile-text);opacity:.75;margin:0;font-size:.8rem}.live-preview-bio{color:var(--profile-text);opacity:.85;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:140px;margin:0 auto;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.live-preview-badge-sample{justify-content:center;gap:.5rem;padding:.5rem 0;display:flex}.live-preview-badge{background:rgba(var(--accent-rgb), .35);border-radius:50%;width:24px;height:24px}.live-preview-links-sample{gap:.4rem;width:100%;padding:0 1rem;display:grid}.live-preview-link{background:rgba(var(--accent-rgb), .2);border-radius:6px;height:28px}.live-preview-info-box{border:1px solid rgba(var(--accent-rgb), .15);background:rgba(var(--accent-rgb), .05);border-radius:8px;grid-template-columns:1fr 1fr;gap:.6rem;padding:.65rem;display:grid}.live-preview-info-item{justify-content:space-between;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.live-preview-color-swatch{border:1px solid rgba(var(--accent-rgb), .3);border-radius:4px;width:20px;height:20px}@keyframes profile-fall{0%{opacity:0;transform:translateY(-8vh)rotate(0)}12%{opacity:.82}to{transform:translate3d(var(--fall-drift), 116vh, 0) rotate(220deg);opacity:0}}@keyframes profile-twinkle{0%{opacity:.45;transform:scale(.82)}to{opacity:1;transform:scale(1.14)}}.profile-toast{z-index:30;border:1px solid rgba(var(--accent-rgb), .22);background:linear-gradient(135deg, rgba(var(--accent-rgb), .14), #ffffff0a), var(--surface-glass);width:min(380px,100vw - 1.5rem);color:var(--foreground);-webkit-backdrop-filter:blur(28px)saturate(1.8);backdrop-filter:blur(28px)saturate(1.8);animation:ios-toast-life 8s var(--ease-fluid) forwards;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.9rem 1rem;text-decoration:none;display:grid;position:fixed;bottom:clamp(.75rem,3vw,1.35rem);right:clamp(.75rem,3vw,1.35rem);box-shadow:0 24px 64px #0000008c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14}.profile-toast:hover{border-color:rgba(var(--accent-rgb), .5);animation-play-state:paused}.profile-toast-icon{background:linear-gradient(180deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .1));width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff1f}.profile-toast-action{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .14);min-height:32px;color:var(--accent);border-radius:999px;padding:.36rem .72rem;font-size:.78rem;font-weight:950;text-decoration:none;transition:background .16s,border-color .16s}.profile-toast-action:hover{background:rgba(var(--accent-rgb), .24);border-color:rgba(var(--accent-rgb), .48)}.profile-session-card{animation:.42s both page-rise}.profile-session-card form{display:flex}.profile-signout-button{color:#ffd1cd;background:#ff5f571f;border:1px solid #ff5f5752;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;min-height:30px;padding:.34rem .55rem;font-size:.78rem;font-weight:950;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.profile-signout-button:hover{background:#ff5f572e;border-color:#ff5f5780;transform:translateY(-1px)}@keyframes ios-toast-life{0%{opacity:0;transform:translateY(28px)scale(.92)}8%{opacity:1;transform:translateY(-4px)scale(1.01)}12%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;pointer-events:none;transform:translateY(16px)scale(.96)}}.dashboard-shell{align-items:start;gap:1rem;min-height:calc(100vh - 1.5rem);padding-inline:clamp(1rem,2vw,1.5rem);display:grid;position:relative}.dashboard-dock{--dock-width:220px;--dock-peek:26px;--dock-gap:.45rem;z-index:45;width:var(--dock-peek);transition:width .22s;position:fixed;top:50%;left:.35rem;overflow:hidden;transform:translateY(-50%)}.dashboard-dock-open{width:calc(var(--dock-width) + var(--dock-peek) + var(--dock-gap))}.dashboard-sidebar-handle{z-index:2;width:var(--dock-peek);border:1px solid rgba(var(--accent-rgb), .28);background:linear-gradient(180deg, rgba(var(--accent-rgb), .28), #ffffff0d), #08080ce6;min-height:108px;color:var(--foreground);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .22s var(--ease-fluid), border-color .22s var(--ease-fluid), background .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid), opacity .22s var(--ease-fluid);border-radius:20px;justify-items:center;gap:.28rem;padding:.75rem .18rem;display:inline-grid;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 22px 48px #00000057}.dashboard-sidebar-handle span{writing-mode:vertical-rl;letter-spacing:.22em;text-transform:uppercase;font-size:.64rem;font-weight:900;transform:rotate(180deg)}.dashboard-sidebar-handle svg{transition:transform .18s}.dashboard-dock-open .dashboard-sidebar-handle,.dashboard-sidebar-handle:hover{border-color:rgba(var(--accent-rgb), .42);background:linear-gradient(180deg, rgba(var(--accent-rgb), .3), #ffffff0f), #08080cf2;box-shadow:0 24px 54px #0000006b}.dashboard-dock-open .dashboard-sidebar-handle svg{transform:rotate(180deg)}.dashboard-sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:min(var(--dock-width), calc(100vw - 1.25rem));max-height:calc(100vh - 2rem);transform:translateX(calc(-100% - var(--dock-gap)));transition:transform .32s var(--ease-snappy), opacity .22s var(--ease-fluid), box-shadow .26s var(--ease-fluid);opacity:0;pointer-events:none;background:linear-gradient(160deg,#ffffff1f,#ffffff06),#0a0a0ebd;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.55rem;padding:.75rem .75rem .75rem .95rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000052}.dashboard-dock-open .dashboard-sidebar{transform:translateX(calc(var(--dock-peek) + var(--dock-gap)));opacity:1;pointer-events:auto;box-shadow:0 30px 76px #0000006b}.dashboard-brand{color:var(--foreground);align-items:center;gap:.7rem;font-size:1.3rem;font-weight:950;text-decoration:none;display:none}.dashboard-brand-mark{border:1px solid rgba(var(--accent-rgb), .42);background:rgba(var(--accent-rgb), .12);width:40px;height:40px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.dashboard-nav{flex-direction:column;align-items:stretch;gap:.35rem;display:flex}.dashboard-nav-button{color:#ffffffb8;text-align:left;width:100%;min-width:0;min-height:44px;transition:transform .22s var(--ease-fluid), background .22s var(--ease-fluid), border-color .22s var(--ease-fluid), color .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid);background:0 0;border:1px solid #0000;border-radius:16px;justify-content:flex-start;align-items:center;gap:.65rem;padding:.62rem .72rem;font-weight:900;display:flex}.dashboard-nav-button>span{display:none}.dashboard-nav-button:hover,.dashboard-nav-button-active{border-color:rgba(var(--accent-rgb), .28);background:linear-gradient(180deg, rgba(var(--accent-rgb), .16), #ffffff08), #ffffff0a;color:var(--foreground);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .18), 0 12px 22px #0000001f;transform:translateY(-1px)scale(1.01)}.dashboard-sidebar-card,.dashboard-sidebar-footer{border-radius:var(--radius-md);background:#ffffff09;border:1px solid #ffffff14;width:100%;padding:.9rem}.dashboard-sidebar-card{gap:.4rem;display:grid}.dashboard-sidebar-action{border:1px solid rgba(var(--accent-rgb), .28);border-radius:var(--radius-sm);background:rgba(var(--accent-rgb), .11);width:100%;min-height:38px;color:var(--foreground);justify-content:center;align-items:center;gap:.5rem;margin-top:.7rem;font-weight:900;display:inline-flex}.dashboard-sidebar-footer{align-items:center;gap:.75rem;display:flex}.dashboard-session-actions,.dashboard-session-actions form{gap:.55rem;display:grid}.dashboard-logout-button{width:100%}.dashboard-user-avatar{border:1px solid rgba(var(--accent-rgb), .32);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .25), transparent 65%), #ffffff0f;width:44px;height:44px;color:var(--accent);flex:none;place-items:center;font-weight:950;display:grid;overflow:hidden}.dashboard-user-avatar-image{object-fit:cover;width:100%;height:100%}.dashboard-main{min-width:0;animation:page-rise .56s 60ms var(--ease-fluid) both;align-content:start;gap:1rem;display:grid}.dashboard-preview-region,.dashboard-preview-frame{display:grid}.dashboard-preview-region{z-index:2;position:relative}.dashboard-preview-frame{place-items:center;width:100%}.dashboard-preview-popover{z-index:80;width:min(420px,100vw - 2rem);position:absolute;top:calc(100% + .75rem);right:0}.dashboard-preview-popover .live-preview-wrapper{width:min(420px,100vw - 2rem);max-height:min(76vh,720px)}.dashboard-preview-popover .live-preview-close{display:none}.dashboard-preview-modal{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-in .24s var(--ease-fluid) both;pointer-events:auto;background:#0009;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.dashboard-preview-modal .live-preview-wrapper{width:min(520px,100vw - 2rem);max-height:calc(100vh - 2rem)}@keyframes fade-in{0%{opacity:0;background:0 0}to{opacity:1;background:#00000080}}.dashboard-topbar{z-index:12;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(160deg,#ffffff24,#ffffff08),#0a0a0ea3;border:1px solid #ffffff1a;border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff14,0 22px 54px #0000002e}.dashboard-panel-stack{gap:1rem;display:grid}.dashboard-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(160deg,#ffffff1c,#ffffff06),#0a0a0eb8;border:1px solid #ffffff1a;border-radius:26px;padding:1rem;box-shadow:inset 0 1px #ffffff14,0 24px 60px #0000002e}.panel-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.asset-grid,.settings-grid,.badge-grid,.preset-badge-grid,.effect-option-grid{gap:.9rem;display:grid}.settings-grid{align-items:start}.asset-tile{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(160deg,#ffffff1a,#ffffff06),#ffffff08;border:1px solid #ffffff1a;border-radius:22px;gap:.65rem;padding:.85rem;display:grid;box-shadow:inset 0 1px #ffffff0f,0 18px 38px #0000001f}.asset-preview{background:radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .12), transparent 60%), #00000052;border:1px solid #ffffff14;border-radius:12px;place-items:center;min-height:118px;transition:all .24s;display:grid;position:relative;overflow:hidden}.asset-preview:has(.asset-preview-spotify){background:radial-gradient(circle at 50% 0,#1db95426,#0000 60%),#00000059;border-color:#1db95440}.asset-preview-avatar{min-height:118px}.asset-preview-image{object-fit:cover}.asset-tile-actions{flex-wrap:wrap;gap:.55rem;display:flex}.asset-upload-button,.asset-clear-button{border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:36px;padding:.45rem .74rem;font-size:.82rem;font-weight:850;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.asset-upload-button{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .11);color:var(--foreground)}.asset-clear-button{color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff1f}.asset-upload-button:hover,.asset-clear-button:hover{transform:translateY(-1px)}.asset-input-hint{color:#ffffff85;font-size:.76rem;font-weight:700;line-height:1.45}.asset-upload-feedback{border-radius:12px;padding:.5rem .65rem;font-size:.76rem;font-weight:800}.asset-upload-feedback-neutral{color:#ffffffbd;background:#ffffff0f;border:1px solid #ffffff1f}.asset-upload-feedback-success{color:#d8fff5;background:#48e5c21c;border:1px solid #48e5c247}.asset-upload-feedback-error{color:#ffd1cd;background:#ff5f571c;border:1px solid #ff5f5747}.asset-preview-empty{color:#ffffff75;align-items:center;gap:.55rem;font-size:.9rem;font-weight:800;display:inline-flex}.asset-preview-spotify{background:0 0;border:0;border-radius:14px;width:100%;height:152px;transition:all .28s}.dynamic-island-editor-preview,.activity-artwork-field{background:linear-gradient(160deg,#ffffff1a,#ffffff06),#ffffff08;border:1px solid #ffffff1a;border-radius:22px;gap:.75rem;padding:.85rem;display:grid;box-shadow:inset 0 1px #ffffff0f,0 18px 38px #0000001f}.dynamic-island-settings-grid{gap:.68rem}.dynamic-island-settings-grid .toggle-field{border-radius:16px;min-height:52px;padding:.65rem .75rem}.dynamic-island-settings-grid .toggle-track{width:48px;height:27px}.dynamic-island-settings-grid .toggle-track:after{width:17px;height:17px;top:4px;left:4px}.dynamic-island-settings-grid .toggle-field input:checked+.toggle-track:after{transform:translate(21px)}.dynamic-island-editor-preview-header,.activity-artwork-header{color:#ffffffe0;justify-content:space-between;align-items:center;gap:.7rem;font-weight:900;display:flex}.dynamic-island-editor-preview-header span:last-child{color:var(--profile-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.dynamic-island-editor-preview-header span:last-child{color:color-mix(in srgb, var(--profile-accent,var(--accent)) 70%, white)}}.dynamic-island-editor-preview-header span:last-child{text-transform:uppercase;font-size:.75rem}.dynamic-island-editor-preview-stage{background:radial-gradient(circle at 20% 0%, var(--profile-accent,var(--accent)), transparent 52%), #00000061;border:1px solid #ffffff14;border-radius:18px;place-items:center;min-height:108px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dynamic-island-editor-preview-stage{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--profile-accent,var(--accent)) 24%, transparent), transparent 52%), #00000061}}.activity-artwork-field--compact{border-radius:16px;gap:.55rem;padding:.7rem}.activity-artwork-field--compact .activity-artwork-header{font-size:.9rem}.activity-artwork-body{gap:.85rem;display:grid}.activity-artwork-field--compact .activity-artwork-body{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:.7rem}.activity-artwork-preview{background:radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .12), transparent 60%), #00000052;border:1px solid #ffffff14;border-radius:16px;place-items:center;min-height:150px;display:grid;position:relative;overflow:hidden}.activity-artwork-field--compact .activity-artwork-preview{border-radius:14px;width:72px;height:72px;min-height:72px}.activity-artwork-image{object-fit:cover}.activity-artwork-copy{color:#ffffff85;gap:.65rem;font-size:.78rem;font-weight:750;display:grid}.activity-artwork-actions{flex-wrap:wrap;gap:.55rem;display:flex}.activity-artwork-field--compact .activity-artwork-actions{gap:.42rem}.activity-artwork-field--compact .asset-upload-button,.activity-artwork-field--compact .asset-clear-button{min-height:32px;padding:.38rem .6rem;font-size:.76rem}.asset-tile-header{color:#ffffffe0;justify-content:space-between;align-items:center;gap:.7rem;font-weight:900;display:flex}.connection-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;display:grid}.connection-card{background:linear-gradient(145deg,#ffffff0f,#ffffff05),#00000057;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;gap:.85rem;min-height:74px;padding:.8rem .9rem;display:flex}.connection-card-success{background:linear-gradient(145deg,#48e5c21f,#ffffff05),#00000057;border-color:#48e5c238}.connection-card-copy{gap:.22rem;min-width:0;display:grid}.connection-card-title{min-width:0;color:var(--foreground);align-items:center;gap:.55rem;font-size:1rem;font-weight:900;display:inline-flex}.connection-card-icon{width:30px;height:30px;color:var(--accent);background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;place-items:center;display:grid}.connection-card-status{color:#ffffff8a;font-size:.84rem;font-weight:800}.connection-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.connection-card-button{min-width:102px}.connection-card-link{color:#ffffffc7;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;min-height:36px;padding:.45rem .72rem;font-size:.8rem;font-weight:850;text-decoration:none;display:inline-flex}.connection-card-valorant{flex-direction:column;align-items:stretch;gap:.7rem}.connection-card-icon-valorant{color:#ff4655;background:#ff46551a;border-color:#ff465540}.connection-card-msg{margin-top:.1rem;font-size:.78rem;font-weight:700}.connection-card-msg-success{color:#48e5c2}.connection-card-msg-error{color:#ff7a90}.connection-card-msg-neutral{color:#ffffff80}.valorant-card-rank{color:#ff4655;align-items:center;gap:.35rem;font-weight:900;display:inline-flex}.valorant-link-form{flex-direction:column;gap:.55rem;display:flex}.valorant-link-inputs{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.valorant-link-input{min-width:80px;color:var(--foreground);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:.42rem .65rem;font-size:.85rem;font-weight:700}.valorant-link-input:focus{background:#ff46550f;border-color:#ff465580}.valorant-link-tag{max-width:80px}.valorant-link-sep{color:#ffffff73;flex-shrink:0;font-size:1rem;font-weight:900}.valorant-link-region{color:var(--foreground);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex-shrink:0;padding:.42rem .55rem;font-size:.82rem;font-weight:800}.valorant-link-region:focus{border-color:#ff465580}.valorant-link-hint{color:#ffffff61;font-size:.73rem;font-weight:600}.choice-grid{gap:.65rem;display:grid}.toggle-field{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:64px;transition:transform .22s var(--ease-fluid), border-color .22s var(--ease-fluid), background .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid);background:linear-gradient(160deg,#ffffff1f,#ffffff06),#ffffff0a;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem .9rem;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff0f,0 18px 36px #0000001f}.toggle-field:hover{border-color:rgba(var(--accent-rgb), .18);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 22px 42px #00000029}.toggle-field-copy{gap:.2rem;min-width:0;display:grid}.toggle-field-helper{color:#ffffff85;font-size:.76rem;font-weight:700;line-height:1.45}.toggle-field-disabled{opacity:.72}.toggle-field input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.toggle-track{width:54px;height:30px;transition:background .22s var(--ease-fluid), border-color .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid);background:#ffffff24;border:1px solid #ffffff1a;border-radius:999px;position:relative;box-shadow:inset 0 1px #ffffff14}.toggle-track:after{content:"";width:18px;height:18px;transition:transform .22s var(--ease-fluid), background .22s var(--ease-fluid), box-shadow .22s var(--ease-fluid);background:#ffffffd1;border-radius:999px;position:absolute;top:5px;left:5px;box-shadow:0 6px 14px #0000003d}.toggle-field input:checked+.toggle-track{border-color:rgba(var(--accent-rgb), .48);background:rgba(var(--accent-rgb), .24);box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 6px rgba(var(--accent-rgb), .08)}.toggle-field input:checked+.toggle-track:after{background:var(--accent);box-shadow:0 8px 18px rgba(var(--accent-rgb), .28);transform:translate(24px)}.toggle-field-disabled .toggle-track{background:#ffffff14;border-color:#ffffff14}.social-card-grid{gap:.85rem;display:grid}.empty-state{color:#ffffff94;background:#0000005c;border:1px solid #ffffff14;border-radius:8px;padding:1rem;font-weight:700}.badge-editor-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:auto minmax(130px,.7fr) minmax(180px,1fr) auto;align-items:center;gap:.65rem;padding:.7rem;display:grid}.preset-badge-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}.preset-badge-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05),#00000075;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:84px;padding:.78rem;transition:transform .14s,border-color .14s,background .14s;display:grid}.preset-badge-card:hover,.preset-badge-card-active{border-color:var(--badge-color,var(--accent));transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.preset-badge-card:hover,.preset-badge-card-active{border-color:color-mix(in srgb, var(--badge-color,var(--accent)) 38%, white 8%)}}.preset-badge-card:hover,.preset-badge-card-active{background:radial-gradient(circle at 0% 0%, var(--badge-color,var(--accent)), transparent 58%), #00000085}@supports (color:color-mix(in lab, red, red)){.preset-badge-card:hover,.preset-badge-card-active{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--badge-color,var(--accent)) 18%, transparent), transparent 58%), #00000085}}.preset-badge-icon{border:1px solid var(--badge-color);place-items:center;width:40px;height:40px;display:grid}@supports (color:color-mix(in lab, red, red)){.preset-badge-icon{border:1px solid color-mix(in srgb, var(--badge-color) 44%, white 8%)}}.preset-badge-icon{background:radial-gradient(circle at 50% 0%, var(--badge-color), transparent 68%), #ffffff0e;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.preset-badge-icon{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--badge-color) 28%, transparent), transparent 68%), #ffffff0e}}.preset-badge-icon{color:var(--badge-color)}.preset-badge-button{min-width:112px;min-height:38px;color:var(--foreground);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:.45rem .68rem;font-weight:900}.preset-badge-card-active .preset-badge-button{border-color:rgba(var(--accent-rgb), .4);background:rgba(var(--accent-rgb), .16);color:var(--accent)}.preset-badge-card-locked{opacity:.58}.preset-badge-card-locked .preset-badge-icon,.preset-badge-card-locked .preset-badge-button{color:#ffffff7a;background:#ffffff09;border-color:#ffffff1a}.custom-badge-builder{gap:1rem;display:grid}.custom-badge-preview,.custom-badge-card-preview{border:1px solid var(--badge-color,var(--accent));align-items:center;gap:.45rem;width:fit-content;min-height:38px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.custom-badge-preview,.custom-badge-card-preview{border:1px solid color-mix(in srgb, var(--badge-color,var(--accent)) 46%, white 8%)}}.custom-badge-preview,.custom-badge-card-preview{background:radial-gradient(circle at 50% 0%, var(--badge-color,var(--accent)), transparent 70%), #ffffff12;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.custom-badge-preview,.custom-badge-card-preview{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--badge-color,var(--accent)) 22%, transparent), transparent 70%), #ffffff12}}.custom-badge-preview,.custom-badge-card-preview{color:var(--badge-color,var(--accent));padding:.5rem .85rem}@supports (color:color-mix(in lab, red, red)){.custom-badge-preview,.custom-badge-card-preview{color:color-mix(in srgb, var(--badge-color,var(--accent)) 80%, white 20%)}}.custom-badge-preview,.custom-badge-card-preview{font-size:.82rem;font-weight:900}.badge-icon-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.65rem;display:grid}.badge-icon-option{color:#ffffffb8;text-align:center;min-height:88px;transition:transform .22s var(--ease-fluid), border-color .22s var(--ease-fluid), background .22s var(--ease-fluid);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;justify-items:center;gap:.45rem;padding:.8rem .55rem;display:grid}.badge-icon-option-active,.badge-icon-option:hover{border-color:rgba(var(--accent-rgb), .28);background:radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .16), transparent 60%), #ffffff12;color:var(--foreground);transform:translateY(-2px)}.badge-icon-option span{font-size:.76rem;font-weight:800}.custom-badge-builder-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.custom-badge-list{gap:.75rem;margin-top:1rem;display:grid}.custom-badge-card{background:linear-gradient(145deg,#ffffff0f,#ffffff05),#00000057;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.admin-toolbar{gap:.75rem;display:grid}.admin-message{border:1px solid rgba(var(--accent-rgb), .18);background:rgba(var(--accent-rgb), .08);color:#ffffffb8;border-radius:8px;padding:.75rem;font-weight:800}.admin-profile-grid{gap:.9rem;display:grid}.admin-profile-card{background:linear-gradient(#ffffff0e,#ffffff05),#00000094;border:1px solid #ffffff14;border-radius:8px;gap:.9rem;padding:.9rem;display:grid}.admin-profile-header{align-items:center;gap:.75rem;min-width:0;display:flex}.admin-badge-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;display:grid}.admin-badge-button{color:#ffffff9e;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-height:42px;padding:.5rem .6rem;font-weight:900;transition:transform .14s,border-color .14s,background .14s;display:grid}.admin-badge-button:hover,.admin-badge-button-active{border-color:var(--badge-color);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.admin-badge-button:hover,.admin-badge-button-active{border-color:color-mix(in srgb, var(--badge-color) 45%, white 8%)}}.admin-badge-button:hover,.admin-badge-button-active{background:radial-gradient(circle at 0% 0%, var(--badge-color), transparent 62%), #ffffff0f}@supports (color:color-mix(in lab, red, red)){.admin-badge-button:hover,.admin-badge-button-active{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--badge-color) 18%, transparent), transparent 62%), #ffffff0f}}.admin-badge-button:hover,.admin-badge-button-active{color:var(--foreground)}.admin-badge-button span:first-child{color:var(--badge-color);align-items:center;gap:.3rem;display:inline-flex}.effect-option-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.effect-option-card{min-height:150px;color:var(--foreground);text-align:left;background:linear-gradient(135deg,#ffffff0f,#ffffff05),#00000075;border:1px solid #ffffff14;border-radius:18px;gap:.8rem;padding:.85rem;transition:transform .14s,border-color .14s,background .14s;display:grid}.effect-option-card:hover,.effect-option-card-active{border-color:var(--effect-color);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.effect-option-card:hover,.effect-option-card-active{border-color:color-mix(in srgb, var(--effect-color) 50%, white 8%)}}.effect-option-card:hover,.effect-option-card-active{background:radial-gradient(circle at 0% 0%, var(--effect-color), transparent 62%), #0000008a}@supports (color:color-mix(in lab, red, red)){.effect-option-card:hover,.effect-option-card-active{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--effect-color) 18%, transparent), transparent 62%), #0000008a}}.effect-option-preview{background:radial-gradient(circle at 50% 0%, var(--effect-color), transparent 60%), #ffffff0b;border:1px solid #ffffff14;border-radius:16px;place-items:center;height:82px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.effect-option-preview{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--effect-color) 12%, transparent), transparent 60%), #ffffff0b}}.effect-option-preview{color:var(--effect-color)}.effect-option-particle{width:8px;height:8px;animation:1.9s linear infinite mini-fall;position:absolute;top:10px;left:20%}.effect-option-particle:nth-child(2){left:26%}.effect-option-particle:nth-child(3){animation-delay:-.7s;left:52%}.effect-option-particle:nth-child(4){animation-delay:-1.25s;left:74%}.effect-option-particle:nth-child(5){animation-delay:-.95s;left:60%}.effect-option-preview[data-effect=none] .effect-option-particle{display:none}.effect-option-preview[data-effect=snow] .effect-option-particle{background:radial-gradient(circle at 35% 35%,#fffffffa,#ffffff6b 60%,#0000 74%);border-radius:999px;box-shadow:0 0 12px #ffffff47}.effect-option-preview[data-effect=rain] .effect-option-particle{background:linear-gradient(#ffffff14,#8ec5ffeb);border-radius:999px;width:2px;height:18px;box-shadow:0 0 10px #8ec5ff38}.effect-option-preview[data-effect=sparkles] .effect-option-particle,.effect-option-preview[data-effect=stars] .effect-option-particle{background:0 0}.effect-option-preview[data-effect=sparkles] .effect-option-particle:before,.effect-option-preview[data-effect=sparkles] .effect-option-particle:after,.effect-option-preview[data-effect=stars] .effect-option-particle:before,.effect-option-preview[data-effect=stars] .effect-option-particle:after{content:"";border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.effect-option-preview[data-effect=sparkles] .effect-option-particle:before,.effect-option-preview[data-effect=stars] .effect-option-particle:before{width:2px;height:100%}.effect-option-preview[data-effect=sparkles] .effect-option-particle:after,.effect-option-preview[data-effect=stars] .effect-option-particle:after{width:100%;height:2px}.effect-option-preview[data-effect=sparkles] .effect-option-particle:before,.effect-option-preview[data-effect=sparkles] .effect-option-particle:after{background:var(--effect-color)}@supports (color:color-mix(in lab, red, red)){.effect-option-preview[data-effect=sparkles] .effect-option-particle:before,.effect-option-preview[data-effect=sparkles] .effect-option-particle:after{background:color-mix(in srgb, var(--effect-color) 88%, white 12%)}}.effect-option-preview[data-effect=sparkles] .effect-option-particle:before,.effect-option-preview[data-effect=sparkles] .effect-option-particle:after{box-shadow:0 0 14px var(--effect-color)}@supports (color:color-mix(in lab, red, red)){.effect-option-preview[data-effect=sparkles] .effect-option-particle:before,.effect-option-preview[data-effect=sparkles] .effect-option-particle:after{box-shadow:0 0 14px color-mix(in srgb, var(--effect-color) 65%, transparent)}}.effect-option-preview[data-effect=embers] .effect-option-particle{background:linear-gradient(#fff0d6fa,#ffab54 34%,#ff5f5738);border-radius:999px 999px 70% 70%;width:6px;height:18px;box-shadow:0 0 14px #ff843457}.effect-option-preview[data-effect=embers] .effect-option-particle:after{content:"";filter:blur(4px);background:linear-gradient(#ff92478c,#0000);border-radius:999px;position:absolute;inset:auto 20% -60%}.effect-option-preview[data-effect=stars] .effect-option-particle:before,.effect-option-preview[data-effect=stars] .effect-option-particle:after{background:#ffd166;box-shadow:0 0 12px #ffd16652}.effect-option-preview[data-effect=aurora] .effect-option-particle{filter:blur(8px);opacity:.85;background:linear-gradient(90deg,#48e5c26b,#79d9ff80,#ff7a9047);border-radius:999px;width:54px;height:22px}.effect-option-preview[data-effect=blur] .effect-option-particle{filter:blur(4px);background:radial-gradient(circle at 30% 30%,#ffffff47,#b9c9ff38 55%,#0000 74%);border-radius:999px;width:26px;height:26px}.effect-option-preview[data-effect=retro] .effect-option-particle{background:linear-gradient(90deg,#0000,#ff7a90a6,#0000);width:100%;height:2px;left:0;box-shadow:0 0 16px #ff7a9033}@keyframes mini-fall{to{opacity:0;transform:translateY(62px)}}.editor-action-bar{z-index:40;border:1px solid rgba(var(--accent-rgb), .28);background:linear-gradient(135deg, rgba(var(--accent-rgb), .14), #ffffff0f), #030303f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(480px,100vw - 1.5rem);box-shadow:0 20px 60px #00000080, 0 0 1px rgba(var(--accent-rgb), .4);border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:1rem;padding:1rem 1.2rem;animation:.58s cubic-bezier(.34,1.56,.64,1) both editor-action-rise;display:flex;position:fixed;bottom:clamp(1rem,3vw,2rem);left:50%;transform:translate(-50%)}@keyframes editor-action-rise{0%{opacity:0;transform:translate(-50%)translateY(30px)scale(.9)}50%{transform:translate(-50%)translateY(-6px)scale(1.02)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.editor-action-bar:hover{border-color:rgba(var(--accent-rgb), .5);box-shadow:0 24px 72px #0009, 0 0 1px rgba(var(--accent-rgb), .6)}.editor-action-message{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .12);color:var(--foreground);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.65rem .85rem;font-size:.9rem;font-weight:900;display:inline-flex}.editor-action-message:before{background:var(--foreground);content:"";border-radius:50%;width:6px;height:6px;display:inline-flex}.editor-action-message-success{color:#d8fff5;background:#48e5c21f;border-color:#48e5c266}.editor-action-message-success:before{background:#48e5c2}.editor-action-message-error{color:#ffd1cd;background:#ff5f571f;border-color:#ff5f5766}.editor-action-message-error:before{background:#ff5f57}.editor-action-message-neutral{color:#fffc;background:#ffffff14;border-color:#ffffff26}.editor-action-message-neutral:before{background:#fffc}.theme-neon .profile-panel{border-color:#48e5c2}.theme-ember .profile-panel{border-color:#ff5f57}.theme-gold .profile-panel{border-color:#ffd166}.theme-frost .profile-panel{border-color:#8ec5ff}.theme-sunset .profile-panel{border-color:#ff7a90}.cursor-crosshair{cursor:crosshair}.cursor-spark{cursor:cell}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.cursor-zoom{cursor:zoom-in}.cursor-help{cursor:help}::selection{background:rgba(var(--accent-rgb), .32);color:#fff}.home-showcase,.home-trust,.asset-tile,.preset-badge-card,.effect-option-card,.admin-profile-card,.social-link-card{content-visibility:auto;contain-intrinsic-size:auto 260px}.home-bg-glow,.profile-effect-layer,.profile-effect-aurora-layer,.profile-effect-blur-layer,.profile-effect-retro-layer,.profile-stage-inner:before,.profile-stage-inner:after{contain:layout paint}.home-bg-glow{filter:blur(82px);opacity:.32;transform:translateZ(0)}.home-hero{justify-content:center;min-height:clamp(430px,58vh,620px);padding-top:clamp(4rem,10vh,6.5rem);padding-bottom:clamp(1.4rem,4vw,2.8rem)}.home-pill,.home-trust-item,.home-card,.login-card,.dashboard-topbar,.dashboard-panel,.dashboard-sidebar,.profile-panel,.live-preview-wrapper,.editor-action-bar{border-color:#ffffff1d}.home-card,.dashboard-topbar,.dashboard-panel,.dashboard-sidebar,.appearance-overview-card,.appearance-control-card,.appearance-custom-card,.asset-tile,.toggle-field,.live-preview-wrapper,.editor-action-bar{-webkit-backdrop-filter:blur(16px)saturate(1.25)}.profile-panel{-webkit-backdrop-filter:blur(min(var(--profile-glass-blur,28px), 30px)) saturate(1.42)}.profile-stage:after{-webkit-backdrop-filter:blur(min(var(--profile-glass-blur-soft,18px), 22px)) saturate(1.18)}.button-primary,.button-ghost,.button-danger,.button-surface,.dashboard-sidebar-action,.connection-card-link,.asset-upload-button,.asset-clear-button,.preset-badge-button,.social-sort-button,.social-remove-button,.profile-toast-action,.profile-signout-button{touch-action:manipulation;position:relative;overflow:hidden}.button-primary svg,.button-ghost svg,.button-danger svg,.button-surface svg,.dashboard-nav-button svg,.asset-upload-button svg,.connection-card-link svg,.profile-toast-action svg{flex:none}.button-primary:after,.button-ghost:after,.button-danger:after,.button-surface:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .18s var(--ease-fluid);background:linear-gradient(#ffffff38,#0000 48%);position:absolute;inset:1px}.button-primary:hover:after,.button-ghost:hover:after,.button-danger:hover:after,.button-surface:hover:after{opacity:.74}.button-primary>*,.button-ghost>*,.button-danger>*,.button-surface>*{z-index:1;position:relative}.button-surface{border-radius:var(--radius-lg);min-height:44px;color:var(--foreground);transition:transform .22s var(--ease-snappy), border-color .18s var(--ease-fluid), background .18s var(--ease-fluid), box-shadow .18s var(--ease-fluid);background:linear-gradient(#ffffff1f,#ffffff0b),#0a0a0ec7;border:1px solid #ffffff21;justify-content:center;align-items:center;gap:.5rem;padding:.58rem 1rem;font-weight:850;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 14px 28px #0000002e}.button-surface:hover{border-color:rgba(var(--accent-rgb), .3);transform:translateY(-2px)scale(1.01);box-shadow:0 18px 36px #00000042}.button-surface:active{transform:scale(.97)translateY(1px)}button:disabled,.button-primary:disabled,.button-ghost:disabled,.button-danger:disabled,.button-surface:disabled{cursor:not-allowed;opacity:.54;transform:none;box-shadow:inset 0 1px #ffffff0d}input::placeholder,textarea::placeholder{color:#ffffff57}.dashboard-topbar{top:max(.75rem, env(safe-area-inset-top));position:sticky}.dashboard-panel,.asset-tile,.connection-card,.social-link-card,.preset-badge-card,.effect-option-card,.custom-badge-card,.admin-profile-card,.toggle-field{box-shadow:inset 0 1px #ffffff13,0 18px 40px #00000029}.dashboard-panel{scroll-margin-top:6.5rem}.dashboard-sidebar{overscroll-behavior:contain}.dashboard-nav-button{min-height:46px}.dashboard-nav-button:active,.social-platform-logo-button:active,.font-preview-card:active,.compact-choice-card:active,.effect-option-card:active,.preset-badge-button:active,.social-sort-button:active,.social-remove-button:active{transition-duration:80ms;transform:scale(.97)}.social-platform-menu{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .42) #ffffff0f}.profile-effect-layer span,.profile-effect-aurora-layer span,.profile-effect-blur-layer span,.di,.profile-toast,.editor-action-bar{will-change:transform, opacity}.profile-stage-inner:before,.profile-stage-inner:after{opacity:.38}.profile-social-grid,.live-preview-links-container{max-width:min(100%,460px)}.editor-action-bar{bottom:max(clamp(1rem, 3vw, 2rem), env(safe-area-inset-bottom))}.live-preview-wrapper{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .45) #ffffff14}@media (hover:none){.button-primary:hover,.button-ghost:hover,.button-danger:hover,.button-surface:hover,.home-card:hover,.home-trust-item:hover,.dashboard-nav-button:hover,.asset-upload-button:hover,.asset-clear-button:hover,.social-platform-logo-button:hover,.social-link-card:hover,.preset-badge-card:hover,.effect-option-card:hover,.toggle-field:hover{transform:none}}@media (prefers-reduced-data:reduce){.home-bg-glow,.profile-stage-inner:before,.profile-stage-inner:after,.profile-effect-layer,.profile-effect-aurora-layer,.profile-effect-blur-layer,.profile-effect-retro-layer{display:none}body,.profile-stage:after{background-image:linear-gradient(#050506,#08090d)}.profile-stage:before{filter:none}}@media (min-width:640px){.login-card h1{font-size:4.2rem}.login-card,.profile-stage{padding:2rem}.profile-panel{padding:1.6rem}.profile-name{font-size:3.4rem}.social-link-fields{grid-template-columns:minmax(190px,.85fr) minmax(150px,.7fr) minmax(220px,1.25fr)}}@media (min-width:900px){.dashboard-shell{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid,.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-overview-card{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:center}.appearance-toggle-grid,.appearance-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1320px){.dashboard-shell{grid-template-columns:1fr;padding-top:4rem}.social-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.connection-card{flex-direction:column;align-items:flex-start}.connection-card-actions{justify-content:flex-start;width:100%}.home-showcase-inner{perspective:none;grid-template-columns:1fr}.home-card-main,.home-card-side{transform:none}.home-trust,.home-product-grid,.analytics-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-ranking,.analytics-grid{grid-template-columns:1fr}.home-ranking-copy{position:static}.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar-handle{min-height:92px;padding-block:.6rem}.dashboard-topbar{flex-direction:column;align-items:stretch}.dashboard-nav{flex-direction:column;gap:.3rem;display:flex}.dashboard-nav-button{justify-content:flex-start;align-items:center;gap:.55rem;min-width:0;min-height:42px;padding:.55rem .65rem;font-size:.88rem;display:flex}.settings-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid,.appearance-toggle-grid,.appearance-color-grid{grid-template-columns:1fr}.asset-tile{padding:.7rem}.asset-preview{min-height:110px}.asset-tile-header{gap:.5rem;font-size:.95rem}.asset-tile input{padding:.6rem .65rem;font-size:.9rem}}@media (max-width:720px){.connection-grid{grid-template-columns:1fr}.connection-card-button,.connection-card-link{width:100%}.login-card h1{font-size:2.55rem}.home-trust,.home-product-grid,.analytics-metric-grid{grid-template-columns:1fr}.home-ranking-item{grid-template-columns:34px 40px minmax(0,1fr)}.home-ranking-stat{grid-column:2/4;justify-items:start;padding-left:0}.home-ranking-like{grid-column:2/4}.di--open.di--playback,.di--open.di--pinned{border-radius:24px;width:min(340px,100vw - 2rem);height:86px}.di--open.di--status{border-radius:28px;width:min(340px,100vw - 2rem);height:112px}.di-cover{border-radius:10px;width:50px;height:50px}.di-spotify-glyph{width:36px;height:36px}.di-pinned-art,.di-status-art{width:50px;height:50px}.di--status .di-title,.di--status .di-meta{max-width:min(210px,100vw - 132px)}.di-widget-strip--under{padding-left:58px}.di-widget-chip{padding-inline:.48rem;font-size:.64rem}.activity-artwork-field--compact .activity-artwork-body{grid-template-columns:64px minmax(0,1fr)}.activity-artwork-field--compact .activity-artwork-preview{width:64px;height:64px;min-height:64px}.profile-toast{width:auto;left:.75rem;right:.75rem}.profile-toast-action{display:none}.badge-editor-card,.social-link-card{grid-template-columns:1fr}.social-link-drag{display:none}.dashboard-shell{gap:.75rem;min-height:auto}.dashboard-sidebar{gap:.65rem;padding:.75rem}.dashboard-brand{gap:.55rem;font-size:1rem}.dashboard-brand-mark{width:36px;height:36px}.dashboard-nav{gap:.3rem}.dashboard-nav-button{gap:.45rem;min-height:38px;padding:.5rem .6rem;font-size:.82rem}.asset-grid,.settings-grid{grid-template-columns:1fr;gap:.7rem}.choice-grid{grid-template-columns:1fr;gap:.5rem}.appearance-overview-card,.appearance-custom-card,.appearance-control-card{border-radius:22px;padding:.85rem}.appearance-preview-device{border-radius:26px;min-height:190px}.appearance-preview-card{border-radius:20px;padding:.85rem}.asset-tile{border-radius:6px;gap:.55rem;padding:.65rem}.asset-tile-header{gap:.4rem;font-size:.85rem}.asset-preview{border-radius:6px;min-height:100px}.asset-preview-empty{gap:.4rem;font-size:.8rem}.asset-preview-spotify{border-radius:var(--radius-xs,4px)}.asset-tile input,.asset-tile textarea{border-radius:6px;padding:.55rem .6rem;font-size:.85rem}.asset-tile input::placeholder,.asset-tile textarea::placeholder{font-size:.8rem}.toggle-field{gap:.6rem;min-height:42px;padding:.55rem .6rem;font-size:.85rem}.settings-group{gap:.5rem}.settings-group-header{font-size:.85rem}.panel-section{gap:.65rem}.panel-section-header{gap:.4rem;font-size:.9rem}.panel-section-header svg{width:18px;height:18px}.tabs-root{gap:.5rem}.tabs-button{min-height:36px;padding:.5rem .7rem;font-size:.8rem}.profile-spotify-frame{height:80px}.profile-spotify-frame-compact{height:72px}.preset-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.palette-preset-button{padding:.5rem;font-size:.75rem}.color-picker-swatch{width:32px;height:32px}.effect-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.effect-choice-button{min-height:60px;padding:.6rem;font-size:.8rem}.editor-action-bar{gap:.75rem;width:min(360px,100vw - 1.5rem);padding:.75rem .85rem}.editor-action-message{padding:.55rem .65rem;font-size:.85rem}.editor-action-bar button{font-size:.8rem}.editor-action-bar button svg{width:16px;height:16px}.dashboard-preview-modal{padding:1rem}.dashboard-preview-modal .live-preview-wrapper{width:min(420px,100vw - 1.5rem);max-height:calc(100vh - 1.5rem)}}@media (max-width:480px){.dashboard-sidebar-handle{min-height:78px;padding-block:.5rem}.dashboard-sidebar-handle span{font-size:.58rem}.dashboard-dock{--dock-width:206px;--dock-peek:24px;left:.25rem}.dashboard-sidebar{gap:.6rem;padding:.6rem}.dashboard-topbar,.editor-action-bar{gap:.5rem}.editor-action-bar{width:min(340px,100vw - 1.5rem);padding:.65rem .75rem;bottom:1rem}.dashboard-preview-modal{padding:.75rem}.dashboard-preview-modal .live-preview-wrapper{width:min(100vw - 1.5rem,360px);max-height:calc(100vh - 1.5rem);padding:.75rem}.asset-grid,.settings-grid,.choice-grid{gap:.6rem}.asset-tile{gap:.5rem;padding:.6rem}.asset-tile-header{font-size:.8rem}.asset-preview{min-height:90px}.asset-tile input,.asset-tile textarea{padding:.5rem .55rem;font-size:.8rem}.toggle-field{min-height:38px;padding:.5rem;font-size:.8rem}.di--open.di--playback,.di--open.di--pinned{border-radius:20px;width:min(300px,100vw - 1.5rem);height:80px}.di--open.di--status{border-radius:26px;width:min(300px,100vw - 1.5rem);height:106px}.di--status .di-title,.di--status .di-meta{max-width:min(180px,100vw - 124px)}.di-widget-strip--under{padding-left:0}.tabs-button{min-height:32px;padding:.4rem .6rem;font-size:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-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}