*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Arial',sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;transition:background-color 0.3s,color .3s}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 40px #0000001a;display:flex;flex-wrap:wrap;gap:30px;transition:background-color .3s}.pill-style{display:inline-block;padding:.3em .8em;margin:0 5px;border-radius:1em;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000;border:2px solid transparent;white-space:nowrap;line-height:1.5}.difficulty-easy{background-color:#7b7b7b;border-color:#bbb}.difficulty-normal{background-color:#42a8c4;border-color:#4bc}.difficulty-hard{background-color:#b53e60;border-color:#c58}.difficulty-chaos{background-color:#282828;color:#ffe1be;border-color:#ffe1be}.difficulty-extreme{background-color:#282828;color:#e35;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;border-color:#e35}.custom-multi-select-item .pill-style{margin:0}.custom-multi-select{flex:1;border:2px solid #ddd;border-radius:10px;max-height:250px;overflow-y:auto;background-color:#fff;padding:5px;margin-bottom:10px}.custom-multi-select-item{padding:8px 12px;cursor:pointer;transition:background-color .2s;border-radius:5px;display:flex;align-items:center;gap:5px}.custom-multi-select-item:hover{background-color:#f0f0f0}.custom-multi-select-item.selected{background-color:#e9ecef}.input-group > .select2-container{flex:1;min-width:0}.difficulty-dropdown .select2-results__option{padding:0}.difficulty-dropdown .select2-results__option .pill-style{margin:5px;display:inline-block;text-align:center;font-size:.9em}.difficulty-dropdown .select2-results__option--highlighted{background-color:#f0f0f0!important}.difficulty-dropdown .select2-results__option[aria-selected="true"] .pill-style{outline:2px solid #667eea}.select2-container .select2-selection--single{height:46px!important;border:2px solid #ddd;border-radius:10px;display:flex;align-items:center}.select2-container--default.select2-container--open .select2-selection--single{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px;right:5px}#bossNameSelect + .select2-container .select2-selection__rendered{line-height:42px;padding-left:12px}.select2-container .select2-selection__rendered img,.select2-results__option img{width:24px;height:24px;vertical-align:middle;margin-right:8px}.header{text-align:center;margin-bottom:30px;width:100%;position:relative}.header h1{color:#333;font-size:2.5em;margin-bottom:10px}.header p{color:#666;font-size:1.1em}.top-right-controls{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:15px}.profile-controls{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:8px;background-color:#f8f9fa;padding:8px 12px;border-radius:12px;border:1px solid #e9ecef;min-width:0}.profile-controls label{flex-shrink:0;white-space:nowrap}.profile-controls .profile-select{width:auto!important;max-width:100%;flex-shrink:1;min-width:0}.select2-container{width:auto!important;max-width:100%;min-width:0}.select2-container--default .select2-selection--single{width:auto!important;max-width:100%;min-width:0}.profile-buttons-group{grid-column:1 / -1;display:flex;gap:5px;justify-content:flex-start;min-width:0}.profile-btn{width:auto;flex-shrink:0}.profile-buttons-group .profile-btn{width:auto}.profile-controls label{font-weight:700;color:#555;font-size:2em;margin-right:5px}.profile-select{padding:8px 12px;border-radius:8px;border:2px solid #ddd;font-size:16px;font-weight:700;background-color:#fff;min-width:100px}.profile-select:focus{outline:none;border-color:#667eea}.profile-btn{width:36px;height:36px;border-radius:8px;border:1px solid #ccc;background-color:#fff;font-size:18px;width:36px;height:36px;padding:0 10px;font-weight:700;cursor:pointer;transition:background-color .2s}.profile-btn:hover{background-color:#e9e9e9}.theme-toggle-container{padding:8px;border-radius:12px}.theme-toggle{display:none}.toggle-label{width:60px;height:30px;background-color:#252629;border-radius:15px;cursor:pointer;position:relative;transition:background-color .3s ease;display:flex;align-items:center;justify-content:space-between;padding:0 5px;box-shadow:inset 0 0 5px #0000001a}.toggle-ball{position:absolute;width:26px;height:26px;background-color:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s ease,background-color .3s ease;box-shadow:0 2px 5px #0003}.moon-icon,.sun-icon{width:18px;height:18px;transition:fill .3s ease;z-index:1}.moon-icon{fill:#a0a0a0}.sun-icon{fill:#ffc107}#themeToggle:checked + .toggle-label{background-color:#e0e0e0}#themeToggle:checked + .toggle-label .toggle-ball{transform:translateX(30px);background-color:#ffc107}#themeToggle:checked + .toggle-label .moon-icon{fill:#fff}#themeToggle:checked + .toggle-label .sun-icon{fill:#fff}.input-section{background:#f8f9fa;border-radius:15px;padding:25px;border:2px solid #e9ecef;flex:2;min-width:400px}.exclude-section-wrapper{flex:1;min-width:300px}.exclude-boss-section{height:100%;display:flex;flex-direction:column}.exclude-boss-header{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:10px}.toggle-exclude-btn{background:none;border:2px solid #ccc;color:#555;font-weight:700;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:20px;line-height:1;padding:0 0 2px;flex-shrink:0;transition:transform 0.2s,background-color .2s}.toggle-exclude-btn:hover{background-color:#f0f0f0}.exclude-boss-box{background:#f8f9fa;border-radius:15px;padding:25px;border:2px solid #e9ecef}.exclude-boss-section.collapsed .exclude-boss-header{margin-bottom:0}.exclude-boss-section.collapsed .exclude-boss-box{display:none}.exclude-boss-section label{font-weight:700;color:#333}.input-group{display:flex;gap:15px;margin-bottom:20px;align-items:center}.input-group label{font-weight:700;color:#333;min-width:100px}.input-group input,.input-group select{flex:1;padding:12px;border:2px solid #ddd;border-radius:10px;font-size:16px}.radio-group{display:flex;gap:20px;align-items:center;flex:1;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;cursor:pointer;font-weight:400;color:#555}.radio-group input[type="radio"]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ddd;border-radius:50%;margin-right:8px;cursor:pointer}.radio-group input[type="radio"]:checked{border-color:#667eea;background-color:#667eea;box-shadow:inset 0 0 0 4px #fff}.input-group input:focus,.input-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn{padding:12px 25px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;height:46px;display:inline-flex;align-items:center;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.character-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-top:20px;width:100%}.character-item{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center;cursor:grab}.character-item:active{cursor:grabbing}.character-item:hover{border-color:#667eea;transform:translateY(-2px)}.character-name{font-weight:700;color:#333}.character-difficulty{color:#667eea;font-weight:700}.character-money{font-weight:700;color:#28a745;margin-left:10px}.delete-btn{background:#ff4757;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:16px}.delete-btn:hover{background:#ff3742;transform:scale(1.1)}.results{background:#f8f9fa;border-radius:15px;padding:25px;margin-top:30px;border:2px solid #e9ecef;width:100%;display:none}.total-profit-container{text-align:center;font-size:2em;font-weight:700;margin-bottom:30px;display:flex;justify-content:center;align-items:center;gap:10px}.total-profit-container img{height:1.2em}#totalProfitValue{color:#28a745}.character-result{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;border-left:5px solid #667eea}.character-result h3{color:#333;margin-bottom:15px;font-size:1.3em}.boss-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.boss-item{background:#f8f9fa;padding:10px;border-radius:8px;border-left:3px solid #28a745;font-size:.9em;display:flex;align-items:center;gap:10px}.boss-info{flex-grow:1}.daily-boss-list .boss-item{border-left-color:#ffc107}.party-control{display:flex;align-items:center;gap:4px;flex-shrink:0}.party-control > span:first-of-type{font-size:.85em;color:#555;margin-right:2px}.party-count{font-weight:700;font-size:1.1em!important;min-width:12px;text-align:center}.party-btn{width:22px;height:22px;border-radius:50%;border:1px solid #ccc;background-color:#fff;color:#333;font-weight:700;cursor:pointer;transition:background-color .2s;display:flex;justify-content:center;align-items:center;line-height:1;padding-bottom:1px}.party-btn:hover{background-color:#e9e9e9}.btn-action-group{display:flex;gap:10px;align-items:center}#modifyCharBtn{display:none;background:linear-gradient(135deg,#28a745 0%,#218838 100%)}#cancelEditBtn{display:none;background:#6c757d}.bottom-buttons{display:flex;gap:10px;margin-top:20px;width:100%;justify-content:flex-end}.add-char-control{display:flex;align-items:center;gap:15px;margin-top:20px}.main-content-area{display:flex;gap:30px;width:100%;flex-wrap:wrap}.boss-clear-count{font-size:3em;font-weight:700;color:#28a745;flex-shrink:0;margin-left:10px}body.dark-mode{background:linear-gradient(135deg,#2c3e50 0%,#000 100%);color:#eee}body.dark-mode .container{background:#333;box-shadow:0 20px 40px #0006}body.dark-mode .header h1,body.dark-mode .header p,body.dark-mode .input-group label,body.dark-mode .exclude-boss-section label,body.dark-mode .radio-group label,body.dark-mode .character-name,body.dark-mode .party-control > span:first-of-type{color:#e0e0e0}body.dark-mode .select2-container--default .select2-selection--single{background-color:#333!important;border:1px solid #5d6d7e!important;color:#eee!important}body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered{color:#eee!important}body.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b{border-top-color:#eee!important;border-bottom-color:#eee!important}body.dark-mode .select2-container--open .select2-dropdown{background-color:#333!important;border:1px solid #5d6d7e!important}body.dark-mode .select2-container--default .select2-results__option{background-color:#333!important;color:#eee!important}body.dark-mode .select2-container--default .select2-results__option--highlighted{background-color:#5d6d7e!important;color:#fff!important}body.dark-mode .select2-container--default .select2-results__option[aria-selected="true"]{background-color:#4a5b6d!important;color:#eee!important}body.dark-mode .select2-search__field{background-color:#333!important;color:#eee!important;border:1px solid #5d6d7e!important}body.dark-mode .select2-results__option img{background-color:transparent!important}body.dark-mode .input-section,body.dark-mode .results,body.dark-mode .boss-item{background:#222;border-color:#444}body.dark-mode .exclude-boss-box{background:#222;border-color:#444}body.dark-mode .toggle-exclude-btn{border-color:#666;color:#ccc}body.dark-mode .toggle-exclude-btn:hover{background-color:#444}body.dark-mode .profile-controls{background-color:#222;border-color:#444}body.dark-mode .profile-controls label{color:#e0e0e0}body.dark-mode .profile-select{background-color:#333;color:#e0e0e0;border-color:#444}body.dark-mode .profile-btn{background-color:#333;color:#e0e0e0;border-color:#555}body.dark-mode .profile-btn:hover{background-color:#444}body.dark-mode .profile-btn.danger{background-color:#dc3545;border-color:transparent;color:#fff}body.dark-mode .profile-btn.danger:hover{background-color:#c82333}body.dark-mode .input-group input,body.dark-mode .input-group select{background:#333;border-color:#444;color:#e0e0e0}body.dark-mode .character-item,body.dark-mode .character-result{background:#333;border-color:#444}body.dark-mode .custom-multi-select{background:#333;border-color:#444}body.dark-mode .custom-multi-select-item{color:#e0e0e0}body.dark-mode .custom-multi-select-item:hover{background-color:#444}body.dark-mode .custom-multi-select-item.selected{background-color:#e94560}body.dark-mode .character-result h3{color:#e0e0e0}body.dark-mode .party-btn{background-color:#444;border-color:#666;color:#ddd}body.dark-mode .party-btn:hover{background-color:#555}@media (max-width: 992px){.top-right-controls{position:static;justify-content:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}}@media (max-width: 768px){body{padding:10px}.container{padding:20px;flex-direction:column;gap:20px}.header h1{font-size:1.8em}.input-section,.exclude-section-wrapper{min-width:auto;width:100%}.input-group{flex-direction:column;gap:10px;align-items:stretch}.input-group label{min-width:auto;text-align:left}.btn{width:100%}.radio-group{flex-direction:column;align-items:flex-start}.character-list{grid-template-columns:1fr}#boss-image-tooltip{display:none!important}}.character-item .edit-btn{background:#007bff;padding:8px 12px;font-size:.9em;height:auto;line-height:1.2}@media (max-width: 768px){.character-item{flex-direction:column;align-items:flex-start;gap:10px}.character-item .character-info{width:100%}.character-item .character-actions{width:100%;display:flex;justify-content:flex-end;gap:10px}.character-item .edit-btn,.character-item .delete-btn{flex:1;max-width:150px;padding:10px;font-size:.9em}.character-item .delete-btn{background:#dc3545;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;padding:0;font-size:1.2em;line-height:1}}.tabs{width:100%;display:flex;border-bottom:2px solid #e9ecef;margin-bottom:30px;gap:10px}.tab-btn{padding:12px 25px;cursor:pointer;border:none;background-color:transparent;font-size:1.1em;font-weight:700;color:#888;position:relative;transition:color .3s}.tab-btn.active{color:#667eea}.tab-btn::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background-color:#667eea;transform:scaleX(0);transition:transform .3s ease-in-out}.tab-btn.active::after{transform:scaleX(1)}.tab-content{display:none;width:100%;flex-direction:column;align-items:center}.tab-content.active{display:flex;flex-wrap:wrap}body.dark-mode .tabs{border-bottom-color:#444}body.dark-mode .tab-btn{color:#999}body.dark-mode .tab-btn.active{color:#7890f8}body.dark-mode .tab-btn::after{background-color:#7890f8}#boss-image-tooltip{position:absolute;display:none;border:3px solid #667eea;border-radius:10px;background-color:#fff;padding:5px;box-shadow:0 5px 15px #0003;z-index:10000;pointer-events:none;transition:opacity .2s}#boss-image-tooltip img{display:block;max-width:250px;max-height:250px;border-radius:5px}html{overflow-y:scroll}.cube-icon{width:18px;height:18px;vertical-align:middle;margin-left:6px;margin-right:2px}.boss-cube-info{display:inline-block;margin-left:10px;font-size:.85em;font-weight:700;color:#444}.char-total-cubes{margin-top:5px;font-size:.9em;font-weight:700}.grand-total-cubes{margin-top:8px;font-size:.8em;font-weight:700;color:#333}.cube-container{position:relative!important;display:inline-block!important}.cube-img{width:35px;height:35px;vertical-align:middle;cursor:pointer}.cube-hover-info{display:none;position:absolute!important;bottom:45px;left:auto!important;right:0!important;transform:none!important;z-index:99999!important;width:max-content!important;height:auto!important;max-width:none!important;box-shadow:0 4px 15px #0000004d;background:#fff;border-radius:6px}.cube-container:hover .cube-hover-info{display:block!important}