@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:270 50% 40%;--primary-foreground:0 0% 98%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:270 50% 40%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:270 50% 40%;--radius:0.5rem}}body,html{margin:0;padding:0;overflow-x:hidden;background-color:#0f0f1a;color:white;min-height:100vh;width:100%}.magical-gradient{background:linear-gradient(135deg,#0f0f1a,#0a0a20 50%,#0f0f1a);min-height:100vh;width:100%;position:relative;overflow:hidden}.aurora-gradient{background:linear-gradient(135deg,rgba(76,0,130,.3),rgba(147,51,234,.4),rgba(45,8,25,.3),rgba(59,130,246,.3),rgba(16,185,129,.115),rgba(76,0,130,.104));background-size:400% 400%;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:0}@keyframes aurora-x{0%{background-position:0 50%;opacity:.5}25%{background-position:30% 20%;opacity:.7}50%{background-position:100% 50%;opacity:.8}75%{background-position:70% 80%;opacity:.6}to{background-position:0 50%;opacity:.5}}@keyframes aurora-y{0%{transform:rotate(0deg)}33%{transform:rotate(0deg)}66%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes aurora-opacity{0%,to{opacity:.4}25%{opacity:.6}50%{opacity:.8}75%{opacity:.5}}.animate-aurora{animation:aurora-x 12s cubic-bezier(.4,0,.6,1) infinite,aurora-y 30s ease-in-out infinite,aurora-opacity 34s ease-in-out infinite}.aurora-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(76,0,130,.2),rgba(219,39,119,.2),rgba(16,185,129,.2));background-size:500% 500%;animation:aurora-alt 36s ease-in-out infinite alternate;mix-blend-mode:overlay}@keyframes aurora-alt{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.star{position:absolute;background-color:white;border-radius:50%;opacity:.7}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}.twinkle{animation:twinkle 3s ease-in-out infinite}.twinkle-delayed{animation:twinkle 3s ease-in-out 1.5s infinite}.twinkle-slow{animation:twinkle 5s ease-in-out .7s infinite}@keyframes slideUp{0%{opacity:1;transform:translateY(0);max-height:500px}to{opacity:0;transform:translateY(-20px);max-height:0}}.slide-enter{animation:slideDown .3s ease forwards}.slide-exit{animation:slideUp .3s ease forwards}.toggle-container{position:relative;background-color:rgba(30,30,46,.6);padding:4px;width:280px;height:40px;margin:0 auto}.toggle-button,.toggle-container{display:flex;align-items:center;border-radius:9999px}.toggle-button{flex:1;text-align:center;padding:8px 12px;z-index:10;transition:color .3s ease;font-weight:500;background:transparent;border:none;cursor:pointer;justify-content:center;height:100%}.toggle-slider{position:absolute;height:calc(100% - 8px);width:calc(50% - 8px);border-radius:9999px;background-color:#9333ea;transition:transform .3s ease;top:4px;left:4px}.toggle-slider.right{transform:translateX(calc(100% + 8px))}.search-container{position:relative;width:100%;display:flex;margin-bottom:1rem}.search-input-wrapper{position:relative;display:flex;flex-grow:1}.search-input{position:relative;background-color:rgba(15,15,26,.8);border:1px solid #3c1b99;border-radius:.5rem;color:white;padding:.75rem 1rem .75rem 2.5rem;width:100%;font-size:1.125rem}.search-input:focus{border-color:#642dff;outline:none;box-shadow:0 0 0 2px rgba(100,45,255,.3)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px}.search-button{background-color:#5024cc;color:white;border-radius:.5rem;padding:0 2rem;margin-left:.5rem;font-weight:500;transition:background-color .2s ease;display:flex;align-items:center;gap:4px;border:none;cursor:pointer}.search-button:hover{background-color:#3c1b99}.suggestion-item{padding:.5rem 1rem;color:white;cursor:pointer;text-align:left}.suggestion-item:hover{background-color:rgba(20,9,51,.5)}.suggestion-item-selected{background-color:rgba(60,27,153,.5)}.suggestions-container{position:absolute;z-index:20;width:100%;top:47px;background-color:#1a1a2e;border:1px solid #3c1b99;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);max-height:15rem;overflow:auto}.options-panel{margin-top:1.5rem;padding:1rem;background-color:rgba(26,26,46,.3);backdrop-filter:blur(4px);border-radius:.5rem;border:1px solid rgba(40,18,102,.5)}.select-input{width:100%;background-color:rgba(26,26,46,.7);border:1px solid #281266;border-radius:.375rem;padding:.5rem;color:white}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{font-size:1.25rem;font-weight:600;color:white}.chart-buttons{display:flex;gap:.5rem}.chart-button{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;background-color:transparent;color:#c1abff;border:1px solid #3c1b99;cursor:pointer;transition:all .2s ease}.chart-button:hover{background-color:rgba(60,27,153,.3)}.chart-button.active{background-color:#5024cc;color:white;border-color:#5024cc}.chart-container{height:400px;width:97%;margin-bottom:1rem;background-color:rgba(15,15,26,.3);border-radius:.5rem;padding:1rem;border:1px solid rgba(60,27,153,.3)}.chart-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}@media (min-width:768px){.chart-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:rgba(26,26,46,.3);border-radius:.375rem;padding:.75rem;border:1px solid rgba(40,18,102,.3)}.stat-label{font-size:.75rem;color:#c1abff;margin-bottom:.25rem}.stat-value{font-size:.875rem;font-weight:500;color:white}.stat-value.positive{color:#4ade80}.stat-value.negative{color:#f87171}.custom-tooltip{background-color:rgba(26,26,46,.9);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.tooltip-date{font-size:.75rem;color:#9ca3af;margin-bottom:.25rem}.tooltip-price{font-size:.875rem;font-weight:500;color:white}.tooltip-volume{font-size:.75rem;color:#a281ff;margin-top:.25rem}.back-button{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:transparent;color:#c1abff;border-radius:.375rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.back-button:hover{background-color:rgba(60,27,153,.3);color:white}.item-details-card{width:94%;background-color:rgba(15,15,26,.3);backdrop-filter:blur(4px);border-radius:.5rem;border:1px solid rgba(40,18,102,.5);padding:1.5rem;margin-bottom:2rem}.item-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1.5rem}@media (min-width:768px){.item-header{flex-direction:row;align-items:center}}.item-title{font-size:1.5rem;font-weight:700;color:white;margin-bottom:.25rem}@media (min-width:768px){.item-title{font-size:1.875rem}}.item-update-time{font-size:.875rem;color:#c1abff}.item-price{margin-top:1rem}@media (min-width:768px){.item-price{margin-top:1rem;margin-left:1rem;text-align:right}}.current-price{font-size:1.5rem;font-weight:700;color:white}.price-change{font-size:.875rem}.price-change.positive{color:#4ade80}.price-change.negative{color:#f87171}.price-summary{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width:768px){.price-summary{grid-template-columns:repeat(3,1fr)}}.price-summary-item{background-color:rgba(26,26,46,.3);padding:1rem;border-radius:.375rem}.summary-label{font-size:.875rem;color:#c1abff;margin-bottom:.25rem}.summary-value{font-size:1.25rem;font-weight:500;color:white}.checkbox-input{width:1rem;height:1rem;accent-color:#642dff}.content-container{position:relative;z-index:10;width:100%;max-width:48rem;margin:0 auto;padding:4rem 1rem;text-align:center}.text-white{color:white}.text-purple-200{color:#c1abff}.text-purple-300{color:#a281ff}.text-muted{color:#9ca3af}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.flex-grow{flex-grow:1}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.pointer-events-none{pointer-events:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.px-4{padding-left:1rem;padding-right:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.text-4xl{font-size:2.25rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.space-y-2>*+*{margin-top:.5rem}.space-x-2>*+*{margin-left:.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.h-full{height:100%}.block{display:block}@media (min-width:768px){.md\:text-5xl{font-size:3rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.options-wrapper{position:relative;width:100%}.options-disabled{position:relative;opacity:.7}.options-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(10,10,20,.7);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:.5rem;backdrop-filter:blur(2px)}.options-message{font-size:1.25rem;font-weight:600;color:white;text-align:center;padding:1rem;background-color:rgba(147,51,234,.3);border-radius:.5rem;border:1px solid rgba(147,51,234,.5);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.search-button-container{justify-content:center;display:flex;margin-top:1.5rem}.search-button-large{background-color:#5024cc;color:white;border-radius:.5rem;padding:.75rem 2.5rem;font-weight:500;font-size:1.125rem;transition:background-color .2s ease;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;justify-content:center}.search-button-large:hover{background-color:#3c1b99}.item-page-header{display:flex;flex-direction:column;gap:1rem;margin:1rem}@media (min-width:768px){.item-page-header{flex-direction:row;justify-content:space-between;align-items:center}}.mini-search-container{position:relative;display:flex;width:90%;align-items:center;max-width:500px}.mini-search-input-wrapper{box-sizing:border-box;z-index:20;display:flex;align-items:center;flex-grow:1}.mini-search-input{background-color:rgba(15,15,26,.8);border:1px solid #3c1b99;border-radius:.5rem;color:white;padding:.5rem 1rem .5rem 2rem;width:100%;font-size:.875rem;height:100%}.mini-search-input:focus{border-color:#642dff;outline:none;box-shadow:0 0 0 2px rgba(100,45,255,.3)}.mini-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#9ca3af;width:16px;height:16px}.mini-search-buttons{height:100%;display:flex}.mini-option-button,.mini-search-button{background-color:rgba(60,27,153,.5);color:white;height:35px;width:35px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s ease}.mini-option-button{border-radius:0}.mini-search-button{background-color:#5024cc;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.mini-option-button:hover{background-color:rgba(60,27,153,.8)}.mini-search-button:hover{background-color:#3c1b99}.mini-suggestions-container{position:absolute;z-index:20;width:100%;top:34px;background-color:#1a1a2e;border:1px solid #3c1b99;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);max-height:12rem;overflow:auto}.mini-suggestion-item{padding:.375rem .75rem;color:white;cursor:pointer;text-align:left;font-size:.875rem}.mini-suggestion-item:hover{background-color:rgba(20,9,51,.5)}.mini-options-panel{position:absolute;z-index:10;width:95%;top:35px;background-color:#1a1a2e;border:1px solid #3c1b99;border-radius:.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:.75rem}.mini-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mini-option-item{display:flex;flex-direction:column}.mini-option-label{font-size:.75rem;color:#c1abff;margin-bottom:.25rem}.mini-select-input{background-color:rgba(26,26,46,.7);border:1px solid #281266;border-radius:.25rem;padding:.25rem .5rem;color:white;font-size:.75rem}.mini-checkbox-container{display:flex;flex-direction:row;align-items:center;margin-top:1.5rem}.mini-checkbox-input{width:.875rem;height:.875rem;accent-color:#642dff;margin-right:.5rem}.mini-checkbox-label{font-size:.75rem;color:white}.custom-dropdown-container{position:relative;width:100%;user-select:none}.custom-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:rgba(26,26,46,.7);border:1px solid #281266;border-radius:.375rem;color:white;cursor:pointer;transition:all .2s ease}.custom-dropdown-header:hover{border-color:#642dff;background-color:rgba(40,18,102,.3)}.custom-dropdown-header.open{border-color:#642dff;box-shadow:0 0 0 2px rgba(100,45,255,.3);border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-dropdown-header.disabled{opacity:.6;cursor:not-allowed;border-color:#281266;background-color:rgba(26,26,46,.4)}.custom-dropdown-selected{flex-grow:1;text-align:left;font-size:.875rem}.custom-dropdown-selected.placeholder{color:rgba(255,255,255,.5)}.custom-dropdown-icon{width:1rem;height:1rem;color:#9333ea;transition:transform .2s ease}.custom-dropdown-icon.open{transform:rotate(180deg)}.custom-dropdown-options{position:absolute;top:100%;left:0;right:0;max-height:15rem;overflow-y:auto;background-color:rgba(26,26,46,.95);border:1px solid #642dff;border-top:none;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;z-index:30;box-shadow:0 4px 8px rgba(0,0,0,.3);backdrop-filter:blur(4px)}.custom-dropdown-option{padding:.5rem .75rem;cursor:pointer;font-size:.875rem;transition:background-color .15s ease}.custom-dropdown-option.highlighted,.custom-dropdown-option:hover{background-color:rgba(60,27,153,.5)}.custom-dropdown-option.selected{background-color:rgba(100,45,255,.3);font-weight:500}.custom-dropdown-option-content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.custom-dropdown-combination-info{font-size:.75rem;color:#9ca3af;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-dropdown-container.mini .custom-dropdown-header{padding:.25rem .5rem;font-size:.75rem}.custom-dropdown-container.mini .custom-dropdown-selected{font-size:.75rem}.custom-dropdown-container.mini .custom-dropdown-icon{width:.75rem;height:.75rem}.custom-dropdown-container.mini .custom-dropdown-options{max-height:10rem}.custom-dropdown-container.mini .custom-dropdown-option{padding:.25rem .5rem;font-size:.75rem}.custom-dropdown-option.disabled{opacity:.5;cursor:not-allowed;color:rgba(255,255,255,.5)}.custom-dropdown-option.disabled:hover{background-color:transparent}.custom-dropdown-options::-webkit-scrollbar{width:6px}.custom-dropdown-options::-webkit-scrollbar-track{background:rgba(26,26,46,.3)}.custom-dropdown-options::-webkit-scrollbar-thumb{background-color:#3c1b99;border-radius:6px}.custom-dropdown-options::-webkit-scrollbar-thumb:hover{background-color:#5024cc}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-options{animation:fadeIn .2s ease-out}.toggle-switch-container{display:flex;align-items:center}.toggle-switch-disabled{opacity:.5;cursor:not-allowed}.chart-controls{justify-content:space-between;flex-wrap:wrap;gap:1rem}.chart-controls,.chart-toggle,.chart-toggle-label{display:flex;align-items:center}.chart-toggle-label{cursor:pointer;user-select:none}.chart-toggle-input{margin-right:.5rem;accent-color:#9333ea;width:1rem;height:1rem}.chart-toggle-text{color:#c1abff;font-size:.875rem}.candlestick-chart-wrapper{width:100%;height:400px;position:relative}.custom-tooltip{background-color:rgba(26,26,46,.95);border:1px solid #3c1b99;border-radius:.375rem;padding:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.3);min-width:200px}.tooltip-date{font-size:.875rem;font-weight:500;color:white}.tooltip-price-grid{display:grid;grid-template-columns:1fr;gap:.25rem;margin-bottom:.5rem}.tooltip-price-row{display:flex;justify-content:space-between}.tooltip-label,.tooltip-value{font-size:.75rem}.tooltip-high{color:#4ade80}.tooltip-low{color:#f87171}.tooltip-change{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;font-weight:500;text-align:center}.tooltip-change.positive{color:#4ade80}.tooltip-change.negative{color:#f87171}.character-equipment-container{padding:1rem}.equipment-grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(7,auto);gap:.5rem;padding:1rem}.character-image-container{grid-area:2/3/7/4}.character-image{max-width:120px}.character-name{margin-top:.5rem;font-size:.875rem}.equipment-slot{padding:.25rem}.empty-slot-label{font-size:.625rem}.item-tooltip{background-color:rgba(26,26,46,.95);border:1px solid #3c1b99;border-radius:.375rem;padding:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.3);min-width:200px;max-width:300px;pointer-events:none}.character-equipment-container{width:100%;max-width:600px;margin:0 auto;padding:.5rem;position:relative}.equipment-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,auto);gap:.25rem;background-color:rgba(26,26,46,.3);backdrop-filter:blur(4px);border-radius:.5rem;border:1px solid rgba(40,18,102,.5);padding:.5rem;position:relative;max-height:calc(100vh - 200px)}.character-image-container{grid-area:1/3/5/6;display:flex;flex-direction:column;align-items:center;justify-content:center}.character-image{width:100%;max-width:80px;height:auto;object-fit:contain}.character-name{margin-top:.25rem;font-size:.75rem;color:white;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.equipment-slot{background-color:rgba(15,15,26,.5);border:1px solid rgba(60,27,153,.3);border-radius:.25rem;display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:.125rem;transition:all .2s ease;min-width:0;min-height:0}.equipment-slot.has-item{background-color:rgba(26,26,46,.7);cursor:pointer}.equipment-slot.has-item:hover{transform:scale(1.05);border-color:rgba(100,45,255,.8);box-shadow:0 0 8px rgba(100,45,255,.5);z-index:10}.item-image{width:100%;height:100%;max-width:100%;max-height:100%}.empty-slot-label{font-size:.5rem;color:rgba(255,255,255,.5);text-align:center;overflow:hidden;text-overflow:ellipsis}.character-search-panel{max-width:100%;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}@media (max-height:700px){.character-search-panel{max-height:calc(100vh - 200px)}.equipment-grid{max-height:calc(100vh - 180px);gap:.2rem;padding:.4rem}.character-image{max-width:60px}.character-name{font-size:.7rem;margin-top:.2rem}}@media (max-height:600px){.character-search-panel{max-height:calc(100vh - 100px)}.equipment-grid{max-height:calc(100vh - 150px);gap:.15rem;padding:.3rem}.character-image{max-width:50px}.character-name{font-size:.65rem;margin-top:.15rem}}@media (max-width:480px){.character-search-panel .character-info-header{padding-bottom:.5rem;margin-bottom:.5rem}.character-search-panel .character-info-header h3{font-size:1rem}.character-search-panel .character-info-header .text-sm{font-size:.75rem}.character-search-panel .character-info-header .text-xs{font-size:.7rem}.equipment-slot{padding:.1rem}.empty-slot-label{font-size:.4rem}}.tooltip-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.tooltip-title{font-size:.875rem;font-weight:600;color:white}.tooltip-starforce{font-size:.75rem;color:#ffd700}.tooltip-body{display:grid;gap:.25rem;margin-bottom:.5rem}.tooltip-row{display:flex;justify-content:space-between;font-size:.75rem}.tooltip-label{color:#c1abff}.tooltip-value{color:white;font-weight:500}.tooltip-price{margin-top:.25rem;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.1)}.tooltip-price .tooltip-value{color:#4ade80}.tooltip-footer{font-size:.6875rem;color:#a281ff;text-align:center;margin-top:.5rem;font-style:italic}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.item-image-container{width:64px;height:64px;background-color:rgba(76,29,149,.3);border-radius:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(147,51,234,.3);margin-right:1rem;margin-top:1rem}.item-image{width:48px;height:48px;object-fit:contain}.toggle-switch{position:relative;width:44px;height:24px;background-color:#374151;border-radius:12px;cursor:pointer;transition:background-color .3s}.toggle-switch-on{background-color:#8b5cf6}.toggle-switch-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:white;border-radius:50%;transition:transform .3s}.toggle-switch-on .toggle-switch-slider{transform:translateX(20px)}.mini-toggle-switch{position:relative;width:36px;height:20px;background-color:#374151;border-radius:10px;cursor:pointer;transition:background-color .3s}.mini-toggle-switch-on{background-color:#8b5cf6}.mini-toggle-switch-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:white;border-radius:50%;transition:transform .3s}.mini-toggle-switch-on .mini-toggle-switch-slider{transform:translateX(16px)}.inline-options-container{display:flex;flex-direction:column;gap:.5rem;width:100%;max-height:8rem;overflow-y:auto;border:1px solid rgba(147,51,234,.2);border-radius:.5rem;padding:.75rem;background-color:rgba(26,26,46,.2)}.inline-option-number{font-size:.7rem;font-weight:600;color:#a281ff;background-color:rgba(147,51,234,.2);padding:.125rem .375rem;border-radius:.25rem;display:inline-block;margin-bottom:0;margin-right:.5rem}.inline-tags-wrapper{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.inline-tag{font-size:.7rem;background-color:rgba(76,29,149,.2);color:#e0d5ff;padding:.125rem .375rem;border-radius:.25rem;white-space:nowrap;border:.5px solid rgba(147,51,234,.3)}.tag-starforce{background-color:rgba(255,153,0,.2);border:1px solid rgba(255,153,0,.4);color:#ffcc80}.tag-potential{background-color:rgba(0,255,128,.2);border:1px solid rgba(0,255,128,.4);color:#b9ffdd}.tag-additional{background-color:rgba(255,102,0,.2);border:1px solid rgba(255,102,0,.4);color:#ffb380}.tag-enchant{background-color:rgba(147,51,234,.2);border:1px solid rgba(147,51,234,.4);color:#d8b4fe}.options-scroll-container{width:100%;margin-top:1rem;border:1px solid rgba(147,51,234,.2);border-radius:.5rem;background-color:rgba(26,26,46,.1);overflow:hidden}.options-scroll-header{padding:.1rem .75rem;background-color:rgba(76,29,149,.2);border-bottom:1px solid rgba(147,51,234,.2)}.options-count-text{font-size:.8rem;font-weight:600;color:#e0d5ff}.options-scroll-content{max-height:5rem;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.options-scroll-content::-webkit-scrollbar{width:6px}.options-scroll-content::-webkit-scrollbar-track{background:rgba(26,26,46,.3);border-radius:3px}.options-scroll-content::-webkit-scrollbar-thumb{background-color:#3c1b99;border-radius:3px}.options-scroll-content::-webkit-scrollbar-thumb:hover{background-color:#5024cc}.inline-option-set{display:flex;flex-direction:row;align-items:center;background-color:rgba(76,29,149,.15);padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(147,51,234,.2);gap:1rem;transition:all .2s ease;flex-shrink:0}.inline-option-set:hover{background-color:rgba(76,29,149,.25);border-color:rgba(147,51,234,.4);transform:translateX(2px)}