@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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--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);--animate-button-flash:button-flash .3s ease-out}}@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;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{.btn{color:#fff;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#27272a,#3f3f46,#27272a);border:2px solid #f0f;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;width:100%;min-height:40px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s ease-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #ff00ff4d}.btn:hover:not(:disabled){background:linear-gradient(135deg,#3f3f46,#52525b,#3f3f46);border-color:#f3f;transform:translateY(-2px);box-shadow:0 6px 20px #ff00ff80}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #ff00ff4d}.btn-active{background:linear-gradient(135deg,#033,#044,#033);border-color:#0ff;box-shadow:0 4px 15px #0ff6}.btn-active:hover:not(:disabled){background:linear-gradient(135deg,#044,#055,#044);border-color:#3ff;box-shadow:0 6px 20px #0ff9}.btn-sm{border-radius:.375rem;min-height:32px;padding:.375rem .75rem;font-size:.75rem}.btn-lg{border-radius:.5rem;min-height:48px;padding:.875rem 1.5rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18181bb3;border:1px solid #6b21a8;border-radius:.5rem;padding:1rem;box-shadow:0 4px 12px #0006}.panel-title{color:#fff;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.grid-responsive{gap:.5rem;width:100%;display:grid}.grid-cols-1-resp{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2-resp{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3-resp{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4-resp{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.grid-cols-4-resp{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.grid-cols-4-resp,.grid-cols-3-resp{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.grid-cols-4-resp,.grid-cols-3-resp,.grid-cols-2-resp{grid-template-columns:repeat(1,minmax(0,1fr))}}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.m-4{margin:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-12{min-height:calc(var(--spacing)*12)}.w-full{width:100%}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-button-flash{animation:var(--animate-button-flash)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-4{gap:calc(var(--spacing)*4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[20px\]{border-radius:20px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.\!border-\[\#00ffff\]{border-color:#0ff!important}.border-\[\#00ffff\]{border-color:#0ff}.border-\[\#bf00ff\]{border-color:#bf00ff}.border-\[\#ff00ff\]{border-color:#f0f}.border-\[\#ff3366\]{border-color:#f36}.border-\[\#ffaa00\]{border-color:#fa0}.bg-\[rgba\(39\,39\,42\,0\.85\)\]{background-color:#27272ad9}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-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-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.\!shadow-\[0_4px_15px_rgba\(0\,255\,255\,0\.4\)\]{--tw-shadow:0 4px 15px var(--tw-shadow-color,#0ff6)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(0\,255\,255\,0\.3\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00ffff4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(191\,0\,255\,0\.3\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#bf00ff4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(255\,0\,255\,0\.3\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#ff00ff4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(255\,51\,102\,0\.3\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#ff33664d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(255\,170\,0\,0\.3\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#ffaa004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_25px_50px_-12px_rgba\(155\,89\,182\,0\.2\)\]{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#9b59b633);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:\!border-\[\#33ffff\]:hover{border-color:#3ff!important}.hover\:border-\[\#33ffff\]:hover{border-color:#3ff}.hover\:border-\[\#cc33ff\]:hover{border-color:#c3f}.hover\:border-\[\#ff33ff\]:hover{border-color:#f3f}.hover\:border-\[\#ff6699\]:hover{border-color:#f69}.hover\:border-\[\#ffcc33\]:hover{border-color:#fc3}.hover\:text-\[\#00ffff\]:hover{color:#0ff}.hover\:\!shadow-\[0_6px_20px_rgba\(0\,255\,255\,0\.6\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#0ff9)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.hover\:shadow-\[0_6px_20px_rgba\(0\,255\,255\,0\.5\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#00ffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(191\,0\,255\,0\.5\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#bf00ff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(255\,0\,255\,0\.5\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff00ff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(255\,51\,102\,0\.5\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ff336680);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(255\,170\,0\,0\.5\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#ffaa0080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.touch-target{min-width:44px;min-height:44px}.bg-obs-transparent{background:0 0!important}}@keyframes button-flash{0%{background:linear-gradient(135deg,#0ff,#0cc,#099);transform:scale(1.02);box-shadow:0 0 20px #0ff9}to{transform:scale(1)}}.unified-button{color:#fff;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#27272a,#3f3f46,#27272a);border:2px solid #f0f;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;width:100%;min-height:40px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s ease-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #ff00ff4d}.unified-button:hover:not(:disabled){background:linear-gradient(135deg,#3f3f46,#52525b,#3f3f46);border-color:#f3f;transform:translateY(-2px);box-shadow:0 6px 20px #ff00ff80}.unified-button.active{background:linear-gradient(135deg,#033,#044,#033);border-color:#0ff;box-shadow:0 4px 15px #0ff6}.unified-button.active:hover:not(:disabled){background:linear-gradient(135deg,#044,#055,#044);border-color:#3ff;box-shadow:0 6px 20px #0ff9}.responsive-grid{gap:.5rem;width:100%;display:grid}.responsive-grid.columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.responsive-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.responsive-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.responsive-grid.columns-4{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:768px){.responsive-grid.columns-4,.responsive-grid.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){.responsive-grid.columns-4,.responsive-grid.columns-3,.responsive-grid.columns-2{grid-template-columns:repeat(1,minmax(0,1fr))!important}}.unified-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18181bb3;border:1px solid #6b21a8;border-radius:.5rem;padding:1rem;box-shadow:0 4px 12px #0006}.unified-select,select{color:#fff;cursor:pointer;background:#18181bcc;border:1px solid #bf00ff;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.unified-select:hover:not(:disabled),select:hover:not(:disabled){border-color:#f0f;box-shadow:0 0 8px #ff00ff4d}.unified-select:focus:not(:disabled),select:focus:not(:disabled){border-color:#f0f;box-shadow:0 0 12px #f0f6}.unified-select:disabled,select:disabled{opacity:.5;cursor:not-allowed}.unified-select option,select option{color:#fff;background:#27272a;padding:8px}.unified-select option:hover,select option:hover,.unified-select option:focus,select option:focus{background:#3f3f46!important}.unified-select option:checked,select option:checked{color:#0ff!important;background:#52525b linear-gradient(#52525b,#52525b)!important}.unified-select optgroup,select optgroup{color:#bf00ff;background:#18181b;font-weight:700}textarea,input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=url],input[type=tel]{border-radius:6px;padding:8px 12px;font-family:inherit;transition:border-color .2s,box-shadow .2s;color:#fff!important;background:#18181bcc!important;border:1px solid #bf00ff!important}textarea:hover:not(:disabled),input[type=text]:hover:not(:disabled),input[type=number]:hover:not(:disabled){border-color:#f0f!important;box-shadow:0 0 8px #ff00ff4d!important}textarea:focus:not(:disabled),input[type=text]:focus:not(:disabled),input[type=number]:focus:not(:disabled){border-color:#f0f!important;outline:none!important;box-shadow:0 0 12px #f0f6!important}input[type=checkbox]{appearance:none;cursor:pointer;background:#27272a;border:2px solid #bf00ff;border-radius:3px;width:16px;height:16px;transition:all .2s;position:relative}input[type=checkbox]:hover:not(:disabled){border-color:#f0f;box-shadow:0 0 6px #ff00ff4d}input[type=checkbox]:checked{background:#f0f;border-color:#f0f}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=radio]{appearance:none;cursor:pointer;background:#27272a;border:2px solid #bf00ff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:relative}input[type=radio]:hover:not(:disabled){border-color:#f0f;box-shadow:0 0 6px #ff00ff4d}input[type=radio]:checked{border-color:#f0f}input[type=radio]:checked:after{content:"";background:#f0f;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:disabled{opacity:.5;cursor:not-allowed}:root{--tokchan-color-primary:#f0f;--tokchan-color-primary-light:#f6f;--tokchan-color-primary-dark:#c0c;--tokchan-color-primary-glow:#f0f9;--tokchan-color-primary-subtle:#ff00ff26;--tokchan-color-secondary:#0ff;--tokchan-color-secondary-light:#6ff;--tokchan-color-secondary-dark:#0cc;--tokchan-color-secondary-glow:#0ff9;--tokchan-color-secondary-subtle:#00ffff26;--tokchan-color-accent:gold;--tokchan-color-accent-light:#ffe44d;--tokchan-color-accent-dark:#ccac00;--tokchan-color-accent-glow:#ffd70099;--tokchan-color-tertiary:#ff6b9d;--tokchan-color-tertiary-light:#f9b;--tokchan-color-tertiary-dark:#e6527d;--tokchan-color-tertiary-glow:#ff6b9d80;--tokchan-color-success:#0f8;--tokchan-color-success-light:#6fa;--tokchan-color-success-dark:#00cc6a;--tokchan-color-success-glow:#00ff8880;--tokchan-color-warning:#ff9500;--tokchan-color-warning-light:#ffb347;--tokchan-color-warning-dark:#c70;--tokchan-color-warning-glow:#ff950080;--tokchan-color-error:#f36;--tokchan-color-error-light:#f69;--tokchan-color-error-dark:#cc2952;--tokchan-color-error-glow:#ff336680;--tokchan-color-info:#39f;--tokchan-color-info-light:#66b3ff;--tokchan-color-info-dark:#27c;--tokchan-color-info-glow:#3399ff80;--tokchan-surface-base:#0a0015;--tokchan-surface-elevated:#140025;--tokchan-surface-overlay:#1e0035;--tokchan-surface-highlight:#280045;--tokchan-panel-bg:#140028eb;--tokchan-panel-bg-light:#1e0037e0;--tokchan-panel-bg-glass:#0a0014bf;--tokchan-gradient-base:linear-gradient(135deg,#0a0015 0%,#1a0030 50%,#0d001a 100%);--tokchan-gradient-panel:linear-gradient(180deg,#2800464d 0%,#0a0014f2 100%);--tokchan-gradient-glow:linear-gradient(180deg,#ff00ff1a 0%,transparent 50%,#00ffff0d 100%);--tokchan-text-primary:#fff;--tokchan-text-secondary:#d4b8ff;--tokchan-text-muted:#9980b3;--tokchan-text-disabled:#665580;--tokchan-text-inverse:#0a0015;--tokchan-text-glow:#f0f;--tokchan-font-display:"Orbitron","Audiowide",sans-serif;--tokchan-font-body:"M PLUS 1p","Noto Sans JP",sans-serif;--tokchan-font-accent:"Quicksand","M PLUS Rounded 1c",sans-serif;--tokchan-font-mono:"JetBrains Mono","Fira Code",monospace;--tokchan-font-size-xs:.75rem;--tokchan-font-size-sm:.875rem;--tokchan-font-size-base:1rem;--tokchan-font-size-lg:1.125rem;--tokchan-font-size-xl:1.25rem;--tokchan-font-size-2xl:1.5rem;--tokchan-font-size-3xl:1.875rem;--tokchan-font-size-4xl:2.25rem;--tokchan-font-size-5xl:3rem;--tokchan-font-size-6xl:3.75rem;--tokchan-font-weight-light:300;--tokchan-font-weight-normal:400;--tokchan-font-weight-medium:500;--tokchan-font-weight-semibold:600;--tokchan-font-weight-bold:700;--tokchan-font-weight-black:900;--tokchan-line-height-tight:1.2;--tokchan-line-height-snug:1.35;--tokchan-line-height-normal:1.5;--tokchan-line-height-relaxed:1.65;--tokchan-tracking-tight:-.02em;--tokchan-tracking-normal:0;--tokchan-tracking-wide:.05em;--tokchan-tracking-wider:.1em;--tokchan-tracking-widest:.15em;--tokchan-space-0:0;--tokchan-space-1:.25rem;--tokchan-space-2:.5rem;--tokchan-space-3:.75rem;--tokchan-space-4:1rem;--tokchan-space-5:1.25rem;--tokchan-space-6:1.5rem;--tokchan-space-8:2rem;--tokchan-space-10:2.5rem;--tokchan-space-12:3rem;--tokchan-space-16:4rem;--tokchan-space-20:5rem;--tokchan-space-24:6rem;--tokchan-radius-none:0;--tokchan-radius-sm:.5rem;--tokchan-radius-base:.75rem;--tokchan-radius-md:1rem;--tokchan-radius-lg:1.25rem;--tokchan-radius-xl:1.5rem;--tokchan-radius-2xl:2rem;--tokchan-radius-bubble:2.5rem;--tokchan-radius-pill:9999px;--tokchan-border-thin:1px;--tokchan-border-base:2px;--tokchan-border-thick:3px;--tokchan-border-heavy:4px;--tokchan-shadow-sm:0 2px 8px #0000004d;--tokchan-shadow-base:0 4px 16px #0006;--tokchan-shadow-md:0 8px 24px #00000080;--tokchan-shadow-lg:0 12px 40px #0009;--tokchan-shadow-xl:0 20px 60px #000000b3;--tokchan-shadow-inner:inset 0 2px 8px #0006;--tokchan-shadow-inner-lg:inset 0 4px 20px #00000080;--tokchan-glow-primary:0 0 15px var(--tokchan-color-primary-glow),0 0 30px var(--tokchan-color-primary-glow);--tokchan-glow-secondary:0 0 15px var(--tokchan-color-secondary-glow),0 0 30px var(--tokchan-color-secondary-glow);--tokchan-glow-accent:0 0 15px var(--tokchan-color-accent-glow),0 0 30px var(--tokchan-color-accent-glow);--tokchan-glow-success:0 0 15px var(--tokchan-color-success-glow),0 0 30px var(--tokchan-color-success-glow);--tokchan-glow-error:0 0 15px var(--tokchan-color-error-glow),0 0 30px var(--tokchan-color-error-glow);--tokchan-glow-primary-intense:0 0 20px var(--tokchan-color-primary-glow),0 0 40px var(--tokchan-color-primary-glow),0 0 60px var(--tokchan-color-primary-glow);--tokchan-glow-secondary-intense:0 0 20px var(--tokchan-color-secondary-glow),0 0 40px var(--tokchan-color-secondary-glow),0 0 60px var(--tokchan-color-secondary-glow);--tokchan-panel-glow:0 0 30px #f0f3,0 0 60px #ff00ff1a;--tokchan-panel-glow-active:0 0 40px #00ffff4d,0 0 80px #00ffff26;--tokchan-z-background:-1;--tokchan-z-base:0;--tokchan-z-content:10;--tokchan-z-panel:100;--tokchan-z-dropdown:500;--tokchan-z-sticky:1000;--tokchan-z-overlay:1500;--tokchan-z-modal:2000;--tokchan-z-popover:2500;--tokchan-z-toast:3000;--tokchan-z-tooltip:3500;--tokchan-z-highest:9999;--tokchan-duration-instant:50ms;--tokchan-duration-fast:.15s;--tokchan-duration-base:.25s;--tokchan-duration-moderate:.35s;--tokchan-duration-slow:.5s;--tokchan-duration-slower:.7s;--tokchan-duration-slowest:1s;--tokchan-ease-linear:linear;--tokchan-ease-in:cubic-bezier(.4,0,1,1);--tokchan-ease-out:cubic-bezier(0,0,.2,1);--tokchan-ease-in-out:cubic-bezier(.4,0,.2,1);--tokchan-ease-bounce:cubic-bezier(.34,1.56,.64,1);--tokchan-ease-elastic:cubic-bezier(.68,-.55,.27,1.55);--tokchan-ease-snap:cubic-bezier(.19,1,.22,1);--tokchan-breakpoint-sm:640px;--tokchan-breakpoint-md:768px;--tokchan-breakpoint-lg:1024px;--tokchan-breakpoint-xl:1280px;--tokchan-breakpoint-2xl:1536px;--tokchan-obs-bg-transparent:transparent;--tokchan-obs-viewport-width:100vw;--tokchan-obs-viewport-height:100vh}@media(prefers-reduced-motion:reduce){:root{--tokchan-duration-instant:0s;--tokchan-duration-fast:0s;--tokchan-duration-base:50ms;--tokchan-duration-moderate:.1s;--tokchan-duration-slow:.15s;--tokchan-duration-slower:.2s;--tokchan-duration-slowest:.3s;--tokchan-ease-bounce:var(--tokchan-ease-out);--tokchan-ease-elastic:var(--tokchan-ease-out)}}@media(prefers-contrast:high){:root{--tokchan-border-thin:2px;--tokchan-border-base:3px;--tokchan-text-secondary:#fff;--tokchan-text-muted:#ccc}}:root{--tokchan-color-primary:#bf00ff;--tokchan-color-primary-light:#bb8fce;--tokchan-color-primary-dark:#5b21b6;--tokchan-color-primary-rgb:155,89,182;--tokchan-color-white:#fff;--tokchan-color-gray-50:#f9fafb;--tokchan-color-gray-100:#f3f4f6;--tokchan-color-gray-200:#e5e7eb;--tokchan-color-gray-300:#d1d5db;--tokchan-color-gray-400:#9ca3af;--tokchan-color-gray-500:#6b7280;--tokchan-color-gray-600:#4b5563;--tokchan-color-gray-700:#374151;--tokchan-color-gray-800:#1f2937;--tokchan-color-gray-900:#111827;--tokchan-color-black:#000;--tokchan-color-success:#0cc;--tokchan-color-success-light:#0ff;--tokchan-color-warning:#f59e0b;--tokchan-color-error:#ef4444;--tokchan-color-info:#3b82f6;--tokchan-text-primary:#fff;--tokchan-text-secondary:#d1d5db;--tokchan-text-muted:var(--tokchan-color-gray-400);--tokchan-text-inverse:var(--tokchan-color-white);--tokchan-bg-primary:var(--tokchan-color-white);--tokchan-bg-secondary:var(--tokchan-color-gray-50);--tokchan-bg-tertiary:var(--tokchan-color-gray-100);--tokchan-bg-panel:#18181bd9;--tokchan-bg-overlay:#18181bf2;--tokchan-spacing-xs:4px;--tokchan-spacing-sm:8px;--tokchan-spacing-md:12px;--tokchan-spacing-lg:20px;--tokchan-spacing-xl:30px;--tokchan-spacing-2xl:3rem;--tokchan-spacing-3xl:4rem;--tokchan-font-size-xs:.75rem;--tokchan-font-size-sm:.875rem;--tokchan-font-size-base:1rem;--tokchan-font-size-lg:1.125rem;--tokchan-font-size-xl:1.25rem;--tokchan-font-size-2xl:1.5rem;--tokchan-font-size-3xl:1.875rem;--tokchan-font-size-4xl:2.25rem;--tokchan-leading-none:1;--tokchan-leading-tight:1.25;--tokchan-leading-snug:1.375;--tokchan-leading-normal:1.5;--tokchan-leading-relaxed:1.625;--tokchan-leading-loose:2;--tokchan-radius-none:0;--tokchan-radius-sm:.125rem;--tokchan-radius-base:.25rem;--tokchan-radius-md:8px;--tokchan-radius-lg:12px;--tokchan-radius-xl:.75rem;--tokchan-radius-2xl:1rem;--tokchan-radius-full:9999px;--tokchan-radius-panel:20px;--tokchan-shadow-sm:0 1px 2px 0 #0000000d;--tokchan-shadow-base:0 25px 50px -12px #00000040;--tokchan-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--tokchan-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--tokchan-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--tokchan-shadow-panel:0 8px 32px #f0f3;--tokchan-z-background:1;--tokchan-z-content:10;--tokchan-z-overlay:100;--tokchan-z-panel:1000;--tokchan-z-modal:2000;--tokchan-z-tooltip:3000;--tokchan-z-popup:4000;--tokchan-z-highest:9999;--tokchan-duration-fast:.15s;--tokchan-duration-base:.2s;--tokchan-duration-slow:.3s;--tokchan-duration-slower:.5s;--tokchan-ease-in:cubic-bezier(.4,0,1,1);--tokchan-ease-out:cubic-bezier(0,0,.2,1);--tokchan-ease-in-out:cubic-bezier(.4,0,.2,1)}body[data-theme=purple],body{--tokchan-bg-panel:#18181bd9;--tokchan-color-primary:#f0f;--tokchan-panel-border:2px solid #f0f;--tokchan-panel-border-radius:20px;--tokchan-panel-background:#18181bd9}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:var(--tokchan-radius-base);background:#18181b80}::-webkit-scrollbar-thumb{border-radius:var(--tokchan-radius-base);background:#4c1d95}*{scrollbar-width:thin;scrollbar-color:#4c1d95 #18181b80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;background:linear-gradient(135deg,#0a0015,#1a0030,#0d001a)!important}body{color:#e0e0e0;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;line-height:1.5;overflow:hidden;background:linear-gradient(135deg,#0a0015,#1a0030,#0d001a)!important}#root{background:0 0!important}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p,ul,ol,dl{margin:0 0 1rem}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0}:focus{outline:2px solid var(--tokchan-color-primary,#f0f);outline-offset:2px}:focus:not(:focus-visible){outline:none}input:focus,textarea:focus,select:focus{border-color:#f0f!important;outline:none!important;box-shadow:0 0 0 2px #ff00ff4d,0 0 10px #f0f3!important}.sr-only,.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.obs-browser,body{box-sizing:border-box!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}@media screen{#character-container{width:100vw!important;height:100vh!important;position:relative!important}canvas:not(.three-background){object-fit:contain!important;width:auto!important;max-width:100vw!important;height:auto!important;max-height:100vh!important}canvas.three-background{pointer-events:none!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;position:fixed!important;top:0!important;left:0!important}body.obs-browser .control-panel,body.obs-hide-panels .control-panel{display:none!important}#threejs-container{width:100vw!important;height:100vh!important;position:absolute!important;top:0!important;left:0!important}}.fullscreen{z-index:9999!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.absolutely-positioned{position:absolute!important}.relatively-positioned{position:relative!important}.control-panel{z-index:var(--tokchan-z-panel,100)!important;border:2px solid var(--tokchan-color-primary,#f0f)!important;box-sizing:border-box!important;background:#0a0514d9!important;border-radius:20px!important;max-height:80vh!important;padding:1rem!important;position:fixed!important;overflow-y:auto!important}#left-control-panel{left:calc(50% - 830px)!important}#right-control-panel{left:calc(50% + 280px)!important}.centered-panel{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.grid-container{gap:8px!important;width:100%!important;display:grid!important}.grid-12-column{grid-template-columns:repeat(12,1fr)!important}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.z-background{z-index:1}.z-content{z-index:10}.z-overlay{z-index:100}.z-panel{z-index:1000}.z-modal{z-index:2000}.z-tooltip{z-index:3000}.z-popup{z-index:4000}.z-highest{z-index:9999}body{font-family:var(--tokchan-font-body);font-size:var(--tokchan-font-size-base);font-weight:var(--tokchan-font-weight-normal);line-height:var(--tokchan-line-height-normal);color:var(--tokchan-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,.heading-display{font-family:var(--tokchan-font-display);font-weight:var(--tokchan-font-weight-bold);line-height:var(--tokchan-line-height-tight);letter-spacing:var(--tokchan-tracking-wide);color:var(--tokchan-text-primary);margin-top:0;margin-bottom:var(--tokchan-space-4);text-transform:uppercase}h1{font-size:var(--tokchan-font-size-5xl);font-weight:var(--tokchan-font-weight-black);letter-spacing:var(--tokchan-tracking-wider)}h2{font-size:var(--tokchan-font-size-4xl)}h3{font-size:var(--tokchan-font-size-3xl)}h4{font-size:var(--tokchan-font-size-2xl)}h5{font-size:var(--tokchan-font-size-xl)}h6{font-size:var(--tokchan-font-size-lg)}.text-glow-primary{color:var(--tokchan-color-primary);text-shadow:0 0 5px var(--tokchan-color-primary),0 0 10px var(--tokchan-color-primary),0 0 20px var(--tokchan-color-primary-glow),0 0 40px var(--tokchan-color-primary-glow)}.text-glow-secondary{color:var(--tokchan-color-secondary);text-shadow:0 0 5px var(--tokchan-color-secondary),0 0 10px var(--tokchan-color-secondary),0 0 20px var(--tokchan-color-secondary-glow),0 0 40px var(--tokchan-color-secondary-glow)}.text-glow-accent{color:var(--tokchan-color-accent);text-shadow:0 0 5px var(--tokchan-color-accent),0 0 10px var(--tokchan-color-accent),0 0 20px var(--tokchan-color-accent-glow),0 0 30px var(--tokchan-color-accent-glow)}.text-glow-tertiary{color:var(--tokchan-color-tertiary);text-shadow:0 0 5px var(--tokchan-color-tertiary),0 0 10px var(--tokchan-color-tertiary),0 0 20px var(--tokchan-color-tertiary-glow)}.text-glow-subtle{text-shadow:0 0 3px #ffffff4d,0 0 6px var(--tokchan-color-primary-subtle)}.text-glow-flicker{animation:3s ease-in-out infinite text-flicker}@keyframes text-flicker{0%,to{opacity:1}33%{opacity:.95}34%{opacity:.85}35%{opacity:1}66%{opacity:.92}67%{opacity:.88}68%{opacity:1}}.font-accent,.text-accent{font-family:var(--tokchan-font-accent);font-weight:var(--tokchan-font-weight-medium)}.label,.tag,.badge{font-family:var(--tokchan-font-accent);font-size:var(--tokchan-font-size-xs);font-weight:var(--tokchan-font-weight-semibold);letter-spacing:var(--tokchan-tracking-wider);text-transform:uppercase}code,kbd,pre,samp,.font-mono{font-family:var(--tokchan-font-mono);font-size:.9em}.number-display,.stat-value,.timer-display{font-family:var(--tokchan-font-mono);font-weight:var(--tokchan-font-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tokchan-tracking-wide)}.number-display-lg{font-family:var(--tokchan-font-mono);font-size:var(--tokchan-font-size-4xl);font-weight:var(--tokchan-font-weight-black);color:var(--tokchan-color-secondary);text-shadow:0 0 10px var(--tokchan-color-secondary),0 0 20px var(--tokchan-color-secondary-glow)}p{margin-top:0;margin-bottom:var(--tokchan-space-4);color:var(--tokchan-text-secondary)}.text-disabled{color:var(--tokchan-text-disabled)}.text-5xl{font-size:var(--tokchan-font-size-5xl)}a{color:var(--tokchan-color-secondary);transition:color var(--tokchan-duration-fast)var(--tokchan-ease-out),text-shadow var(--tokchan-duration-fast)var(--tokchan-ease-out);text-decoration:none}a:hover{color:var(--tokchan-color-secondary-light);text-shadow:0 0 5px var(--tokchan-color-secondary),0 0 10px var(--tokchan-color-secondary-glow)}a:active{color:var(--tokchan-color-primary)}.panel-title{font-family:var(--tokchan-font-display);font-size:var(--tokchan-font-size-lg);font-weight:var(--tokchan-font-weight-bold);letter-spacing:var(--tokchan-tracking-wider);text-transform:uppercase;color:var(--tokchan-color-secondary);text-shadow:0 0 5px var(--tokchan-color-secondary),0 0 10px var(--tokchan-color-secondary-glow);margin-bottom:var(--tokchan-space-3)}.section-header{font-family:var(--tokchan-font-display);font-size:var(--tokchan-font-size-sm);font-weight:var(--tokchan-font-weight-semibold);letter-spacing:var(--tokchan-tracking-widest);text-transform:uppercase;color:var(--tokchan-text-muted);padding-bottom:var(--tokchan-space-2);border-bottom:1px solid var(--tokchan-color-primary-subtle);margin-bottom:var(--tokchan-space-4)}.status-text{font-family:var(--tokchan-font-accent);font-size:var(--tokchan-font-size-sm);font-weight:var(--tokchan-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tokchan-tracking-wide)}.status-text--success{color:var(--tokchan-color-success);text-shadow:0 0 8px var(--tokchan-color-success-glow)}.status-text--warning{color:var(--tokchan-color-warning);text-shadow:0 0 8px var(--tokchan-color-warning-glow)}.status-text--error{color:var(--tokchan-color-error);text-shadow:0 0 8px var(--tokchan-color-error-glow)}.status-text--info{color:var(--tokchan-color-info);text-shadow:0 0 8px var(--tokchan-color-info-glow)}.text-gradient-primary{background:linear-gradient(135deg,var(--tokchan-color-primary)0%,var(--tokchan-color-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:linear-gradient(135deg,var(--tokchan-color-accent)0%,var(--tokchan-color-tertiary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::selection{background:var(--tokchan-color-primary-subtle);color:var(--tokchan-text-primary)}.tokchan-animated{animation-duration:var(--tokchan-duration-base);animation-timing-function:var(--tokchan-ease-out);animation-fill-mode:both}.tokchan-animation-loop{animation-iteration-count:infinite}.tokchan-animation-once{animation-iteration-count:1}@keyframes tokchan-happy{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.15)rotate(5deg)}50%{transform:scale(1.1)rotate(-3deg)}75%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes tokchan-curious{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.08)rotate(3deg)}50%{transform:scale(1.1)rotate(-3deg)}75%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes tokchan-grateful{0%{transform:scale(1)}20%{transform:scale(1.05)}40%{transform:scale(1.1)}60%{transform:scale(1.05)}80%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes tokchan-sad{0%{transform:scale(1)translateY(0)}25%{transform:scale(.95)translateY(2px)}50%{transform:scale(.9)translateY(4px)}75%{transform:scale(.95)translateY(2px)}to{transform:scale(1)translateY(0)}}@keyframes tokchan-surprised{0%{transform:scale(1)}10%{transform:scale(1.25)}30%{transform:scale(1.15)}50%{transform:scale(1.2)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes tokchan-confused{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.05)rotate(5deg)}40%{transform:scale(1.03)rotate(-5deg)}60%{transform:scale(1.05)rotate(5deg)}80%{transform:scale(1.03)rotate(-5deg)}to{transform:scale(1)rotate(0)}}@keyframes tokchan-shy{0%{transform:scale(1)rotate(0)}25%{transform:scale(.95)rotate(-2deg)}50%{transform:scale(.9)rotate(-4deg)}75%{transform:scale(.95)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes tokchan-sleepy{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}@keyframes tokchan-anxious{0%{transform:scale(1)translate(0)}10%{transform:scale(1.02)translate(-2px)}20%{transform:scale(1.01)translate(2px)}30%{transform:scale(1.02)translate(-2px)}40%{transform:scale(1.01)translate(2px)}50%{transform:scale(1.02)translate(-2px)}60%{transform:scale(1.01)translate(2px)}70%{transform:scale(1.02)translate(-2px)}80%{transform:scale(1.01)translate(2px)}90%{transform:scale(1.02)translate(-2px)}to{transform:scale(1)translate(0)}}@keyframes tokchan-loving{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.15)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes tokchan-angry{0%{transform:scale(1)rotate(0)}10%{transform:scale(1.1)rotate(2deg)}20%{transform:scale(1.05)rotate(-2deg)}30%{transform:scale(1.1)rotate(2deg)}40%{transform:scale(1.05)rotate(-2deg)}50%{transform:scale(1.1)rotate(2deg)}60%{transform:scale(1.05)rotate(-2deg)}70%{transform:scale(1.1)rotate(2deg)}80%{transform:scale(1.05)rotate(-2deg)}90%{transform:scale(1.1)rotate(2deg)}to{transform:scale(1)rotate(0)}}.tokchan-animate-happy{animation:tokchan-happy .8s var(--tokchan-ease-in-out)}.tokchan-animate-curious{animation:tokchan-curious 1.2s var(--tokchan-ease-in-out)}.tokchan-animate-grateful{animation:tokchan-grateful 1s var(--tokchan-ease-in-out)}.tokchan-animate-sad{animation:tokchan-sad 1.5s var(--tokchan-ease-in-out)}.tokchan-animate-surprised{animation:tokchan-surprised .6s var(--tokchan-ease-out)}.tokchan-animate-confused{animation:tokchan-confused 1.4s var(--tokchan-ease-in-out)}.tokchan-animate-shy{animation:tokchan-shy 1s var(--tokchan-ease-in-out)}.tokchan-animate-sleepy{animation:tokchan-sleepy 2s var(--tokchan-ease-in-out)}.tokchan-animate-anxious{animation:tokchan-anxious .8s var(--tokchan-ease-in-out)}.tokchan-animate-loving{animation:tokchan-loving 1.2s var(--tokchan-ease-in-out)}.tokchan-animate-angry{animation:tokchan-angry .7s var(--tokchan-ease-out)}.tokchan-animate-intense{animation-duration:var(--tokchan-duration-slow)}.tokchan-animate-gentle{animation-duration:var(--tokchan-duration-slower)}.tokchan-animate-quick{animation-duration:var(--tokchan-duration-fast)}.tokchan-paused{animation-play-state:paused!important}.tokchan-running{animation-play-state:running!important}.tokchan-hover-lift:hover{transition:transform var(--tokchan-duration-base)var(--tokchan-ease-out)!important;transform:translateY(-2px)!important}.tokchan-hover-scale:hover{transition:transform var(--tokchan-duration-base)var(--tokchan-ease-out)!important;transform:scale(1.05)!important}.like-gauge{align-items:center;gap:var(--tokchan-spacing-md);padding:var(--tokchan-spacing-lg);background:var(--tokchan-bg-panel);border:var(--tokchan-panel-border);border-radius:var(--tokchan-radius-panel);box-shadow:var(--tokchan-shadow-panel);flex-direction:column;min-width:200px;min-height:150px;display:flex;position:relative}.like-gauge-display{background:conic-gradient(var(--tokchan-color-primary)0deg,var(--tokchan-color-primary)var(--gauge-progress,0deg),#f0f3 var(--gauge-progress,0deg),#f0f3 360deg);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:background .3s ease-out;display:flex;position:relative}.like-gauge-display:before{content:"";background:var(--tokchan-bg-panel);z-index:1;border-radius:50%;width:90px;height:90px;position:absolute}.like-gauge-value{z-index:2;font-size:var(--tokchan-font-size-2xl);color:var(--tokchan-text-inverse);text-align:center;font-weight:700;position:relative}.like-gauge-label{z-index:2;font-size:var(--tokchan-font-size-sm);color:var(--tokchan-text-secondary);text-align:center;margin-top:var(--tokchan-spacing-xs);position:relative}@keyframes gauge-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.like-gauge.pulsing{animation:.3s ease-out gauge-pulse}@keyframes like-charge{0%{filter:brightness();transform:scale(1)rotate(0)}25%{filter:brightness(1.2);transform:scale(1.1)rotate(90deg)}50%{filter:brightness(1.4);transform:scale(1.2)rotate(180deg)}75%{filter:brightness(1.2);transform:scale(1.1)rotate(270deg)}to{filter:brightness();transform:scale(1)rotate(360deg)}}.like-charge-complete{animation:.8s ease-in-out like-charge}.effect-layer{pointer-events:none;width:100vw;height:100vh;z-index:var(--tokchan-z-overlay);position:fixed;top:0;left:0;overflow:hidden}.particle-effect{background:var(--tokchan-color-primary);pointer-events:none;border-radius:50%;width:4px;height:4px;animation:2s ease-out forwards particle-float;position:absolute}@keyframes particle-float{0%{opacity:1;transform:translateY(0)scale(0)}10%{opacity:1;transform:translateY(-10px)scale(1)}90%{opacity:.7;transform:translateY(-100px)scale(.8)}to{opacity:0;transform:translateY(-120px)scale(0)}}.particle-burst{animation:1.5s ease-out forwards particle-burst-animation}@keyframes particle-burst-animation{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(.8)}}.like-reaction{font-size:var(--tokchan-font-size-4xl);pointer-events:none;z-index:var(--tokchan-z-overlay);animation:2s ease-out forwards like-reaction-float;position:absolute}@keyframes like-reaction-float{0%{opacity:0;transform:translateY(0)scale(.5)rotate(0)}10%{opacity:1;transform:translateY(-20px)scale(1)rotate(10deg)}90%{opacity:.8;transform:translateY(-100px)scale(1.2)rotate(-10deg)}to{opacity:0;transform:translateY(-130px)scale(.8)rotate(0)}}.gauge-threshold-warning{animation:1s ease-in-out infinite gauge-warning-pulse}@keyframes gauge-warning-pulse{0%,to{box-shadow:0 0 #f59e0bb3}50%{box-shadow:0 0 0 10px #f59e0b00}}.gauge-threshold-critical{animation:.5s ease-in-out infinite gauge-critical-pulse}@keyframes gauge-critical-pulse{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 15px #ef444400}}.effect-intensity-low{--effect-opacity:.6;--effect-scale:.8;--effect-duration:1s}.effect-intensity-medium{--effect-opacity:.8;--effect-scale:1;--effect-duration:1.5s}.effect-intensity-high{--effect-opacity:1;--effect-scale:1.2;--effect-duration:2s}.effect-intensity-maximum{--effect-opacity:1;--effect-scale:1.5;--effect-duration:2.5s}.obs-optimized .like-gauge-display{will-change:transform;transform:translateZ(0)}.obs-optimized .particle-effect,.obs-optimized .like-reaction{will-change:transform,opacity;transform:translateZ(0)}.performance-mode .particle-effect{animation-duration:1s!important}.performance-mode .like-reaction{animation-duration:1.5s!important}.performance-mode .tokchan-animated{animation-duration:calc(var(--tokchan-duration-base)*.5)!important}.gift-overlay{pointer-events:none;z-index:999;opacity:0;border-radius:inherit;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0;overflow:hidden}.gift-overlay.visible{opacity:1}.gift-fade-mask{opacity:0;background:radial-gradient(circle,#ffffff1a,#ffffff0d 30%,#0000001a 70%,#0003);width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.gift-overlay.visible .gift-fade-mask{opacity:1}.gift-title{color:#fff;text-align:center;white-space:nowrap;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #ffffff4d;border-radius:25px;padding:12px 24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;font-weight:600;transition:all .4s;position:absolute;top:20px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 8px 32px #0000004d}.gift-title.visible{opacity:1;transform:translate(-50%)translateY(0)}.gift-title:before{content:"🎁";margin-right:8px;font-size:20px}#background-video,.character-only-panel video{transition:opacity .3s,transform .3s,filter .3s,border-radius .3s}#background-video.gift-fading-out,.character-only-panel video.gift-fading-out{opacity:0;transform:scale(.95)}#background-video.gift-fading-in,.character-only-panel video.gift-fading-in{opacity:0;transform:scale(1.05)}#background-video.gift-fading-in.gift-mode,.character-only-panel video.gift-fading-in.gift-mode{opacity:1;transform:scale(1)}#background-video.gift-mode,.character-only-panel video.gift-mode{opacity:1;filter:none;border-radius:20px;transform:scale(1)}#background-video.background-fading-in,.character-only-panel video.background-fading-in{opacity:0;transform:scale(.98)}#background-video.background-fading-in:not(.gift-mode),.character-only-panel video.background-fading-in:not(.gift-mode){opacity:1;filter:none;border-radius:20px;transform:scale(1)}#background-video,.gift-overlay,.gift-title{will-change:opacity,transform;backface-visibility:hidden;perspective:1000px}#background-video:not(.gift-fading-in):not(.gift-fading-out):not(.background-fading-in),.gift-overlay:not(.visible),.gift-title:not(.visible){will-change:auto}@media(max-width:768px){.gift-title{padding:10px 20px;font-size:16px;top:15px}.gift-title:before{margin-right:6px;font-size:18px}}@media(max-width:480px){.gift-title{padding:8px 16px;font-size:14px;top:10px}.gift-title:before{margin-right:4px;font-size:16px}#background-video.gift-mode{border-radius:15px;transform:scale(1.01)}}@media(prefers-reduced-motion:reduce){#background-video,.gift-overlay,.gift-title{transition:none}#background-video.gift-mode{transform:none}.gift-title.visible{transform:translate(-50%)}}@media(prefers-contrast:high){.gift-title{background:#000000f2;border:2px solid #fff}.gift-fade-mask{background:radial-gradient(circle,#fff3,#0000004d)}}.debug-gift-overlay{background:#ff00001a!important;border:2px dashed #ff000080!important}.debug-gift-title{background:#0f03!important;border:2px solid #0f0c!important}@keyframes giftPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes giftGlow{0%,to{filter:brightness(1.15)saturate(1.2)}50%{filter:brightness(1.25)saturate(1.4)}}.gift-special-effect{animation:2s ease-in-out infinite giftPulse}.gift-premium-effect{animation:1.5s ease-in-out infinite giftGlow}body.obs-browser,body.obs-browser-overlay{background:0 0!important;margin:0!important;padding:0!important;overflow:hidden!important}html.obs-browser{width:100vw!important;height:100vh!important;overflow:hidden!important}.obs-overlay{pointer-events:none!important;width:100vw!important;height:100vh!important;z-index:var(--tokchan-z-overlay)!important;position:fixed!important;top:0!important;left:0!important}.obs-character-container{pointer-events:none!important;width:100vw!important;height:100vh!important;z-index:var(--tokchan-z-background)!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.obs-canvas{object-fit:contain!important;width:auto!important;max-width:100vw!important;height:auto!important;max-height:100vh!important;image-rendering:optimizeSpeed!important;image-rendering:-moz-crisp-edges!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:-o-crisp-edges!important;image-rendering:crisp-edges!important;-ms-interpolation-mode:nearest-neighbor!important}#threejs-container.obs-optimized{will-change:transform!important;backface-visibility:hidden!important;width:100vw!important;height:100vh!important;position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;transform:translateZ(0)!important}body.obs-browser .control-panel,body.obs-browser .ui-panel,body.obs-browser .control-ui{display:none!important}body.obs-browser .control-panel.obs-visible,body.obs-browser .ui-panel.obs-visible{pointer-events:auto!important;display:block!important}.obs-floating-panel{border:2px solid var(--tokchan-color-primary)!important;border-radius:var(--tokchan-radius-panel)!important;-webkit-backdrop-filter:blur(10px)!important;pointer-events:auto!important;z-index:var(--tokchan-z-panel)!important;background:#282828e6!important;max-width:300px!important;max-height:200px!important;position:fixed!important;overflow:hidden!important}.obs-top-left{top:var(--tokchan-spacing-lg)!important;left:var(--tokchan-spacing-lg)!important}.obs-top-right{top:var(--tokchan-spacing-lg)!important;right:var(--tokchan-spacing-lg)!important}.obs-bottom-left{bottom:var(--tokchan-spacing-lg)!important;left:var(--tokchan-spacing-lg)!important}.obs-bottom-right{bottom:var(--tokchan-spacing-lg)!important;right:var(--tokchan-spacing-lg)!important}.obs-center{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.obs-accelerated{will-change:transform!important;backface-visibility:hidden!important;perspective:1000px!important;transform:translateZ(0)!important}.obs-static{will-change:auto!important;transform:none!important}.obs-render-optimized{backface-visibility:hidden!important;perspective:1000px!important;-webkit-transform-style:preserve-3d!important;transform-style:preserve-3d!important;transform:translateZ(0)!important}@keyframes obs-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes obs-slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes obs-slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes obs-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.obs-animate-fade-in{animation:.3s ease-out obs-fade-in}.obs-animate-slide-left{animation:.4s ease-out obs-slide-in-left}.obs-animate-slide-right{animation:.4s ease-out obs-slide-in-right}.obs-animate-scale-in{animation:.25s ease-out obs-scale-in}.obs-filter-safe{filter:none!important;opacity:1!important;visibility:visible!important}.obs-color-safe{color:#fff!important;background:#282828e6!important}.obs-blur-safe{-webkit-backdrop-filter:none!important}@media(max-width:1920px){.obs-responsive{font-size:.9rem!important}}@media(max-width:1366px){.obs-responsive{font-size:.8rem!important}}@media(max-width:1024px){.obs-responsive{font-size:.7rem!important}}.obs-compact .obs-floating-panel{max-width:200px!important;max-height:150px!important;padding:var(--tokchan-spacing-sm)!important}.obs-compact .tokchan-text{font-size:var(--tokchan-font-size-sm)!important}.obs-performance-mode{--tokchan-animation-duration:.15s!important;--tokchan-particle-count:10!important;--tokchan-effect-intensity:.5!important}.obs-performance-mode .particle-effect{display:none!important}.obs-performance-mode .tokchan-animated{animation-duration:var(--tokchan-animation-duration)!important}.obs-quality-mode{--tokchan-animation-duration:.3s!important;--tokchan-particle-count:50!important;--tokchan-effect-intensity:1!important}.obs-debug:before{content:"OBS MODE ACTIVE";background:var(--tokchan-color-primary);color:#fff;z-index:var(--tokchan-z-highest);pointer-events:none;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:11px;position:fixed;top:10px;left:10px}.obs-debug-borders{outline:1px solid red!important}.obs-debug-borders .obs-floating-panel{outline:2px solid #bf00ff!important}.obs-performance-monitor{color:#0f0!important;z-index:var(--tokchan-z-highest)!important;pointer-events:none!important;background:#000c!important;padding:8px!important;font-family:monospace!important;font-size:12px!important;display:none!important;position:fixed!important;top:10px!important;right:10px!important}.obs-performance-monitor.visible{display:block!important}.like-charge-effect-container,.like-charge-effect-container video{filter:contrast(1.3)brightness(1.2)saturate(1.1);mix-blend-mode:screen!important;background:0 0!important}video[src*=".webm"][src*=effect],video[src*=webm][src*=shape_lines],video[src*=webm][src*=smoke],video[src*=webm][src*=energy],video[src*=webm][src*=spark],video[src*=webm][src*=flame],video[src*=webm][src*=fire],video[src*=webm][src*=explosion],video[src*=webm][src*=electricity],video[src*=webm][src*=liquid],video[src*=webm][src*=debris],video[src*=webm][src*=flash],video[src*=webm][src*=transition],.transition-container video[src*=".webm"]{mix-blend-mode:normal!important;filter:none!important;opacity:1!important;background:0 0!important}video[src*=".mp4"][src*=effect],video[src*=mp4][src*=shape_lines],video[src*=mp4][src*=smoke],video[src*=mp4][src*=energy],video[src*=mp4][src*=spark],video[src*=mp4][src*=flame],video[src*=mp4][src*=fire],video[src*=mp4][src*=explosion],video[src*=mp4][src*=electricity],video[src*=mp4][src*=liquid],video[src*=mp4][src*=debris],video[src*=mp4][src*=flash],video[src*=mp4][src*=transition],.transition-container video[src*=".mp4"]{filter:contrast(1.3)brightness(1.2)saturate(1.1);mix-blend-mode:screen!important;background:0 0!important}.center-panel .effect-container,.character-only-panel .effect-container,.like-charge-effect-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important}.effect-video-container,.background-effect-container,.foreground-effect-container{mix-blend-mode:normal;background:0 0!important}video[src*=shape_lines]:not([src*=transition]){mix-blend-mode:screen;filter:contrast(1.1)brightness(1.05);opacity:.9}video[src*=smoke]:not([src*=transition]),video[src*=explosion]:not([src*=transition]){mix-blend-mode:screen;filter:contrast(1.4)brightness(1.3)saturate(.9);opacity:.85}video[src*=energy]:not([src*=transition]){mix-blend-mode:screen;filter:contrast(1.3)brightness(1.2)saturate(1.2)drop-shadow(0 0 15px #00c8ff66);opacity:.9}video[src*=spark]:not([src*=transition]),video[src*=electricity]:not([src*=transition]){mix-blend-mode:screen;filter:contrast(1.5)brightness(1.4)saturate(1.1)drop-shadow(0 0 8px #ffff004d);opacity:.95}video[src*=fire]:not([src*=transition]),video[src*=flame]:not([src*=transition]){mix-blend-mode:screen;filter:contrast(1.3)brightness(1.2)saturate(1.3)hue-rotate(10deg)drop-shadow(0 0 12px #ff640066);opacity:.9}@media(max-width:768px){video[src*=".webm"][src*=effect]:not([src*=transition]){filter:contrast(1.2)brightness(1.1);mix-blend-mode:screen}}@media(prefers-reduced-motion:no-preference){video[src*=".webm"][src*=effect]:not([src*=transition]){transition:filter .3s,opacity .3s,transform .3s}@media(hover:hover){.like-charge-effect-container:hover video[src*=".webm"]:not([src*=transition]){filter:contrast(1.4)brightness(1.3)saturate(1.2)drop-shadow(0 0 20px #ffffff80);transform:scale(1.02)}}}@media(prefers-color-scheme:dark){video[src*=".webm"][src*=effect]:not([src*=transition]){filter:contrast(1.3)brightness(1.25)saturate(1.1)}}.debug-transparency{background:repeating-conic-gradient(#ff0080 0% 25%,#0000 0% 50%) 50%/20px 20px}.debug-mode .effect-container{border:2px dashed #ff008080!important}.debug-mode .effect-container:before{content:"Effect Container";color:#fff;z-index:1000;background:#ff0080b3;padding:2px 6px;font-size:10px;position:absolute;top:0;left:0}video[src*=".webm"][src*=effect]:not([src*=transition]){will-change:filter,opacity,transform;transform:translateZ(0)}.effect-container{contain:layout style paint;isolation:isolate}@supports not (mix-blend-mode:screen){video[src*=".webm"][src*=effect]:not([src*=transition]){filter:contrast(1.5)brightness(1.4)saturate(1.2)invert(.1);opacity:.8}}@media(max-width:480px)and (max-height:800px){video[src*=".webm"][src*=effect]:not([src*=transition]){filter:contrast(1.1)brightness(1.05);mix-blend-mode:normal;opacity:.9}}.neon-border-primary{border:var(--tokchan-border-base)solid var(--tokchan-color-primary);box-shadow:0 0 5px var(--tokchan-color-primary),0 0 10px var(--tokchan-color-primary-glow),inset 0 0 5px var(--tokchan-color-primary-glow)}.neon-border-primary:hover{box-shadow:0 0 10px var(--tokchan-color-primary),0 0 20px var(--tokchan-color-primary-glow),0 0 30px var(--tokchan-color-primary-glow),inset 0 0 10px var(--tokchan-color-primary-glow)}.neon-border-secondary{border:var(--tokchan-border-base)solid var(--tokchan-color-secondary);box-shadow:0 0 5px var(--tokchan-color-secondary),0 0 10px var(--tokchan-color-secondary-glow),inset 0 0 5px var(--tokchan-color-secondary-glow)}.neon-border-secondary:hover{box-shadow:0 0 10px var(--tokchan-color-secondary),0 0 20px var(--tokchan-color-secondary-glow),0 0 30px var(--tokchan-color-secondary-glow),inset 0 0 10px var(--tokchan-color-secondary-glow)}.neon-border-accent{border:var(--tokchan-border-base)solid var(--tokchan-color-accent);box-shadow:0 0 5px var(--tokchan-color-accent),0 0 10px var(--tokchan-color-accent-glow),inset 0 0 5px var(--tokchan-color-accent-glow)}.neon-border-subtle{border:1px solid #ff00ff4d;box-shadow:0 0 10px #ff00ff1a,inset 0 0 15px #ff00ff0d}@keyframes neon-pulse-primary{0%,to{box-shadow:0 0 5px var(--tokchan-color-primary),0 0 10px var(--tokchan-color-primary-glow)}50%{box-shadow:0 0 15px var(--tokchan-color-primary),0 0 25px var(--tokchan-color-primary-glow),0 0 35px var(--tokchan-color-primary-glow)}}.neon-pulse-primary{animation:2s ease-in-out infinite neon-pulse-primary}@keyframes neon-pulse-secondary{0%,to{box-shadow:0 0 5px var(--tokchan-color-secondary),0 0 10px var(--tokchan-color-secondary-glow)}50%{box-shadow:0 0 15px var(--tokchan-color-secondary),0 0 25px var(--tokchan-color-secondary-glow),0 0 35px var(--tokchan-color-secondary-glow)}}.neon-pulse-secondary{animation:2s ease-in-out infinite neon-pulse-secondary}@keyframes neon-pulse-dual{0%,to{box-shadow:0 0 10px var(--tokchan-color-primary),0 0 20px var(--tokchan-color-primary-glow);border-color:var(--tokchan-color-primary)}50%{box-shadow:0 0 10px var(--tokchan-color-secondary),0 0 20px var(--tokchan-color-secondary-glow);border-color:var(--tokchan-color-secondary)}}.neon-pulse-dual{animation:3s ease-in-out infinite neon-pulse-dual}@keyframes text-glow-pulse{0%,to{text-shadow:0 0 5px,0 0 10px}50%{text-shadow:0 0 10px,0 0 20px,0 0 30px}}.text-glow-pulse{animation:2s ease-in-out infinite text-glow-pulse}.bg-neon-mesh{background:radial-gradient(ellipse at 20% 30%,#ff00ff26 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,#00ffff1f 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,#ff6b9d14 0%,transparent 60%),var(--tokchan-gradient-base);background-size:200% 200%,200% 200%,150% 150%,100% 100%;animation:20s ease-in-out infinite bg-mesh-shift}@keyframes bg-mesh-shift{0%,to{background-position:0 0,100% 100%,50%,0 0}25%{background-position:50% 25%,75%,25% 75%,0 0}50%{background-position:100%,50% 0,75% 25%,0 0}75%{background-position:50% 75%,25%,50%,0 0}}.bg-scanlines{position:relative}.bg-scanlines:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 4px);position:absolute;inset:0}.bg-noise{position:relative}.bg-noise:before{content:"";opacity:.03;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.bg-grid{background-image:linear-gradient(#ff00ff0d 1px,#0000 1px),linear-gradient(90deg,#ff00ff0d 1px,#0000 1px);background-size:40px 40px}.hover-glow-scale{transition:transform var(--tokchan-duration-fast)var(--tokchan-ease-bounce),box-shadow var(--tokchan-duration-fast)var(--tokchan-ease-out)}.hover-glow-scale:hover{box-shadow:var(--tokchan-glow-primary);transform:scale(1.02)}.hover-glow-scale:active{transform:scale(.98)}.hover-neon-underline{position:relative}.hover-neon-underline:after{content:"";background:var(--tokchan-color-secondary);width:0;height:2px;box-shadow:0 0 10px var(--tokchan-color-secondary);transition:all var(--tokchan-duration-fast)var(--tokchan-ease-out);position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hover-neon-underline:hover:after{width:100%}.hover-shimmer{position:relative;overflow:hidden}.hover-shimmer:before{content:"";width:100%;height:100%;transition:left var(--tokchan-duration-slow)var(--tokchan-ease-out);background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;top:0;left:-100%}.hover-shimmer:hover:before{left:100%}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}@keyframes float-up{0%{opacity:0;transform:translateY(20px)scale(.5)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(1.2)}}@keyframes glow-breathe{0%,to{opacity:.6;filter:blur(8px)}50%{opacity:1;filter:blur(12px)}}.status-indicator{border-radius:50%;width:10px;height:10px;position:relative}.status-indicator--online{background:var(--tokchan-color-success);box-shadow:0 0 10px var(--tokchan-color-success);animation:2s ease-in-out infinite status-pulse}.status-indicator--warning{background:var(--tokchan-color-warning);box-shadow:0 0 10px var(--tokchan-color-warning);animation:1.5s ease-in-out infinite status-pulse}.status-indicator--error{background:var(--tokchan-color-error);box-shadow:0 0 10px var(--tokchan-color-error);animation:1s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.neon-spinner{border:3px solid #0000;border-top-color:var(--tokchan-color-primary);border-right-color:var(--tokchan-color-secondary);width:40px;height:40px;box-shadow:0 0 10px var(--tokchan-color-primary),0 0 20px var(--tokchan-color-secondary-glow);border-radius:50%;animation:1s linear infinite neon-spin}@keyframes neon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-neon{background:var(--tokchan-surface-elevated);border-radius:var(--tokchan-radius-pill);height:6px;position:relative;overflow:hidden}.progress-neon__fill{background:linear-gradient(90deg,var(--tokchan-color-primary),var(--tokchan-color-secondary));border-radius:var(--tokchan-radius-pill);height:100%;box-shadow:0 0 10px var(--tokchan-color-primary);transition:width var(--tokchan-duration-moderate)var(--tokchan-ease-out)}.glass-neon{background:var(--tokchan-panel-bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid #f0f3;box-shadow:0 8px 32px #0006,inset 0 0 20px #ff00ff0d}.glass-neon:hover{border-color:#00ffff4d;box-shadow:0 8px 32px #0006,inset 0 0 30px #00ffff14,0 0 20px #00ffff1a}@media(prefers-reduced-motion:reduce){.neon-pulse-primary,.neon-pulse-secondary,.neon-pulse-dual,.text-glow-pulse,.bg-neon-mesh,.status-indicator--online,.status-indicator--warning,.status-indicator--error,.neon-spinner{animation:none}.hover-glow-scale{transition:none}.hover-shimmer:before{display:none}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}body{justify-content:center;align-items:center;display:flex;background:0 0!important}#tokchan-character{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.character-core{transform-origin:50%;z-index:10;width:85vh;max-width:85vw;height:85vh;max-height:85vw;position:relative}#tokchan-character .tokchan-canvas-container{z-index:0;width:100%;height:100%;top:0;left:0;position:absolute!important}.character-part{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.character-part img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}#like-charge-container{z-index:1000;position:fixed;bottom:20px;left:20px}.custom-progress-container{width:60px;height:300px;position:relative}.custom-gauge-fill{width:100%;height:0%;transition:height .3s;position:absolute;bottom:0;left:0}#custom-gauge-img,#gauge-image{width:42%;height:auto;display:block;position:absolute;bottom:0;left:0}#rainbow-gauge-bar{z-index:1;background:linear-gradient(#f30,#fa0,#ff0,#0f0,#08f,#60f,#f0f 85.68%,#f30);width:42%;display:none;position:absolute;bottom:0;left:0;height:90%!important}.custom-gauge-frame{pointer-events:none;z-index:2;width:53%;height:85%;position:absolute;bottom:0;left:0}.custom-gauge-icon{z-index:3;width:32px;height:32px;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#simple-gift-effect-container,#background-effect-container{pointer-events:none;z-index:500;width:100%;height:100%;position:fixed;top:0;left:0}body.character-only-mode{background:0 0!important}.character-only-mode #tokchan-character{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hidden{display:none!important}.visible{display:block!important}.dashboard-container{background:var(--tokchan-bg-secondary);grid-template:"header header""sidebar main"1fr"footer footer"/300px 1fr;min-height:100vh;display:grid}.dashboard-header{background:var(--tokchan-bg-primary);border-bottom:1px solid var(--tokchan-color-gray-200);padding:var(--tokchan-spacing-md)var(--tokchan-spacing-lg);z-index:var(--tokchan-z-header);grid-area:header;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dashboard-title{font-size:var(--tokchan-font-size-2xl);color:var(--tokchan-text-primary);margin:0;font-weight:700}.dashboard-actions{gap:var(--tokchan-spacing-md);align-items:center;display:flex}.dashboard-sidebar{background:var(--tokchan-bg-primary);border-right:1px solid var(--tokchan-color-gray-200);padding:var(--tokchan-spacing-lg);grid-area:sidebar;overflow-y:auto}.sidebar-nav{margin:0;padding:0;list-style:none}.sidebar-nav-item{margin-bottom:var(--tokchan-spacing-sm)}.sidebar-nav-link{align-items:center;gap:var(--tokchan-spacing-sm);padding:var(--tokchan-spacing-sm)var(--tokchan-spacing-md);color:var(--tokchan-text-secondary);border-radius:var(--tokchan-radius-lg);transition:all var(--tokchan-duration-base)var(--tokchan-ease-out);text-decoration:none;display:flex}.sidebar-nav-link:hover,.sidebar-nav-link.active{background:var(--tokchan-color-primary);color:var(--tokchan-text-inverse);transform:translate(4px)}.dashboard-main{padding:var(--tokchan-spacing-lg);grid-area:main;overflow-y:auto}.status-cards{gap:var(--tokchan-spacing-lg);margin-bottom:var(--tokchan-spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.status-card{background:var(--tokchan-bg-primary);border-radius:var(--tokchan-radius-xl);padding:var(--tokchan-spacing-lg);box-shadow:var(--tokchan-shadow-sm);border:1px solid var(--tokchan-color-gray-200);transition:all var(--tokchan-duration-base)var(--tokchan-ease-out)}.status-card:hover{box-shadow:var(--tokchan-shadow-md);transform:translateY(-2px)}.status-card-header{margin-bottom:var(--tokchan-spacing-md);justify-content:space-between;align-items:center;display:flex}.status-card-title{font-size:var(--tokchan-font-size-sm);color:var(--tokchan-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:600}.status-card-value{font-size:var(--tokchan-font-size-3xl);color:var(--tokchan-text-primary);margin:0;font-weight:700}.status-card-change{font-size:var(--tokchan-font-size-sm);align-items:center;gap:var(--tokchan-spacing-xs);font-weight:500;display:flex}.status-card-change.positive{color:var(--tokchan-color-success)}.status-card-change.negative{color:var(--tokchan-color-error)}.performance-metrics{gap:var(--tokchan-spacing-lg);margin-bottom:var(--tokchan-spacing-2xl);grid-template-columns:2fr 1fr;display:grid}.metrics-chart{background:var(--tokchan-bg-primary);border-radius:var(--tokchan-radius-xl);padding:var(--tokchan-spacing-lg);box-shadow:var(--tokchan-shadow-sm);border:1px solid var(--tokchan-color-gray-200)}.metrics-summary{gap:var(--tokchan-spacing-md);flex-direction:column;display:flex}.metric-item{background:var(--tokchan-bg-primary);border-radius:var(--tokchan-radius-lg);padding:var(--tokchan-spacing-md);box-shadow:var(--tokchan-shadow-sm);border:1px solid var(--tokchan-color-gray-200)}.metric-label{font-size:var(--tokchan-font-size-sm);color:var(--tokchan-text-secondary);margin-bottom:var(--tokchan-spacing-xs)}.metric-value{font-size:var(--tokchan-font-size-lg);color:var(--tokchan-text-primary);font-weight:600}.control-panels{gap:var(--tokchan-spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.control-panel{background:var(--tokchan-bg-primary);border-radius:var(--tokchan-radius-xl);box-shadow:var(--tokchan-shadow-sm);border:var(--tokchan-panel-border);overflow:hidden}.control-panel-header{padding:var(--tokchan-spacing-md)var(--tokchan-spacing-lg);background:var(--tokchan-bg-tertiary);border-bottom:1px solid var(--tokchan-color-gray-200)}.control-panel-title{font-size:var(--tokchan-font-size-lg);color:var(--tokchan-text-primary);margin:0;font-weight:600}.control-panel-content{padding:var(--tokchan-spacing-lg)}.dashboard-footer{background:var(--tokchan-bg-primary);border-top:1px solid var(--tokchan-color-gray-200);padding:var(--tokchan-spacing-md)var(--tokchan-spacing-lg);font-size:var(--tokchan-font-size-sm);color:var(--tokchan-text-muted);grid-area:footer;justify-content:space-between;align-items:center;display:flex}@media(max-width:1024px){.dashboard-container{grid-template:"header""main"1fr"footer"/1fr}.dashboard-sidebar{display:none}.dashboard-main{padding:var(--tokchan-spacing-md)}.performance-metrics{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header{padding:var(--tokchan-spacing-sm)var(--tokchan-spacing-md)}.dashboard-title{font-size:var(--tokchan-font-size-xl)}.status-cards,.control-panels{grid-template-columns:1fr}}body.obs-dashboard .dashboard-container{background:0 0}body.obs-dashboard .control-panel{background:var(--tokchan-bg-panel);-webkit-backdrop-filter:blur(10px)}body.obs-dashboard .status-card{border-color:var(--tokchan-color-primary);background:#282828e6}body.obs-dashboard .dashboard-footer{display:none}.dashboard-loading{opacity:.6;pointer-events:none}.dashboard-content{animation:.3s ease-out dashboard-content-fade-in}@keyframes dashboard-content-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-container{background:linear-gradient(135deg,var(--tokchan-color-primary)0%,var(--tokchan-color-primary-dark)100%);min-height:100vh;color:var(--tokchan-text-inverse);overflow-x:hidden}.landing-hero{text-align:center;min-height:100vh;padding:var(--tokchan-spacing-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.landing-hero:before{content:"";opacity:.3;pointer-events:none;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url('%23grid')"/></svg>');position:absolute;inset:0}.landing-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.landing-title{margin-bottom:var(--tokchan-spacing-lg);-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#fff,#e5e7eb);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.1}.landing-subtitle{margin-bottom:var(--tokchan-spacing-2xl);opacity:.9;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.6}.landing-actions{gap:var(--tokchan-spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.landing-features{padding:var(--tokchan-spacing-3xl)var(--tokchan-spacing-2xl);background:var(--tokchan-bg-primary)}.features-grid{gap:var(--tokchan-spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--tokchan-bg-primary);border-radius:var(--tokchan-radius-2xl);padding:var(--tokchan-spacing-xl);box-shadow:var(--tokchan-shadow-lg);border:1px solid var(--tokchan-color-gray-200);transition:all var(--tokchan-duration-base)var(--tokchan-ease-out);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,var(--tokchan-color-primary),var(--tokchan-color-primary-light));height:4px;position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:var(--tokchan-shadow-xl);border-color:var(--tokchan-color-primary);transform:translateY(-8px)}.feature-icon{background:var(--tokchan-color-primary);border-radius:var(--tokchan-radius-xl);width:64px;height:64px;margin-bottom:var(--tokchan-spacing-lg);font-size:var(--tokchan-font-size-2xl);color:var(--tokchan-text-inverse);justify-content:center;align-items:center;display:flex}.feature-title{font-size:var(--tokchan-font-size-xl);color:var(--tokchan-text-primary);margin-bottom:var(--tokchan-spacing-sm);font-weight:700}.feature-description{font-size:var(--tokchan-font-size-base);color:var(--tokchan-text-secondary);margin-bottom:var(--tokchan-spacing-md);line-height:1.6}.feature-list{margin:0;padding:0;list-style:none}.feature-list-item{align-items:center;gap:var(--tokchan-spacing-sm);font-size:var(--tokchan-font-size-sm);color:var(--tokchan-text-secondary);margin-bottom:var(--tokchan-spacing-xs);display:flex}.feature-list-item:before{content:"✓";color:var(--tokchan-color-success);flex-shrink:0;font-weight:700}.landing-demo{padding:var(--tokchan-spacing-3xl)var(--tokchan-spacing-2xl);background:var(--tokchan-bg-secondary);text-align:center}.demo-container{max-width:1000px;margin:0 auto}.demo-title{font-size:var(--tokchan-font-size-3xl);color:var(--tokchan-text-primary);margin-bottom:var(--tokchan-spacing-lg);font-weight:700}.demo-description{font-size:var(--tokchan-font-size-lg);color:var(--tokchan-text-secondary);margin-bottom:var(--tokchan-spacing-2xl);line-height:1.6}.demo-frame{background:var(--tokchan-bg-primary);border-radius:var(--tokchan-radius-2xl);box-shadow:var(--tokchan-shadow-xl);border:2px solid var(--tokchan-color-gray-200);overflow:hidden}.demo-iframe{border:none;width:100%;height:600px}.landing-cta{padding:var(--tokchan-spacing-3xl)var(--tokchan-spacing-2xl);background:linear-gradient(135deg,var(--tokchan-color-primary)0%,var(--tokchan-color-primary-dark)100%);text-align:center;color:var(--tokchan-text-inverse)}.cta-container{max-width:600px;margin:0 auto}.cta-title{font-size:var(--tokchan-font-size-3xl);margin-bottom:var(--tokchan-spacing-lg);font-weight:700}.cta-description{font-size:var(--tokchan-font-size-lg);margin-bottom:var(--tokchan-spacing-2xl);opacity:.9}.cta-actions{gap:var(--tokchan-spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.landing-footer{background:var(--tokchan-bg-primary);padding:var(--tokchan-spacing-2xl);border-top:1px solid var(--tokchan-color-gray-200)}.footer-container{gap:var(--tokchan-spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1200px;margin:0 auto;display:grid}.footer-section h4{font-size:var(--tokchan-font-size-lg);color:var(--tokchan-text-primary);margin-bottom:var(--tokchan-spacing-md);font-weight:600}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--tokchan-spacing-sm)}.footer-links a{color:var(--tokchan-text-secondary);transition:color var(--tokchan-duration-base)var(--tokchan-ease-out);text-decoration:none}.footer-links a:hover{color:var(--tokchan-color-primary)}.landing-button{align-items:center;gap:var(--tokchan-spacing-sm);padding:var(--tokchan-spacing-md)var(--tokchan-spacing-xl);font-size:var(--tokchan-font-size-base);border-radius:var(--tokchan-radius-xl);transition:all var(--tokchan-duration-base)var(--tokchan-ease-out);cursor:pointer;border:2px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.landing-button-primary{background:var(--tokchan-text-inverse);color:var(--tokchan-color-primary)}.landing-button-primary:hover{box-shadow:var(--tokchan-shadow-lg);background:#ffffffe6;transform:translateY(-2px)}.landing-button-secondary{color:var(--tokchan-text-inverse);border-color:var(--tokchan-text-inverse);background:0 0}.landing-button-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}@media(max-width:768px){.landing-hero{padding:var(--tokchan-spacing-lg)}.landing-features,.landing-demo,.landing-cta{padding:var(--tokchan-spacing-xl)var(--tokchan-spacing-lg)}.features-grid{gap:var(--tokchan-spacing-lg);grid-template-columns:1fr}.landing-actions,.cta-actions{flex-direction:column;align-items:center}.landing-button{justify-content:center;width:100%}.footer-container{gap:var(--tokchan-spacing-lg);grid-template-columns:1fr}}@media(max-width:480px){.landing-hero{padding:var(--tokchan-spacing-md)}.landing-features,.landing-demo,.landing-cta{padding:var(--tokchan-spacing-lg)var(--tokchan-spacing-md)}.demo-iframe{height:400px}}body.obs-landing .landing-container{background:#282828f2}body.obs-landing .feature-card{border-color:var(--tokchan-color-primary);background:#282828e6}body.obs-landing .landing-cta{background:#282828f2}.landing-loading{opacity:.6;pointer-events:none}.landing-skeleton{background:linear-gradient(90deg,var(--tokchan-color-gray-200)25%,var(--tokchan-color-gray-100)50%,var(--tokchan-color-gray-200)75%);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}#tokchan-character,#tokchan-character .character-core,.character-container,.character-part,#character-body,#character-eyes,#character-mouth,#character-core{z-index:9999!important}#like-charge-container,.custom-progress-container,#custom-progress-container,.custom-gauge-fill,#custom-gauge-fill,#custom-gauge-img,#rainbow-gauge-bar,.custom-gauge-frame{z-index:500!important}#heart-icon-overlay,.custom-gauge-icon{z-index:501!important}#bgm-info,#bgm-info-panel,.bgm-info-content,#current-track-title,#current-artist-name,#track-icon,.track-icon,#tokchan-logo,.tokchan-logo,.logo-container{z-index:500!important}.background-effect,.background-effect video,.like-charge-effect-container,.like-charge-effect-container video,video[src*=".webm"][src*=effect]:not([src*=transition]),video[src*=smoke]:not([src*=transition]),video[src*=energy]:not([src*=transition]),video[src*=flame]:not([src*=transition]),video[src*=spark]:not([src*=transition]),video[src*=explosion]:not([src*=transition]),.effect-container,.effect-video-container,.background-effect-container,.canvas-transparent,.character-only-panel .background-effect,#simple-gift-effect-container,#background-effect-container{z-index:1!important}#background-video,video[id=background-video]{z-index:-2!important}#three-background-container,#three-background,canvas#three-background,canvas.three-background{z-index:100!important;pointer-events:none!important}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column{flex-direction:column!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.items-stretch{align-items:stretch!important}.content-start{align-content:flex-start!important}.content-end{align-content:flex-end!important}.content-center{align-content:center!important}.content-between{align-content:space-between!important}.content-around{align-content:space-around!important}.content-evenly{align-content:space-evenly!important}.self-auto{align-self:auto!important}.self-start{align-self:flex-start!important}.self-end{align-self:flex-end!important}.self-center{align-self:center!important}.self-stretch{align-self:stretch!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-initial{flex:0 auto!important}.flex-none{flex:none!important}.flex-grow{flex-grow:1!important}.flex-grow-0{flex-grow:0!important}.flex-shrink{flex-shrink:1!important}.flex-shrink-0{flex-shrink:0!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.col-auto{grid-column:auto!important}.col-span-1{grid-column:span 1/span 1!important}.col-span-2{grid-column:span 2/span 2!important}.col-span-3{grid-column:span 3/span 3!important}.col-span-4{grid-column:span 4/span 4!important}.col-span-5{grid-column:span 5/span 5!important}.col-span-6{grid-column:span 6/span 6!important}.col-span-full{grid-column:1/-1!important}.m-0{margin:0!important}.m-1{margin:var(--tokchan-spacing-xs)!important}.m-2{margin:var(--tokchan-spacing-sm)!important}.m-3{margin:var(--tokchan-spacing-md)!important}.m-4{margin:var(--tokchan-spacing-lg)!important}.m-5{margin:var(--tokchan-spacing-xl)!important}.m-6{margin:var(--tokchan-spacing-2xl)!important}.m-8{margin:var(--tokchan-spacing-3xl)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--tokchan-spacing-xs)!important}.mt-2{margin-top:var(--tokchan-spacing-sm)!important}.mt-3{margin-top:var(--tokchan-spacing-md)!important}.mt-4{margin-top:var(--tokchan-spacing-lg)!important}.mt-5{margin-top:var(--tokchan-spacing-xl)!important}.mt-6{margin-top:var(--tokchan-spacing-2xl)!important}.mt-8{margin-top:var(--tokchan-spacing-3xl)!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--tokchan-spacing-xs)!important}.mr-2{margin-right:var(--tokchan-spacing-sm)!important}.mr-3{margin-right:var(--tokchan-spacing-md)!important}.mr-4{margin-right:var(--tokchan-spacing-lg)!important}.mr-5{margin-right:var(--tokchan-spacing-xl)!important}.mr-6{margin-right:var(--tokchan-spacing-2xl)!important}.mr-8{margin-right:var(--tokchan-spacing-3xl)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--tokchan-spacing-xs)!important}.mb-2{margin-bottom:var(--tokchan-spacing-sm)!important}.mb-3{margin-bottom:var(--tokchan-spacing-md)!important}.mb-4{margin-bottom:var(--tokchan-spacing-lg)!important}.mb-5{margin-bottom:var(--tokchan-spacing-xl)!important}.mb-6{margin-bottom:var(--tokchan-spacing-2xl)!important}.mb-8{margin-bottom:var(--tokchan-spacing-3xl)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--tokchan-spacing-xs)!important}.ml-2{margin-left:var(--tokchan-spacing-sm)!important}.ml-3{margin-left:var(--tokchan-spacing-md)!important}.ml-4{margin-left:var(--tokchan-spacing-lg)!important}.ml-5{margin-left:var(--tokchan-spacing-xl)!important}.ml-6{margin-left:var(--tokchan-spacing-2xl)!important}.ml-8{margin-left:var(--tokchan-spacing-3xl)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--tokchan-spacing-xs)!important;margin-right:var(--tokchan-spacing-xs)!important}.mx-2{margin-left:var(--tokchan-spacing-sm)!important;margin-right:var(--tokchan-spacing-sm)!important}.mx-3{margin-left:var(--tokchan-spacing-md)!important;margin-right:var(--tokchan-spacing-md)!important}.mx-4{margin-left:var(--tokchan-spacing-lg)!important;margin-right:var(--tokchan-spacing-lg)!important}.mx-5{margin-left:var(--tokchan-spacing-xl)!important;margin-right:var(--tokchan-spacing-xl)!important}.mx-6{margin-left:var(--tokchan-spacing-2xl)!important;margin-right:var(--tokchan-spacing-2xl)!important}.mx-8{margin-left:var(--tokchan-spacing-3xl)!important;margin-right:var(--tokchan-spacing-3xl)!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--tokchan-spacing-xs)!important;margin-bottom:var(--tokchan-spacing-xs)!important}.my-2{margin-top:var(--tokchan-spacing-sm)!important;margin-bottom:var(--tokchan-spacing-sm)!important}.my-3{margin-top:var(--tokchan-spacing-md)!important;margin-bottom:var(--tokchan-spacing-md)!important}.my-4{margin-top:var(--tokchan-spacing-lg)!important;margin-bottom:var(--tokchan-spacing-lg)!important}.my-5{margin-top:var(--tokchan-spacing-xl)!important;margin-bottom:var(--tokchan-spacing-xl)!important}.my-6{margin-top:var(--tokchan-spacing-2xl)!important;margin-bottom:var(--tokchan-spacing-2xl)!important}.my-8{margin-top:var(--tokchan-spacing-3xl)!important;margin-bottom:var(--tokchan-spacing-3xl)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.p-0{padding:0!important}.p-1{padding:var(--tokchan-spacing-xs)!important}.p-2{padding:var(--tokchan-spacing-sm)!important}.p-3{padding:var(--tokchan-spacing-md)!important}.p-4{padding:var(--tokchan-spacing-lg)!important}.p-5{padding:var(--tokchan-spacing-xl)!important}.p-6{padding:var(--tokchan-spacing-2xl)!important}.p-8{padding:var(--tokchan-spacing-3xl)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--tokchan-spacing-xs)!important}.pt-2{padding-top:var(--tokchan-spacing-sm)!important}.pt-3{padding-top:var(--tokchan-spacing-md)!important}.pt-4{padding-top:var(--tokchan-spacing-lg)!important}.pt-5{padding-top:var(--tokchan-spacing-xl)!important}.pt-6{padding-top:var(--tokchan-spacing-2xl)!important}.pt-8{padding-top:var(--tokchan-spacing-3xl)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--tokchan-spacing-xs)!important}.pr-2{padding-right:var(--tokchan-spacing-sm)!important}.pr-3{padding-right:var(--tokchan-spacing-md)!important}.pr-4{padding-right:var(--tokchan-spacing-lg)!important}.pr-5{padding-right:var(--tokchan-spacing-xl)!important}.pr-6{padding-right:var(--tokchan-spacing-2xl)!important}.pr-8{padding-right:var(--tokchan-spacing-3xl)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--tokchan-spacing-xs)!important}.pb-2{padding-bottom:var(--tokchan-spacing-sm)!important}.pb-3{padding-bottom:var(--tokchan-spacing-md)!important}.pb-4{padding-bottom:var(--tokchan-spacing-lg)!important}.pb-5{padding-bottom:var(--tokchan-spacing-xl)!important}.pb-6{padding-bottom:var(--tokchan-spacing-2xl)!important}.pb-8{padding-bottom:var(--tokchan-spacing-3xl)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--tokchan-spacing-xs)!important}.pl-2{padding-left:var(--tokchan-spacing-sm)!important}.pl-3{padding-left:var(--tokchan-spacing-md)!important}.pl-4{padding-left:var(--tokchan-spacing-lg)!important}.pl-5{padding-left:var(--tokchan-spacing-xl)!important}.pl-6{padding-left:var(--tokchan-spacing-2xl)!important}.pl-8{padding-left:var(--tokchan-spacing-3xl)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--tokchan-spacing-xs)!important;padding-right:var(--tokchan-spacing-xs)!important}.px-2{padding-left:var(--tokchan-spacing-sm)!important;padding-right:var(--tokchan-spacing-sm)!important}.px-3{padding-left:var(--tokchan-spacing-md)!important;padding-right:var(--tokchan-spacing-md)!important}.px-4{padding-left:var(--tokchan-spacing-lg)!important;padding-right:var(--tokchan-spacing-lg)!important}.px-5{padding-left:var(--tokchan-spacing-xl)!important;padding-right:var(--tokchan-spacing-xl)!important}.px-6{padding-left:var(--tokchan-spacing-2xl)!important;padding-right:var(--tokchan-spacing-2xl)!important}.px-8{padding-left:var(--tokchan-spacing-3xl)!important;padding-right:var(--tokchan-spacing-3xl)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--tokchan-spacing-xs)!important;padding-bottom:var(--tokchan-spacing-xs)!important}.py-2{padding-top:var(--tokchan-spacing-sm)!important;padding-bottom:var(--tokchan-spacing-sm)!important}.py-3{padding-top:var(--tokchan-spacing-md)!important;padding-bottom:var(--tokchan-spacing-md)!important}.py-4{padding-top:var(--tokchan-spacing-lg)!important;padding-bottom:var(--tokchan-spacing-lg)!important}.py-5{padding-top:var(--tokchan-spacing-xl)!important;padding-bottom:var(--tokchan-spacing-xl)!important}.py-6{padding-top:var(--tokchan-spacing-2xl)!important;padding-bottom:var(--tokchan-spacing-2xl)!important}.py-8{padding-top:var(--tokchan-spacing-3xl)!important;padding-bottom:var(--tokchan-spacing-3xl)!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-min{width:min-content!important}.w-max{width:max-content!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-min{height:min-content!important}.h-max{height:max-content!important}.max-w-none{max-width:none!important}.max-w-xs{max-width:20rem!important}.max-w-sm{max-width:24rem!important}.max-w-md{max-width:28rem!important}.max-w-lg{max-width:32rem!important}.max-w-xl{max-width:36rem!important}.max-w-2xl{max-width:42rem!important}.max-w-3xl{max-width:48rem!important}.max-w-4xl{max-width:56rem!important}.max-w-5xl{max-width:64rem!important}.max-w-6xl{max-width:72rem!important}.max-w-7xl{max-width:80rem!important}.max-w-full{max-width:100%!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.max-h-none{max-height:none!important}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.top-auto{top:auto!important}.right-0{right:0!important}.right-auto{right:auto!important}.bottom-0{bottom:0!important}.bottom-auto{bottom:auto!important}.left-0{left:0!important}.left-auto{left:auto!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-auto{z-index:auto!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-xs{font-size:var(--tokchan-font-size-xs)!important}.text-sm{font-size:var(--tokchan-font-size-sm)!important}.text-base{font-size:var(--tokchan-font-size-base)!important}.text-lg{font-size:var(--tokchan-font-size-lg)!important}.text-xl{font-size:var(--tokchan-font-size-xl)!important}.text-2xl{font-size:var(--tokchan-font-size-2xl)!important}.text-3xl{font-size:var(--tokchan-font-size-3xl)!important}.text-4xl{font-size:var(--tokchan-font-size-4xl)!important}.font-thin{font-weight:100!important}.font-light{font-weight:300!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.font-black{font-weight:900!important}.leading-none{line-height:1!important}.leading-tight{line-height:1.25!important}.leading-snug{line-height:1.375!important}.leading-normal{line-height:1.5!important}.leading-relaxed{line-height:1.625!important}.leading-loose{line-height:2!important}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.underline{text-decoration:underline!important}.line-through{text-decoration:line-through!important}.no-underline{text-decoration:none!important}.truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.text-primary{color:var(--tokchan-color-primary)!important}.text-secondary{color:var(--tokchan-text-secondary)!important}.text-muted{color:var(--tokchan-text-muted)!important}.text-inverse{color:var(--tokchan-text-inverse)!important}.text-success{color:var(--tokchan-color-success)!important}.text-warning{color:var(--tokchan-color-warning)!important}.text-error{color:var(--tokchan-color-error)!important}.text-info{color:var(--tokchan-color-info)!important}.bg-primary{background-color:var(--tokchan-color-primary)!important}.bg-secondary{background-color:var(--tokchan-bg-secondary)!important}.bg-tertiary{background-color:var(--tokchan-bg-tertiary)!important}.bg-panel{background-color:var(--tokchan-bg-panel)!important}.bg-white{background-color:var(--tokchan-color-white)!important}.bg-transparent{background-color:#0000!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-2{border-width:2px!important}.border-4{border-width:4px!important}.border-8{border-width:8px!important}.border-t{border-top-width:1px!important}.border-r{border-right-width:1px!important}.border-b{border-bottom-width:1px!important}.border-l{border-left-width:1px!important}.border-primary{border-color:var(--tokchan-color-primary)!important}.border-secondary{border-color:var(--tokchan-color-gray-300)!important}.border-transparent{border-color:#0000!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:var(--tokchan-radius-sm)!important}.rounded{border-radius:var(--tokchan-radius-base)!important}.rounded-md{border-radius:var(--tokchan-radius-md)!important}.rounded-lg{border-radius:var(--tokchan-radius-lg)!important}.rounded-xl{border-radius:var(--tokchan-radius-xl)!important}.rounded-2xl{border-radius:var(--tokchan-radius-2xl)!important}.rounded-full{border-radius:var(--tokchan-radius-full)!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--tokchan-shadow-sm)!important}.shadow{box-shadow:var(--tokchan-shadow-base)!important}.shadow-md{box-shadow:var(--tokchan-shadow-md)!important}.shadow-lg{box-shadow:var(--tokchan-shadow-lg)!important}.shadow-xl{box-shadow:var(--tokchan-shadow-xl)!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-help{cursor:help!important}.cursor-not-allowed{cursor:not-allowed!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;user-select:auto!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}@media(max-width:480px){.mobile\:hidden{display:none!important}.mobile\:block{display:block!important}.mobile\:flex{display:flex!important}}@media(max-width:768px){.tablet\:hidden{display:none!important}.tablet\:block{display:block!important}.tablet\:flex{display:flex!important}}@media(min-width:1024px){.desktop\:hidden{display:none!important}.desktop\:block{display:block!important}.desktop\:flex{display:flex!important}}body{color:#e0e0e0;background:linear-gradient(135deg,#0a0015,#1a0030,#0d001a);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}@media screen{#character-container{width:100vw!important;height:100vh!important;position:relative!important}canvas:not(.three-background){object-fit:contain!important;width:auto!important;max-width:100vw!important;height:auto!important;max-height:100vh!important}body.obs-browser .control-panel,body.obs-hide-panels .control-panel{display:none!important}#threejs-container{width:100vw!important;height:100vh!important;position:absolute!important;top:0!important;left:0!important}}#tokchan-character{visibility:visible!important;opacity:1!important;justify-content:center!important;align-items:center!important;width:360px!important;min-width:300px!important;height:360px!important;min-height:300px!important;margin:0 auto!important;display:flex!important;position:relative!important;overflow:visible!important}.character-core{transform-origin:50%!important;width:360px!important;height:360px!important;position:relative!important}.character-part{transition:opacity .1s;object-fit:contain!important;visibility:visible!important;opacity:1!important;transform-origin:50%!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.background-effect,.background-effect video,.like-charge-effect-container,.like-charge-effect-container video,.effect-container,.effect-video-container,.background-effect-container,.canvas-transparent{position:relative;pointer-events:none!important;border:none!important;outline:none!important}video{outline:none!important}video:focus{border:none!important;outline:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#18181b80;border-radius:4px}::-webkit-scrollbar-thumb{background:#4c1d95;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5b21b6}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tokchan-jump{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-30px)scale(1.05)}60%{transform:translateY(-15px)scale(1.02)}to{transform:translateY(0)scale(1)}}@keyframes tokchan-spin{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.05)}50%{transform:rotate(180deg)scale(1.1)}75%{transform:rotate(270deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}@keyframes tokchan-bounce{0%{transform:scale(1)}25%{transform:scale(1.2)translateY(-10px)}50%{transform:scale(.95)translateY(5px)}75%{transform:scale(1.1)translateY(-5px)}to{transform:scale(1)}}@keyframes tokchan-shake{0%{transform:translate(0)}10%{transform:translate(-5px)rotate(-1deg)}20%{transform:translate(5px)rotate(1deg)}30%{transform:translate(-5px)rotate(-1deg)}40%{transform:translate(5px)rotate(1deg)}50%{transform:translate(-3px)rotate(-.5deg)}60%{transform:translate(3px)rotate(.5deg)}70%{transform:translate(-3px)rotate(-.5deg)}80%{transform:translate(3px)rotate(.5deg)}90%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes tokchan-wiggle{0%{transform:rotate(0)}10%{transform:rotate(10deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}60%{transform:rotate(-6deg)}70%{transform:rotate(4deg)}80%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes tokchan-excited{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.2)rotate(8deg)}40%{transform:scale(1.15)rotate(-5deg)}60%{transform:scale(1.2)rotate(8deg)}80%{transform:scale(1.1)rotate(-3deg)}to{transform:scale(1)rotate(0)}}@keyframes tokchan-calm{0%{transform:scale(1)}25%{transform:scale(1.02)}50%{transform:scale(1.05)}75%{transform:scale(1.02)}to{transform:scale(1)}}html,body,#root,#app,.three-panel-layout,.panel-container{background:0 0!important}.tokchan-animated,.tokchan-effect-layer,.obs-optimized{will-change:transform;transform:translateZ(0)}.tokchan-static{will-change:auto}.obs-browser body{background:0 0!important;margin:0!important;padding:0!important;overflow:hidden!important}body:before{content:"TokChan CSS Loaded - Architecture: theme→base→layout→effects→views→utils";background:var(--tokchan-color-primary);color:#fff;z-index:var(--tokchan-z-highest);pointer-events:none;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:11px;display:none;position:fixed;top:5px;right:5px}@media(prefers-contrast:high){.unified-panel{border-width:3px!important}.unified-button{border:2px solid!important}}html,body{background:linear-gradient(135deg,#0a0015,#1a0030,#0d001a)!important}#root,#app,.three-panel-layout,.panel-container{background:0 0!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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.left-panel.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;transform:none!important;width:320px!important;min-width:320px!important;height:100%!important;min-height:100vh!important;z-index:200!important;overflow:hidden!important;display:flex;flex-direction:column;background:#18181bfa!important;border-radius:0!important;padding:0!important;box-shadow:4px 0 20px #bf00ff4d,0 0 40px #0009!important;border:none!important;border-right:2px solid #bf00ff!important;box-sizing:border-box!important;transition:width .3s ease,min-width .3s ease,transform .3s ease!important}.left-panel.sidebar.sidebar--collapsed{width:0!important;min-width:0!important;border-right:none!important;overflow:hidden!important}.left-panel.sidebar.sidebar--collapsed .sidebar-header,.left-panel.sidebar.sidebar--collapsed .sidebar-content{opacity:0;visibility:hidden}.left-panel .sidebar-header{padding:20px;border-bottom:1px solid rgba(191,0,255,.3);flex-shrink:0}.left-panel .sidebar-title{font-size:18px;font-weight:600;color:#0ff;margin:0;text-shadow:0 0 10px rgba(0,255,255,.5)}.left-panel .sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 15px}.sidebar-toggle{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:60px;background:#18181bf2;border:2px solid #bf00ff;border-radius:0 8px 8px 0;color:#f0f;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:210;transition:all .2s ease;box-shadow:2px 0 10px #bf00ff4d}.sidebar-toggle--left{right:-28px;border-left:none}.sidebar-toggle:hover{background:#bf00ff33;box-shadow:0 0 20px #ff00ff80}.sidebar-toggle svg{transition:transform .3s ease}.left-panel .sidebar-content::-webkit-scrollbar{width:6px}.left-panel .sidebar-content::-webkit-scrollbar-track{background:#18181b80}.left-panel .sidebar-content::-webkit-scrollbar-thumb{background:#bf00ff;border-radius:3px}.left-panel .sidebar-content::-webkit-scrollbar-thumb:hover{background:#f0f}.left-panel .panel-section{margin-bottom:15px}.panel-loading{padding:20px;text-align:center;color:#fff9;font-size:14px}@media(max-width:1400px){.left-panel.sidebar{width:280px!important;min-width:280px!important}}@media(max-width:1200px){.left-panel.sidebar{width:260px!important;min-width:260px!important}}.character-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.character-core{position:relative;width:300px;height:300px}.character-core-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.character-part{display:block;visibility:visible;opacity:1}.character-part.eyes{z-index:2}@keyframes rainbowGlow{0%{filter:drop-shadow(0 0 15px #DE6641) drop-shadow(0 0 30px #DE6641) brightness(1.4)}14.28%{filter:drop-shadow(0 0 15px #E8AC51) drop-shadow(0 0 30px #E8AC51) brightness(1.4)}28.56%{filter:drop-shadow(0 0 15px #F2E55C) drop-shadow(0 0 30px #F2E55C) brightness(1.4)}42.84%{filter:drop-shadow(0 0 15px #39A869) drop-shadow(0 0 30px #39A869) brightness(1.4)}57.12%{filter:drop-shadow(0 0 15px #4784BF) drop-shadow(0 0 30px #4784BF) brightness(1.4)}71.4%{filter:drop-shadow(0 0 15px #5D5099) drop-shadow(0 0 30px #5D5099) brightness(1.4)}85.68%{filter:drop-shadow(0 0 15px #A55B9A) drop-shadow(0 0 30px #A55B9A) brightness(1.4)}to{filter:drop-shadow(0 0 15px #DE6641) drop-shadow(0 0 30px #DE6641) brightness(1.4)}}.rainbow-glow-active{animation:rainbowGlow 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.heartbeat-active .character-core{animation:heartbeat .6s ease-in-out infinite}.heart-icon-overlay{position:absolute;top:46.4%;left:7%;transform:translate(-50%,-50%);width:18px;height:18px;z-index:500;pointer-events:none;transition:top .6s cubic-bezier(.68,-.55,.265,1.55)}.heart-icon-overlay img{width:100%;height:100%;object-fit:contain}.progress-container{position:absolute;top:39%;left:7%;transform:translate(-50%,-50%);height:17%;z-index:500;pointer-events:none;display:flex;align-items:center}.gauge-fill{position:absolute;bottom:5px;left:4px;width:100%;height:0%;overflow:hidden;z-index:1;transition:height .6s cubic-bezier(.68,-.55,.265,1.55)}.gauge-image{position:absolute;bottom:0;left:0;width:42%;height:auto;object-fit:cover;display:block}.rainbow-gauge-bar{position:absolute;bottom:0;left:0;width:42%;height:0%;display:none;z-index:1;background:linear-gradient(180deg,#f30,#fa0,#ff0,#0f0,#08f,#60f,#f0f 85.68%,#f30)}.rainbow-gauge-bar.visible{display:block}.bar-frame{height:100%;position:relative;z-index:2;display:block}.bgm-info-display{position:absolute;top:26%;left:13%;transform:translateY(-50%);z-index:500;pointer-events:none;display:none;font-family:Noto Sans JP,sans-serif;color:#fff}.bgm-info-display.visible{display:block}.bgm-title{font-size:11px;font-weight:1000;margin-bottom:0;width:200px;overflow:hidden;white-space:nowrap}.bgm-artist{font-size:9px;font-weight:100;opacity:.9}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-100%)}}.bgm-title-scroll{display:inline-block;white-space:nowrap;animation:scrollText 10s linear infinite}.center-panel{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:400px!important;min-width:350px!important;height:80vh!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important;background:transparent!important;border:2px solid #ff00ff!important;border-radius:20px!important;box-shadow:0 0 20px #ff00ff4d,0 10px 30px #00000080!important;padding:20px!important;z-index:50!important}.tokchan-logo{position:absolute;top:103px;left:50%;transform:translate(-50%);width:320px;height:auto;z-index:500;pointer-events:none}.tokchan-logo img{width:100%;height:auto;object-fit:contain}.icon-overlay{position:absolute;top:26%;left:7%;transform:translate(-50%,-50%);width:25px;height:25px;z-index:500;pointer-events:none}.icon-overlay img{width:100%;height:100%;object-fit:contain}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:20px;display:none}@media(max-width:1400px){.center-panel{width:350px;min-width:300px}.tokchan-logo{width:280px}}.right-panel.sidebar{position:fixed!important;inset:0 0 0 auto!important;transform:none!important;width:320px!important;min-width:320px!important;height:100%!important;min-height:100vh!important;z-index:200!important;overflow:hidden!important;display:flex;flex-direction:column;background:#18181bfa!important;border-radius:0!important;padding:0!important;box-shadow:-4px 0 20px #00cccc4d,0 0 40px #0009!important;border:none!important;border-left:2px solid #bf00ff!important;box-sizing:border-box!important;transition:width .3s ease,min-width .3s ease,transform .3s ease!important}.right-panel.sidebar.sidebar--collapsed{width:0!important;min-width:0!important;border-left:none!important;overflow:hidden!important}.right-panel.sidebar.sidebar--collapsed .sidebar-header,.right-panel.sidebar.sidebar--collapsed .sidebar-content{opacity:0;visibility:hidden}.right-panel .sidebar-header{padding:20px;border-bottom:1px solid rgba(191,0,255,.3);flex-shrink:0}.right-panel .sidebar-title{font-size:18px;font-weight:600;color:#0ff;margin:0;text-shadow:0 0 10px rgba(0,255,255,.5)}.right-panel .sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 15px}.sidebar-toggle--right{position:absolute;top:50%;left:-28px;transform:translateY(-50%);width:28px;height:60px;background:#18181bf2;border:2px solid #00cccc;border-radius:8px 0 0 8px;border-right:none;color:#0ff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:210;transition:all .2s ease;box-shadow:-2px 0 10px #00ffff4d}.sidebar-toggle--right:hover{background:#0cc3;box-shadow:0 0 20px #00ffff80}.right-panel .sidebar-content::-webkit-scrollbar{width:6px}.right-panel .sidebar-content::-webkit-scrollbar-track{background:#18181b80}.right-panel .sidebar-content::-webkit-scrollbar-thumb{background:#0cc;border-radius:3px}.right-panel .sidebar-content::-webkit-scrollbar-thumb:hover{background:#0ff}.right-panel .panel-section{margin-bottom:15px}@media(max-width:1400px){.right-panel.sidebar{width:280px!important;min-width:280px!important}}@media(max-width:1200px){.right-panel.sidebar{width:260px!important;min-width:260px!important}}.three-panel-layout{width:100vw;height:100vh;overflow:hidden;background:transparent!important;font-family:Segoe UI,Noto Sans JP,sans-serif;position:relative}.three-background{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;z-index:1!important;pointer-events:none!important}.three-background-fallback{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;background:transparent!important}.panel-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background:transparent!important;pointer-events:none}.panel-container>*{pointer-events:auto}.control-panel{background:#18181be6!important;border:2px solid #ff00ff;border-radius:20px;box-shadow:0 0 20px #ff00ff4d,0 10px 30px #00000080;padding:20px;color:#fff;z-index:200!important}.control-panel h3{color:#e0e0e0;font-size:16px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(100,116,139,.4)}.control-panel::-webkit-scrollbar{width:8px}.control-panel::-webkit-scrollbar-track{background:#18181b80;border-radius:4px}.control-panel::-webkit-scrollbar-thumb{background:#4c1d95;border-radius:4px}.control-panel::-webkit-scrollbar-thumb:hover{background:#5b21b6}@media(max-width:1800px){.left-panel,.right-panel{width:450px!important;min-width:450px!important}.left-panel{left:20px!important}.right-panel{left:auto!important;right:20px!important}}@media(max-width:1400px){.left-panel,.right-panel{width:380px!important;min-width:380px!important}.center-panel{width:350px!important;min-width:300px!important}}@media(max-width:1200px){.left-panel,.right-panel{width:320px!important;min-width:320px!important}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#18181b,#27272a,#18181b);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:10000;font-family:Segoe UI,Noto Sans JP,sans-serif}.loading-title{font-size:48px;margin-bottom:20px;font-weight:700;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 40px #bf00ff;color:#fff}.loading-subtitle{font-size:18px;margin-bottom:40px;opacity:.9;color:#0ff;text-shadow:0 0 5px #00ffff}.loading-spinner{width:50px;height:50px;position:relative;animation:cute-spin 1.2s ease-in-out infinite}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;border-radius:50%}.loading-spinner:before{width:18px;height:18px;background:#f0f;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #f0f,0 0 25px #f0f;animation:pulse-glow .8s ease-in-out infinite alternate}.loading-spinner:after{width:12px;height:12px;background:#0ff;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0ff,0 0 20px #0ff;animation:pulse-glow .8s ease-in-out infinite alternate-reverse}.loading-status{margin-top:30px;opacity:.9;font-size:14px;color:#ff80ff;text-shadow:0 0 3px #ff00ff}@keyframes cute-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes pulse-glow{0%{transform:translate(-50%) scale(1);opacity:.8}to{transform:translate(-50%) scale(1.2);opacity:1}}.loading-screen.fade-out{opacity:0;transition:opacity .5s ease;pointer-events:none}