:root{--primary-main: #f8f6ff;--primary-content: #5500bb;--secondary-main: #ede9fe;--secondary-content: #6b5b95;--accent-light: #ddd6fe;--accent-medium: #c4b5fd;--accent-dark: #9333ea;--gradient-primary: linear-gradient(135deg, #f8f6ff 0%, #dfd8ff 100%);--gradient-secondary: linear-gradient(135deg, #ddd6fe 0%, #9333ea 100%);--shadow-light: rgba(147, 51, 234, .08);--shadow-medium: rgba(147, 51, 234, .15);--shadow-dark: rgba(74, 61, 90, .2);--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary-main: #2d2438;--primary-content: #ede9fe;--secondary-main: #3d2f4f;--secondary-content: #c4b5fd;--accent-light: #4a3d5a;--accent-medium: #6b5b95;--accent-dark: #9333ea;--gradient-primary: linear-gradient(135deg, #2d2438 0%, #3d2f4f 100%);--gradient-secondary: linear-gradient(135deg, #6b5b95 0%, #9333ea 100%);--shadow-light: rgba(237, 233, 254, .05);--shadow-medium: rgba(237, 233, 254, .1);--shadow-dark: rgba(221, 214, 254, .15)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;font-size:16px;color-scheme:light dark;color:var(--primary-content);background-color:var(--primary-main);background-image:var(--gradient-primary);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:70rem;margin:0 auto;padding:2rem;text-align:left;min-height:100vh;box-shadow:0 0 40px var(--shadow-light);border-radius:var(--border-radius);margin-top:1rem;margin-bottom:1rem;background-color:var(--primary-main);transition:var(--transition)}a{color:var(--secondary-content);text-decoration:none;font-weight:500;transition:var(--transition);position:relative}a:hover{color:var(--accent-dark)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-secondary);transition:width .3s ease}a:hover:after{width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em;background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1.2rem}button{border-radius:var(--border-radius);transition:var(--transition)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){#root{margin:0;border-radius:0;padding:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}.card{padding:2.5em;display:flex;flex-wrap:wrap;background:var(--gradient-primary);border-radius:var(--border-radius);box-shadow:0 10px 30px var(--shadow-medium);margin:1.5em 0;transition:var(--transition);border:1px solid rgba(221,214,254,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary);border-radius:var(--border-radius) var(--border-radius) 0 0}.card .card-header{flex:0 0 100%;margin-bottom:1.5em;position:relative}.card .card-text{flex:0 0 100%;line-height:1.7}.card .card-text p{margin-bottom:1.2em}.card .card-text ul{padding-left:1.5em;margin:1.5em 0}.card .card-text li{margin-bottom:.8em;position:relative}@media (max-width: 768px){.card{padding:1.5em;margin:1em 0}}.about-container{max-width:800px;margin:0 auto;padding:2em}.about-container h2{font-size:2.5em;margin-bottom:1em;text-align:center;background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-container h3{font-size:1.8em;margin-top:2em;margin-bottom:1em;padding-bottom:.5em;border-bottom:2px solid var(--accent-medium)}.about-container p{font-size:1.1em;line-height:1.7;margin-bottom:1.2em;color:var(--primary-content)}.about-container ul{list-style:none;padding:0;margin:1.5em 0}.about-container li{padding:.8em 1.2em;margin-bottom:.8em;background:#ddd6fe1a;border-radius:calc(var(--border-radius) - 4px);border-left:4px solid var(--accent-dark);transition:var(--transition);position:relative;overflow:hidden}.about-container li:hover:before{left:10px}.highlight{background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}@media (max-width: 768px){.about-container{padding:1em}.about-container h2{font-size:2em}.about-container h3{font-size:1.5em}.about-container p{font-size:1em}}h1{font-size:4em;line-height:1.1;margin-bottom:.5em;text-align:center;background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card .card-text ul{list-style:none;padding:0}.card .card-text li{padding:.8em 1.2em;margin-bottom:.8em;background:#ddd6fe1a;border-radius:calc(var(--border-radius) - 4px);border-left:4px solid var(--accent-dark);transition:var(--transition)}.card .card-text li a{font-weight:600;font-size:1.1em}@media (max-width: 768px){h1{font-size:2.5em}}.info-button{background:var(--gradient-secondary);border:none;border-radius:50%;width:1.5em;height:1.5em;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-content);cursor:pointer;transition:var(--transition);font-size:.9em;font-weight:700;flex-shrink:0;margin-left:.5em}.stardew-container{max-width:900px;margin:0 auto;padding:2em}.stardew-header{text-align:center;margin-bottom:2em}.stardew-header h1{font-size:2.5em;margin-bottom:.5em;background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stardew-header p{font-size:1.1em;color:var(--secondary-content);margin-bottom:1.5em}.progress-section{background:var(--gradient-primary);border-radius:var(--border-radius);padding:1.5em;margin-bottom:2em;box-shadow:0 5px 15px var(--shadow-light);text-align:center}.progress-bar{width:100%;height:2em;background:#ddd6fe33;border-radius:2em;overflow:hidden;margin:1em 0;position:relative}.progress-fill{height:100%;background:var(--gradient-secondary);border-radius:2em;transition:width .5s ease;display:flex;align-items:center;justify-content:center;color:var(--primary-content);font-weight:600;font-size:.9em}.bundles-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5em}.bundle-item{background:var(--gradient-primary);border-radius:var(--border-radius);padding:1.5em;box-shadow:0 5px 15px var(--shadow-light);transition:var(--transition);border:1px solid rgba(221,214,254,.2);position:relative;overflow:hidden}.bundle-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary);border-radius:var(--border-radius) var(--border-radius) 0 0}.bundle-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px var(--shadow-medium)}.bundle-item.completed{background:linear-gradient(135deg,#9333ea1a,#9333ea33);border-color:var(--accent-medium)}.bundle-item.completed:before{background:var(--accent-dark)}.bundle-form{display:flex;align-items:flex-start;gap:1em}.bundle-checkbox{position:relative;margin-top:.2em}.bundle-checkbox input[type=checkbox]{width:1.5em;height:1.5em;accent-color:var(--accent-dark);cursor:pointer}.bundle-content{flex:1}.bundle-japanese{font-size:1.2em;font-weight:600;color:var(--primary-content);margin-bottom:.5em;display:flex;align-items:center;gap:.5em}.bundle-translation{font-size:.9em;color:var(--secondary-content);margin-bottom:.5em;transition:var(--transition);overflow:hidden}.bundle-source{font-size:.85em;color:var(--primary-content);opacity:.8;font-style:italic;transition:var(--transition);overflow:hidden}.bundle-translation.hidden,.bundle-source.hidden{max-height:0;margin:0;opacity:0}.bundle-translation.visible,.bundle-source.visible{max-height:100px;opacity:1;animation:slideDown .3s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:100px;opacity:1;transform:translateY(0)}}.info-button{background:var(--gradient-secondary);border:none;border-radius:50%;width:1.5em;height:1.5em;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-content);cursor:pointer;transition:var(--transition);font-size:.9em;font-weight:700;flex-shrink:0}.info-button:hover{transform:scale(1.1);box-shadow:0 2px 8px var(--shadow-medium)}.info-popover{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--gradient-secondary);color:var(--primary-content);padding:.8em 1.2em;border-radius:calc(var(--border-radius) - 4px);box-shadow:0 5px 15px var(--shadow-medium);z-index:10;font-size:.9em;white-space:nowrap;margin-top:.5em;max-width:300px;white-space:normal}.info-popover:before{content:"";position:absolute;top:-.5em;left:50%;transform:translate(-50%);border-left:.5em solid transparent;border-right:.5em solid transparent;border-bottom:.5em solid var(--accent-dark)}.clear-button{background:var(--gradient-secondary);border:none;color:var(--primary-content);padding:.8em 1.5em;border-radius:calc(var(--border-radius) - 4px);font-weight:600;cursor:pointer;transition:var(--transition);margin-top:1em}.clear-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-medium)}@media (max-width: 768px){.stardew-container{padding:1em}.stardew-header h1{font-size:2em}.bundles-list{grid-template-columns:1fr;gap:1em}.bundle-item{padding:1em}.bundle-japanese{font-size:1.1em}}.header{position:fixed;top:0;left:0;width:100%;background:var(--gradient-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px var(--shadow-medium);z-index:1000;transition:all .3s ease}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.logo{font-size:1.8rem;font-weight:700;color:var(--primary-content);text-decoration:none;display:flex;align-items:center;transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:.5rem}.nav-item{position:relative}.nav-link{color:var(--primary-content);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius);transition:all .2s ease;display:block;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-dark);transform:translate(-50%);transition:width .3s ease}.nav-link:hover:before{width:80%}.nav-link:hover{background-color:#ffffff1a;transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger span{width:30px;height:3px;background:var(--primary-content);border-radius:3px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.mobile-menu{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:var(--gradient-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-5px 0 15px #0000001a;transition:right .3s ease;z-index:999;padding:5rem 1.5rem 1.5rem;overflow-y:auto}.mobile-menu.active{right:0}.mobile-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-item{width:100%}.mobile-nav-link{color:var(--primary-content);text-decoration:none;font-weight:500;padding:1rem;border-radius:var(--border-radius);transition:all .2s ease;display:block;width:100%;text-align:left}.mobile-nav-link:hover{background-color:#ffffff1a;transform:translate(5px)}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.header-container{padding:1rem}.logo{font-size:1.5rem}.nav-menu{display:none}.hamburger{display:flex}}@media (min-width: 769px){.mobile-menu,.overlay{display:none}}@media (min-width: 769px) and (max-width: 1024px){.header-container{padding:1rem 1.5rem}.nav-link{padding:.5rem .8rem;font-size:.9rem}}@media (min-width: 1200px){.header-container{padding:1rem 2rem}.nav-link{padding:.5rem 1.2rem}}.dark-mode-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;padding:.5rem 1rem;border-radius:var(--border-radius);transition:all .2s ease}.dark-mode-toggle:hover{background-color:#ffffff1a}.dark-mode-label{color:var(--primary-content);font-weight:500;font-size:.9rem}.dark-mode-switch{position:relative;width:50px;height:24px;background:linear-gradient(to right,var(--accent-medium),var(--accent-dark));border-radius:24px;transition:all .3s ease}.dark-mode-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--gradient-primary);border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dark-mode-slider.active{transform:translate(26px);background:var(--gradient-secondary)}.dark-mode-icon{font-size:12px;line-height:1}.filter-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em;padding:1em;background:var(--gradient-primary);border-radius:var(--border-radius);box-shadow:0 3px 10px var(--shadow-light)}.killer-button{padding:.6em 1.2em;border:none;border-radius:calc(var(--border-radius) - 4px);background:var(--accent-medium);color:var(--primary-content);font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:0 2px 5px var(--shadow-light)}.killer-button:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 4px 10px var(--shadow-medium)}.killer-button[aria-disabled=true]{background:var(--accent-dark);color:var(--primary-main);transform:scale(1.05);box-shadow:0 0 15px var(--shadow-medium)}.filter-section{margin-bottom:2em;padding:1.5em;background:var(--gradient-primary);border-radius:var(--border-radius);box-shadow:0 5px 15px var(--shadow-light)}.filter-section p{font-weight:600;margin-bottom:1em;color:var(--primary-content);font-size:1.1em}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:1em}.cage-section{margin-bottom:2em;animation:fadeIn .5s ease-out}.cage-section h2{font-size:2em;margin-bottom:1em;padding:.5em 1em;background:var(--gradient-secondary);color:var(--primary-content);border-radius:calc(var(--border-radius) - 4px);box-shadow:0 3px 10px var(--shadow-light);-webkit-text-fill-color:unset}.combinations-list{list-style:none;padding:0;margin:0}.combination-item{background:#ddd6fe1a;border-radius:calc(var(--border-radius) - 4px);padding:1em;margin-bottom:.8em;border-left:4px solid var(--accent-dark);transition:var(--transition)}.combination-total{font-weight:600;font-size:1.1em;color:var(--accent-dark);margin-bottom:.5em}.set-container{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.5em}.set{display:inline-flex;padding:.5em 1em;background:var(--gradient-primary);border-radius:calc(var(--border-radius) - 6px);border:1px solid rgba(221,214,254,.2);transition:var(--transition);box-shadow:0 2px 5px var(--shadow-light)}.set:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-medium)}.set span{font-weight:500;color:var(--primary-content)}.set span:not(:last-child):after{content:", ";margin-right:.2em}.highlighted-number{font-weight:700;color:var(--accent-dark)}@media (max-width: 768px){.filter-controls{flex-direction:column;gap:1em}.filter-section{padding:1em}.filter-buttons{justify-content:center}.cage-section h2{font-size:1.5em}}