@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--shogun-primary:#4f6bf6;--shogun-primary-light:#6b84f8;--shogun-primary-dark:#3a52d4;--shogun-accent:#4f6bf6;--shogun-accent-light:#6b84f8;--shogun-accent-dark:#3a52d4;--shogun-bg-dark-1:#1a1240;--shogun-bg-dark-2:#0a0821;--shogun-bg-dark-3:#151515;--shogun-bg-gradient-dark:linear-gradient(180deg,#1a1240,#0a0821);--shogun-bg-light-1:#f0f4ff;--shogun-bg-light-2:#e0e7ff;--shogun-bg-light-3:#fff;--shogun-bg-gradient-light:linear-gradient(180deg,#f0f4ff,#e0e7ff);--shogun-text-dark:#fff;--shogun-text-dark-secondary:#fff9;--shogun-text-dark-tertiary:#fff6;--shogun-text-light:#1a1a2e;--shogun-text-light-secondary:#1a1a2e99;--shogun-text-light-tertiary:#1a1a2e66;--shogun-card-bg-dark:#151515;--shogun-card-shadow-dark:0 8px 32px #00000052;--shogun-card-border-dark:#ffffff1a;--shogun-card-bg-light:#fff;--shogun-card-shadow-light:0 8px 32px #00000014;--shogun-card-border-light:#1a1a2e1a;--shogun-input-bg-dark:#ffffff0d;--shogun-input-border-dark:#ffffff1a;--shogun-input-text-dark:#fff;--shogun-input-placeholder-dark:#fff6;--shogun-input-bg-light:#1a1a2e0d;--shogun-input-border-light:#1a1a2e1a;--shogun-input-text-light:#1a1a2e;--shogun-input-placeholder-light:#1a1a2e66;--shogun-button-bg-dark:#ffffff1a;--shogun-button-bg-light:#1a1a2e1a;--shogun-button-hover-dark:var(--shogun-accent);--shogun-button-hover-light:var(--shogun-accent);--shogun-success:#4f8;--shogun-success-light:#43a047;--shogun-success-bg-dark:#44ff881a;--shogun-success-bg-light:#43a0471a;--shogun-error:#f44;--shogun-error-light:#e53935;--shogun-error-bg-dark:#ff44441a;--shogun-error-bg-light:#e539351a;--shogun-warning:#fbbd23;--shogun-warning-light:#f59e0b;--shogun-warning-bg-dark:#fbbd231a;--shogun-warning-bg-light:#f59e0b1a;--shogun-info:#3abff8;--shogun-info-light:#3b82f6;--shogun-info-bg-dark:#3abff81a;--shogun-info-bg-light:#3b82f61a;--shogun-navbar-bg-dark:#0000001a;--shogun-navbar-bg-light:#fffc;--shogun-border-dark:#ffffff1a;--shogun-border-light:#1a1a2e1a;--shogun-radius-sm:8px;--shogun-radius-md:12px;--shogun-radius-lg:16px;--shogun-radius-xl:24px;--shogun-radius-full:9999px;--shogun-spacing-xs:0.25rem;--shogun-spacing-sm:0.5rem;--shogun-spacing-md:1rem;--shogun-spacing-lg:1.5rem;--shogun-spacing-xl:2rem;--shogun-spacing-2xl:3rem;--shogun-font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shogun-transition-fast:0.15s ease;--shogun-transition-base:0.2s ease;--shogun-transition-slow:0.3s ease;--shogun-z-dropdown:1000;--shogun-z-modal:2000;--shogun-z-toast:3000;--shogun-z-tooltip:4000}.theme-dark,[data-theme=dark],[data-theme=shogun-dark]{--bg-gradient:var(--shogun-bg-gradient-dark);--bg-primary:var(--shogun-bg-dark-1);--bg-secondary:var(--shogun-bg-dark-2);--bg-tertiary:var(--shogun-bg-dark-3);--text-primary:var(--shogun-text-dark);--text-secondary:var(--shogun-text-dark-secondary);--text-tertiary:var(--shogun-text-dark-tertiary);--card-bg:var(--shogun-card-bg-dark);--card-shadow:var(--shogun-card-shadow-dark);--card-border:var(--shogun-card-border-dark);--input-bg:var(--shogun-input-bg-dark);--input-border:var(--shogun-input-border-dark);--input-text:var(--shogun-input-text-dark);--input-placeholder:var(--shogun-input-placeholder-dark);--button-bg:var(--shogun-button-bg-dark);--button-hover:var(--shogun-button-hover-dark);--navbar-bg:var(--shogun-navbar-bg-dark);--border-color:var(--shogun-border-dark);--success-color:var(--shogun-success);--success-bg:var(--shogun-success-bg-dark);--error-color:var(--shogun-error);--error-bg:var(--shogun-error-bg-dark);--warning-color:var(--shogun-warning);--warning-bg:var(--shogun-warning-bg-dark);--info-color:var(--shogun-info);--info-bg:var(--shogun-info-bg-dark)}.theme-light,[data-theme=light],[data-theme=shogun-light]{--bg-gradient:var(--shogun-bg-gradient-light);--bg-primary:var(--shogun-bg-light-1);--bg-secondary:var(--shogun-bg-light-2);--bg-tertiary:var(--shogun-bg-light-3);--text-primary:var(--shogun-text-light);--text-secondary:var(--shogun-text-light-secondary);--text-tertiary:var(--shogun-text-light-tertiary);--card-bg:var(--shogun-card-bg-light);--card-shadow:var(--shogun-card-shadow-light);--card-border:var(--shogun-card-border-light);--input-bg:var(--shogun-input-bg-light);--input-border:var(--shogun-input-border-light);--input-text:var(--shogun-input-text-light);--input-placeholder:var(--shogun-input-placeholder-light);--button-bg:var(--shogun-button-bg-light);--button-hover:var(--shogun-button-hover-light);--navbar-bg:var(--shogun-navbar-bg-light);--border-color:var(--shogun-border-light);--success-color:var(--shogun-success-light);--success-bg:var(--shogun-success-bg-light);--error-color:var(--shogun-error-light);--error-bg:var(--shogun-error-bg-light);--warning-color:var(--shogun-warning-light);--warning-bg:var(--shogun-warning-bg-light);--info-color:var(--shogun-info-light);--info-bg:var(--shogun-info-bg-light)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--shogun-font-family);min-height:100vh}.shogun-container{margin:0 auto;max-width:1200px}.shogun-card,.shogun-container{padding:var(--shogun-spacing-xl)}.shogun-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--shogun-radius-xl);box-shadow:var(--card-shadow);transition:all var(--shogun-transition-base)}.shogun-card:hover{box-shadow:0 12px 40px #4f6bf626;transform:translateY(-2px)}.shogun-card-compact{padding:var(--shogun-spacing-lg)}.shogun-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--navbar-bg);border-bottom:1px solid var(--border-color);padding:var(--shogun-spacing-md) 0}.shogun-btn{align-items:center;background-color:var(--button-bg);border:none;border-radius:var(--shogun-radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--shogun-font-family);font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;text-transform:none;transition:all var(--shogun-transition-base)}.shogun-btn:hover{background-color:var(--button-hover);color:#fff;transform:translateY(-1px)}.shogun-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.shogun-btn-primary{background-color:var(--shogun-primary);color:#fff}.shogun-btn-primary:hover{background-color:var(--shogun-primary-dark);color:#fff}.shogun-btn-icon{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--shogun-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all var(--shogun-transition-base)}.shogun-btn-icon:hover{background:var(--button-hover);border-color:var(--shogun-primary);color:#fff}.shogun-input,.shogun-textarea{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--shogun-radius-md);color:var(--input-text);font-family:var(--shogun-font-family);padding:.75rem;transition:all var(--shogun-transition-base);width:100%}.shogun-input::placeholder,.shogun-textarea::placeholder{color:var(--input-placeholder)}.shogun-input:focus,.shogun-textarea:focus{border-color:var(--shogun-accent);box-shadow:0 0 0 3px #4f6bf633;outline:none}.shogun-textarea{min-height:100px;resize:vertical}.shogun-badge{align-items:center;border-radius:var(--shogun-radius-full);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.shogun-badge-success{background-color:var(--success-bg);border:1px solid var(--success-color);color:var(--success-color)}.shogun-badge-error{background-color:var(--error-bg);border:1px solid var(--error-color);color:var(--error-color)}.shogun-badge-warning{background-color:var(--warning-bg);border:1px solid var(--warning-color);color:var(--warning-color)}.shogun-badge-info{background-color:var(--info-bg);border:1px solid var(--info-color);color:var(--info-color)}.shogun-alert{align-items:center;border:1px solid #0000;border-radius:var(--shogun-radius-md);display:flex;gap:.75rem;margin:1rem 0;padding:1rem}.shogun-alert-error{background-color:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.shogun-alert-success{background-color:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.shogun-alert-warning{background-color:var(--warning-bg);border-color:var(--warning-color);color:var(--warning-color)}.shogun-alert-info{background-color:var(--info-bg);border-color:var(--info-color);color:var(--info-color)}.shogun-loading{animation:shogun-spin 1s linear infinite;border:3px solid var(--input-bg);border-radius:50%;border-top-color:var(--shogun-primary);height:2rem;width:2rem}@keyframes shogun-spin{to{transform:rotate(1turn)}}@keyframes shogun-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shogun-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.shogun-animate-float{animation:shogun-float 3s ease-in-out infinite}.shogun-animate-fade-in-up{animation:shogun-fade-in-up .6s ease-out}.shogun-text-primary{color:var(--text-primary)}.shogun-text-secondary{color:var(--text-secondary)}.shogun-text-tertiary{color:var(--text-tertiary)}.shogun-backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shogun-shadow-card{box-shadow:var(--card-shadow)}@media(max-width:768px){.shogun-card,.shogun-container{padding:var(--shogun-spacing-md)}}[data-theme=dark],[data-theme=shogun-dark]{--btn-text-case:none;--b1:#1a1240;--b2:#0a0821;--b3:#151515;--p:#4f6bf6;--pc:#fff;--s:#151515;--sc:#fff;--a:#4f6bf6;--ac:#fff;--n:#fff;--nc:#fff9;--in:#3abff8;--inc:#fff;--su:#4f8;--suc:#000;--wa:#fbbd23;--wac:#000;--er:#f44;--erc:#fff;--rounded-box:1.5rem;--rounded-btn:0.75rem;--rounded-badge:9999px;--animation-btn:0.2s;--animation-input:0.2s;--border-btn:1px;--btn-focus-scale:0.98}[data-theme=light],[data-theme=shogun-light]{--btn-text-case:none;--b1:#f0f4ff;--b2:#e0e7ff;--b3:#fff;--p:#4f6bf6;--pc:#fff;--s:#e0e7ff;--sc:#1a1a2e;--a:#4f6bf6;--ac:#fff;--n:#1a1a2e;--nc:#1a1a2e99;--in:#3b82f6;--inc:#fff;--su:#43a047;--suc:#fff;--wa:#f59e0b;--wac:#fff;--er:#e53935;--erc:#fff;--rounded-box:1.5rem;--rounded-btn:0.75rem;--rounded-badge:9999px;--animation-btn:0.2s;--animation-input:0.2s;--border-btn:1px;--btn-focus-scale:0.98}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--shogun-radius-xl);box-shadow:var(--card-shadow)}.input,.select,.textarea{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--shogun-radius-md);color:var(--input-text);transition:all var(--shogun-transition-base)}.input:focus,.select:focus,.textarea:focus{border-color:var(--shogun-accent);box-shadow:0 0 0 3px #4f6bf633;outline:none}.btn{border-radius:var(--shogun-radius-md);font-family:var(--shogun-font-family);font-weight:600;text-transform:none;transition:all var(--shogun-transition-base)}.btn:hover{transform:translateY(-1px)}.btn-primary{background-color:var(--shogun-primary);border-color:var(--shogun-primary);color:#fff}.btn-primary:hover{background-color:var(--shogun-primary-dark);border-color:var(--shogun-primary-dark)}.badge{border-radius:var(--shogun-radius-full);font-weight:500}.alert{border-radius:var(--shogun-radius-md)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--navbar-bg);border-bottom:1px solid var(--border-color)}.modal-box{border-radius:var(--shogun-radius-xl)}.dropdown-content,.modal-box{background-color:var(--card-bg);box-shadow:var(--card-shadow)}.dropdown-content{border:1px solid var(--card-border);border-radius:var(--shogun-radius-md)}.menu{background-color:var(--card-bg);border-radius:var(--shogun-radius-md)}.progress{background-color:var(--input-bg)}.progress-primary{background-color:var(--shogun-primary)}.loading{border-color:var(--input-bg);border-top-color:var(--shogun-primary)}.theme-toggle{align-items:center;background:#fff;background:var(--card-bg-color,#fff);border:1px solid #0000001a;border:var(--card-border,1px solid #0000001a);border-radius:999px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow,0 2px 8px #00000014);color:#18181b;color:var(--text-color-primary,#18181b);cursor:pointer;display:inline-flex;height:40px;justify-content:center;position:fixed;right:12px;top:12px;transition:transform .1s ease-in-out,background .2s ease,color .2s ease,box-shadow .2s ease;width:40px;z-index:1000}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus{box-shadow:0 0 0 2px color-mix(in srgb,#18181b 25%,#0000),0 2px 8px #00000014;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color,#18181b) 25%,#0000),var(--shadow,0 2px 8px #00000014);outline:none}.theme-toggle svg{height:20px;pointer-events:none;width:20px}@supports not (color:color-mix(in srgb,#000 10%,#fff)){.theme-toggle:focus{box-shadow:0 0 0 2px #18181b40,0 2px 8px #00000014}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.relative{position:relative}.mb-2{margin-bottom:.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.max-h-72{max-height:18rem}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px}.border-b{border-bottom-width:1px}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.italic{font-style:italic}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}:root{--color-accent:#4f6bf6;--color-text:#fff;--color-text-secondary:#fff9;--color-input-bg:#ffffff0d;--color-input-border:#ffffff1a;--color-button:#ffffff1a;--color-card-bg:#151515;--color-error:#f44;--color-success:#4f8;--bg-gradient-dark:#0a0821;--border-dark:#ffffff1a}body,html{background:#0a0821!important;background:var(--bg-gradient-dark)!important;color:#fff!important;color:var(--color-text)!important;font-family:Poppins,sans-serif;overflow-x:hidden;overflow-y:auto}#root{background:#0a0821!important;background:var(--bg-gradient-dark)!important;justify-content:center}#root,.container{display:flex;min-height:100vh;width:100%}.container{background:#0a0821;background:var(--bg-gradient-dark);color:#fff;color:var(--color-text);margin:0 auto;max-width:100%}.area,.container{flex-direction:column}.area{background-color:#151515;background-color:var(--color-card-bg);border:1px solid #ffffff1a;border:1px solid var(--border-dark);border-radius:12px;box-shadow:0 8px 32px #00000052;display:flex;height:calc(100vh - 180px);margin:10px;min-height:400px;overflow:hidden;width:80vw}.area>*{flex:1 1;min-height:0}.area>*,.area>div{background-color:#151515!important;background-color:var(--color-card-bg)!important}.area>div{display:flex;flex-direction:column;height:100%}.area>div>div{background-color:#151515!important;background-color:var(--color-card-bg)!important;flex:1 1;min-height:0}.monaco-wrapper{position:relative!important}.monaco-wrapper,.monaco-wrapper>div{display:flex!important;flex:1 1!important;flex-direction:column!important}.monaco-wrapper,.monaco-wrapper .monaco-editor,.monaco-wrapper .monaco-editor .overflow-guard,.monaco-wrapper>div{height:100%!important;min-height:400px!important;width:100%!important}.monaco-wrapper .monaco-editor .monaco-editor-background{background-color:#151515!important;background-color:var(--color-card-bg)!important}.monaco-wrapper .monaco-editor-container{height:100%!important;min-height:400px!important;width:100%!important}.side{background-color:#151515;background-color:var(--color-card-bg);border:1px solid #ffffff1a;border:1px solid var(--border-dark);border-radius:12px;box-shadow:0 8px 32px #00000052;display:flex;flex-direction:column;height:calc(100vh - 180px);margin:10px;min-height:400px;overflow-y:auto;padding:1rem;width:20vw;z-index:1}.side .bins .bins-list{max-height:300px;overflow-y:auto;padding-right:5px}.side .bins .bins-list::-webkit-scrollbar{width:6px}.side .bins .bins-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.side .bins .bins-list::-webkit-scrollbar-thumb{background:#4f6bf6;background:var(--color-accent);border-radius:3px}.side .bins .head{color:#fff9;color:var(--color-text-secondary);display:flex;font-weight:600;justify-content:space-between;margin:10px}.side .bins .head .clear{color:#4f6bf6;color:var(--color-accent);cursor:pointer;transition:color .2s ease}.side .bins .bin,.side .bins .head .clear:hover{color:#fff;color:var(--color-text)}.side .bins .bin{background-color:#4f6bf61a;border:1px solid #4f6bf6;border:1px solid var(--color-accent);border-radius:8px;cursor:pointer;font-size:.9rem;margin:5px;padding:10px;transition:all .2s ease}.side .bins .bin:hover{background-color:#4f6bf633;border-color:#4f6bf6;border-color:var(--color-accent);transform:translateX(4px)}.loading{align-content:center;justify-content:center;min-height:400px}.loading,header{align-items:center;display:flex}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000001a;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-dark);box-shadow:0 2px 8px #0003;justify-content:space-between;padding:20px}header .logo-link{align-items:center;display:flex;gap:12px;text-decoration:none}header .logo{flex-shrink:0;height:32px;width:32px}header a{text-decoration:none}header span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#4f6bf6);background:linear-gradient(to right,#60a5fa,var(--color-accent));background-clip:text;-webkit-background-clip:text;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;line-height:1.1}main{flex-grow:1;margin-top:10px;perspective:700px}footer,main{display:flex}footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000001a;border-top:1px solid #ffffff1a;border-top:1px solid var(--border-dark);box-shadow:0 -2px 8px #0003;justify-content:center;margin-top:auto;padding:20px}footer a{color:#4f6bf6;color:var(--color-accent);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}footer a:hover{color:#60a5fa}button{background-color:#ffffff1a;background-color:var(--color-button);border:1px solid #4f6bf6;border:1px solid var(--color-accent);border-radius:12px;color:#fff;color:var(--color-text);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;margin-bottom:8px;padding:10px 16px;transition:all .2s ease}button:hover:not(:disabled){background-color:#4f6bf6;background-color:var(--color-accent);box-shadow:0 4px 12px #4f6bf64d;color:#fff;color:var(--color-text);transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.5}input,select{background-color:#ffffff0d;background-color:var(--color-input-bg);border:1px solid #ffffff1a;border:1px solid var(--color-input-border);border-radius:12px;color:#fff;color:var(--color-text);font-family:Poppins,sans-serif;font-weight:500;margin-bottom:16px;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}input:focus,select:focus{border-color:#4f6bf6;border-color:var(--color-accent);box-shadow:0 0 0 2px #4f6bf633}input{cursor:text}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}select option{background-color:#151515;background-color:var(--color-card-bg);color:#fff;color:var(--color-text);padding:8px 12px}select option:checked,select option:focus,select option:hover{background-color:#4f6bf6;background-color:var(--color-accent);color:#fff;color:var(--color-text)}select:hover{border-color:#4f6bf6;border-color:var(--color-accent)}.grid{background:linear-gradient(#0000 65%,#4f6bf666 75%,#4f6bf6 80%,#4f6bf666 85%,#0000 95%),linear-gradient(90deg,#0000 65%,#4f6bf666 75%,#4f6bf6 80%,#4f6bf666 85%,#0000 95%);background-size:30px 30px;bottom:-120vh;height:300vh;mask-image:linear-gradient(#000,#0000 80%);-webkit-mask-image:linear-gradient(#000,#0000 80%);position:absolute;transform:rotateX(-100deg);width:200vw}@media(max-width:1024px){.grid{display:none}}.grid.alt{background:linear-gradient(0deg,#0000 60%,#4f6bf62e 70%,#4f6bf68c 74%,#4f6bf62e 78%,#0000 90%),linear-gradient(90deg,#0000 60%,#4f6bf62e 70%,#4f6bf68c 74%,#4f6bf62e 78%,#0000 90%);background-size:48px 48px;bottom:-95vh;filter:saturate(.9);height:240vh;mask-image:linear-gradient(#000,#0000 65%);-webkit-mask-image:linear-gradient(#000,#0000 65%);opacity:.65;transform:rotateX(-82deg);width:200vw}.switch{background:#ffffff1a;background:var(--color-button);border:1px solid #4f6bf6;border:1px solid var(--color-accent);border-radius:12px;color:#fff;color:var(--color-text);font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;height:36px;outline:none;padding:8px 16px;transition:all .2s ease}.switch:hover{background-color:#4f6bf6;background-color:var(--color-accent);box-shadow:0 4px 12px #4f6bf64d}.card{color:#fff!important;color:var(--color-text)!important}.card,.card.bg-base-300{background-color:#151515!important;background-color:var(--color-card-bg)!important}.area [data-color-mode*=dark],.area [data-color-mode*=light]{background-color:#151515!important;background-color:var(--color-card-bg)!important;color:#fff!important;color:var(--color-text)!important}.area pre,.area textarea{color:#fff!important}.area [data-color-mode=dark],.area pre,.area textarea{background-color:#151515!important;background-color:var(--color-card-bg)!important}.area [data-color-mode=dark] *,.area [data-color-mode=dark] code,.area [data-color-mode=dark] pre,.area [data-color-mode=dark] textarea{background-color:#151515!important;background-color:var(--color-card-bg)!important;color:#fff!important}.area [data-color-mode=dark] span{color:#fff!important}.code-area-wrapper{display:flex!important;flex:1 1!important;flex-direction:column!important;height:100%!important;min-height:0!important}.code-area-wrapper textarea{background-color:#151515!important;background-color:var(--color-card-bg)!important;border-color:#ffffff1a!important;border-color:var(--border-dark)!important;border-radius:0!important;box-sizing:border-box!important;color:#fff!important;color:var(--color-text)!important;flex:1 1 auto!important;height:100%!important;min-height:0!important;width:100%!important}.code-area-wrapper textarea::placeholder{color:#ffffff80!important}.code-area-wrapper textarea:focus{border-color:#4f6bf6!important;border-color:var(--color-accent)!important;outline:none!important}.card-body{flex-direction:column!important}.card-body,.card-body>div{display:flex!important;flex:1 1!important;height:100%!important;min-height:0!important}.card-body>div{flex-direction:column!important;width:100%!important}body{padding-bottom:36px}#shogun-ring{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:1px solid #ffffff1a!important;border-top:1px solid var(--border-dark)!important;box-shadow:0 -4px 20px #0000004d!important;z-index:9999!important}#shogun-ring,#shogun-ring table,#shogun-ring td,#shogun-ring tr{background:#151515!important;background:var(--color-card-bg)!important}#shogun-ring table,#shogun-ring td,#shogun-ring tr{color:#fff!important;color:var(--color-text)!important}.hover\:translate-x-1:hover{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}@media (min-width:640px){.sm\:h-8{height:2rem}.sm\:w-8{width:2rem}.sm\:gap-4{gap:1rem}.sm\:p-2\.5{padding:.625rem}.sm\:p-4{padding:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:block{display:block}.lg\:w-80{width:20rem}.lg\:w-auto{width:auto}.lg\:flex-1{flex:1 1}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}}