:root{--primary: hsl(240, 37%, 87%);--primary-light: hsl(240, 37%, 93%);--primary-dark: hsl(240, 37%, 80%);--primary-transparent: hsla(240, 37%, 87%, .9);--text-dark: hsl(240, 37%, 20%);--text-light: hsl(240, 37%, 26%);--background: hsl(240, 37%, 95%);--border: hsl(240, 37%, 80%);--error: hsl(354, 70%, 54%);--success: hsl(134, 61%, 41%);--border-rarity-3: hsl(210, 100%, 56%);--border-rarity-4: hsl(260, 60%, 65%);--border-rarity-5: hsl(51, 100%, 50%);--background-rarity-3: hsla(210, 100%, 56%, .3);--background-rarity-4: hsla(260, 60%, 65%, .3);--background-rarity-5: hsla(51, 100%, 50%, .3);--background-rarity-5-limited: hsla(51, 100%, 50%, .4)}[data-theme=dark]{--primary: hsl(240, 37%, 16%);--primary-light: hsl(240, 37%, 25%);--primary-dark: hsl(240, 37%, 10%);--primary-transparent: hsla(240, 37%, 16%, .9);--text-dark: hsl(240, 37%, 98%);--text-light: hsl(240, 37%, 90%);--background: hsl(240, 37%, 10%);--border: hsl(240, 37%, 26%);--error: hsl(354, 70%, 54%);--success: hsl(134, 61%, 41%);--border-rarity-3: hsl(210, 100%, 56%);--border-rarity-4: hsl(260, 60%, 65%);--border-rarity-5: hsl(51, 100%, 50%);--background-rarity-3: hsla(210, 100%, 56%, .1);--background-rarity-4: hsla(260, 60%, 65%, .1);--background-rarity-5: hsla(51, 100%, 50%, .1);--background-rarity-5-limited: hsla(51, 100%, 50%, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Segoe UI,sans-serif;line-height:1.6;background-color:var(--background);color:var(--text-light);overflow-x:hidden;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.app-container{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background-color:var(--primary);color:var(--text-dark);padding:20px 0;position:fixed;height:100vh;width:250px;overflow-y:auto}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid var(--primary-light)}.sidebar-nav{padding:20px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;color:var(--text-dark);text-decoration:none;transition:background-color .3s,color .3s}.nav-item:hover,.nav-item.active{background-color:var(--primary-light)}.nav-item-icon{margin-right:12px;width:24px;height:24px}.main-content{grid-column:2;padding:20px;max-width:100%;background-color:var(--background)}.mobile-nav-toggle{display:none;position:fixed;top:10px;left:10px;z-index:1000;background:var(--primary-light);color:var(--text-dark);border:none;padding:10px;border-radius:4px;cursor:pointer}@media (max-width: 768px){.app-container{grid-template-columns:1fr}.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:999}.sidebar.open{transform:translate(0)}.mobile-nav-toggle{display:block}.main-content{grid-column:1;padding-left:20px}}.action-buttons{margin-bottom:20px}.import-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.import-button:hover{background-color:#45a049}.import-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#f44336;margin-bottom:20px;padding:10px;background-color:#ffebee;border-radius:4px}.danger-zone{margin-top:30px;padding:20px;border:1px solid #ff5252;border-radius:4px;background-color:#ffebee}.danger-button{padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.danger-button:hover{background-color:#d32f2f}.helper-text{font-size:14px;color:#757575;margin-top:10px}.theme-toggle-container{margin:15px 0;padding:10px;border-radius:8px;background-color:var(--primary);transition:background-color .3s ease}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-dark);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--primary-light);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-dark)}input:focus+.slider{box-shadow:0 0 1px var(--primary-dark)}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.auth-token-guide{margin-top:10px}.guide-content{padding:15px;margin-top:10px;background-color:#f8f9fa;border-radius:5px}.platform-selector{display:flex;margin-bottom:15px}.platform-button{padding:8px 15px;margin-right:10px;background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;cursor:pointer}.platform-button.active{background-color:#007bff;color:#fff;border-color:#007bff}.guide-instructions{color:var(--text-light);line-height:1.6}.guide-instructions ol{padding-left:20px}.guide-instructions li{margin-bottom:8px}.guide-instructions a{color:#007bff;text-decoration:none}.guide-instructions a:hover{text-decoration:underline}.container{background-color:var(--primary);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;margin:20px;max-width:1400px;color:var(--text-dark)}.header{background-color:#1a1b3a;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:20px}.nav-link{color:#fff;text-decoration:none;padding:5px 10px;border-radius:4px;transition:background-color .3s}.nav-link:hover{background-color:#ffffff1a}.button{background-color:var(--primary-light);color:var(--text-dark);border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.button:hover{background-color:var(--primary-dark)}.button-secondary{background-color:#6c757d}.button-danger{background-color:#dc3545}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-control{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;margin-bottom:15px;background-color:var(--primary);color:var(--text-light);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.form-control.form-dropdown{width:200px;padding:10px}.card{border:1px solid var(--border);border-radius:5px;overflow:hidden}.card-header{background-color:var(--primary-dark);padding:10px 15px;display:flex;justify-content:space-between;align-items:center}.card-body{padding:10px;font-size:14px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px;max-height:1000px;overflow-x:auto}.memory-card{transition:transform .2s}.memory-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0000001a}.memory-icon{display:flex;justify-content:center;margin:10px 0}.memory-icon img{max-width:100px;max-height:100px;object-fit:contain}.rarity-display{color:#ffc107;font-weight:700}.memory-card.rarity-5{border-color:var(--border-rarity-5);background-color:var(--background-rarity-5)}.memory-card.rarity-4{border-color:var(--border-rarity-4);background-color:var(--background-rarity-4)}.memory-card.rarity-3{border-color:var(--border-rarity-3);background-color:var(--background-rarity-3)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.button-group{display:flex;gap:10px}.mt-5{margin-top:5px}.d-block{display:block}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.text-center{text-align:center}.mt-20{margin-top:20px}.wish-icon{position:relative;width:60px;height:60px;margin-right:10px;border-radius:4px;overflow:hidden}.wish-icon:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);pointer-events:none}.wish-icon img{max-height:60px;object-fit:contains}.memory-attributes{position:absolute;inset:0;z-index:1;pointer-events:none}.memory-attribute-icon{position:absolute;width:20px;height:20px;object-fit:contain;padding:0}.memory-attribute-icon.stellactrum{top:0px;left:0px}.memory-attribute-icon.time{bottom:0px;left:0px}.memory-rarity{position:absolute;bottom:2px;right:0px;color:gold;font-size:10px;text-shadow:0 0 2px rgba(0,0,0,.8);z-index:1}.banner-card{border:1px solid var(--border);padding:15px;border-radius:8px;margin-bottom:15px}.banner-card-active{border-color:#4caf50}.banner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.banner-title{font-size:18px;font-weight:700}.banner-status{padding:5px 10px;border-radius:4px;font-size:12px}.banner-status.active{background-color:#4caf50;color:#fff}.banner-status.inactive{background-color:#f44336;color:#fff}.settings-section{margin-bottom:30px}.settings-section h2{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.loading{display:flex;justify-content:center;align-items:center;height:200px}.error{color:#dc3545;padding:10px;background-color:#f8d7da;border-radius:4px;margin-bottom:15px}.success{color:#28a745;padding:10px;background-color:#d4edda;border-radius:4px;margin-bottom:15px}.memory-filters{margin:20px 0;background:var(--primary-dark);border:1px solid var(--border);padding:15px;border-radius:8px}.ownership-filter{display:flex;gap:10px;margin-bottom:10px;justify-content:center;flex-wrap:wrap}.ownership-filter .filter-button{background:var(--primary-light);border-radius:20px;padding:5px 25px;width:auto;height:auto;font-size:.9rem}.filter-groups{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:center}.filter-section{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:150px}.filter-section h4{color:#fff;margin:0;font-size:14px;white-space:nowrap;text-align:center}.filter-buttons{display:flex;gap:8px;flex-wrap:nowrap}.filter-button{width:36px;height:36px;padding:0;border:2px solid rgba(255,255,255,.02);border-radius:50%;background-color:#ffffff1a;color:var(--text-dark);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;font-size:30px}.filter-button:hover{background-color:#6b6cac;transform:translateY(-2px)}.filter-button.active{background-color:#4a6fa5;border-color:#4a6fa5}.filter-icon{border-radius:50%;width:30px;height:30px;object-fit:contain}.filter-button.all{font-size:30px;font-weight:700;color:var(--text-dark);padding-top:8px}.filter-button.rarity-3{color:var(--border-rarity-3);border-color:var(--border-rarity-3);padding-bottom:5px}.filter-button.rarity-4{color:var(--border-rarity-4);border-color:var(--border-rarity-4);padding-bottom:5px}.filter-button.rarity-5{color:var(--border-rarity-5);border-color:var(--border-rarity-5);padding-bottom:5px}.filter-button.active.rarity-3{background-color:var(--border-rarity-3);color:#fff}.filter-button.active.rarity-4{background-color:var(--border-rarity-4);color:#fff}.filter-button.active.rarity-5{background-color:var(--border-rarity-5);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--primary-dark);border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s;border:1px solid var(--border)}.stat-card:hover{transform:translateY(-5px)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin:10px 0}.stat-subtitle{color:#666;font-size:.9rem}.quick-actions{margin:40px 0}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.action-card{background:var(--primary-dark);border-radius:8px;padding:20px;text-decoration:none;color:var(--text-dark);transition:all .2s;border:1px solid var(--border)}.action-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0000001a;border-color:var(--primary)}.action-icon{font-size:2rem;margin-bottom:10px;display:block}.features-section{margin:40px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.feature-card{background:var(--primary-dark);border:1px solid var(--border);color:var(--text-dark);border-radius:8px;padding:20px}.feature-card h3{margin-bottom:10px}.login-prompt{display:flex;justify-content:center;align-items:center;margin:40px 0}.login-card{background:var(--primary);border-radius:8px;padding:30px;text-align:center;box-shadow:0 4px 8px #0000001a;max-width:400px;width:100%}.login-card h2{color:var(--primary);margin-bottom:15px}.login-card p{margin-bottom:20px;color:#666}@media (max-width: 768px){.stats-grid,.action-grid,.features-grid{grid-template-columns:1fr}.container{margin:10px;padding:20px}}.banner-sections{display:flex;flex-direction:column;gap:30px;margin-top:30px}.banner-section{background:var(--primary-dark);border:1px solid var(--border);border-radius:8px;padding:20px}.banner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}.pity-counters{display:flex;gap:20px}.pity-counter{padding:8px 15px;border-radius:4px;font-weight:700}.pity-counter.rarity-4{background-color:var(--background-rarity-4);color:var(--border-rarity-4)}.pity-counter.rarity-5{background-color:var(--background-rarity-5);color:var(--border-rarity-5)}.pity-counter.total-wishes{background-color:var(--background-rarity-3);color:var(--border-rarity-3)}.wish-count{color:#666;font-size:.9rem}.wish-list{display:flex;flex-direction:column;gap:10px}.memory-item{background-color:var(--primary-light);border-radius:8px;padding:10px;position:relative;transition:transform .2s}.memory-item:hover{transform:translateY(-2px)}.memory-item.rarity-3{border:1px solid var(--border-rarity-3);background-color:var(--background-rarity-3)}.memory-item.rarity-4{border:1px solid var(--border-rarity-4);background-color:var(--background-rarity-4)}.memory-item.rarity-5{border:1px solid var(--border-rarity-5);background-color:var(--background-rarity-5)}.wish-details{flex:1;margin-left:15px}.wish-details h3{margin:0;font-size:1.1rem}.wish-details p{margin:5px 0 0;color:#666;font-size:.9rem}.guaranteed-badge{padding:4px 8px;background-color:var(--primary);color:#fff;border-radius:4px;font-size:.8rem}.no-wishes{text-align:center;padding:30px;color:#666;font-style:italic}@media (max-width: 768px){.banner-header{flex-direction:column;gap:15px;align-items:flex-start}.pity-counters{flex-direction:column;gap:10px}.wish-details{margin:10px 0}.guaranteed-badge{align-self:flex-start}}.memory-section{margin:20px 0;padding:20px;background:var(--primary-dark);border:1px solid var(--border);border-radius:8px}.memory-section h3{color:var(--text-dark);margin-bottom:15px;font-size:1.2rem}.memory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.memory-not-owned{opacity:.5}.memory-name{color:var(--text-dark);font-size:.9rem;margin-top:8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-name:hover{overflow:visible}.memory-count{position:absolute;top:-8px;right:-8px;background-color:var(--primary);color:var(--text-dark);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;border:2px solid var(--border)}.import-section{display:flex;align-items:center}.missing-data-notice{font-size:.8rem;padding:10px;color:var(--text-dark);text-align:left;margin:20px}.wish-history-table{margin-top:20px;max-height:800px;overflow-x:auto}.wish-history-table table{width:100%;border-collapse:collapse;background-color:var(--primary-light);border-radius:8px;overflow:hidden}.wish-history-table th{background-color:var(--primary);color:var(--text-dark);padding:12px;text-align:left;font-weight:500}.wish-history-table td{padding:12px;color:var(--text-dark);border-bottom:1px solid var(--border)}.wish-history-table tr:hover{background-color:var(--primary-light)}.wish-history-table tr.rarity-3{background-color:var(--background-rarity-3)}.wish-history-table tr.rarity-4{background-color:var(--background-rarity-4)}.wish-history-table tr.rarity-5{background-color:var(--background-rarity-5)}.wish-history-table tr.rarity-5.limited{background-color:var(--background-rarity-5-limited)}button.nav-item{background-color:transparent;border:none;color:var(--text-dark);width:100%;text-align:left;cursor:pointer}button.nav-item:hover{background-color:var(--primary-light)}@media (max-width: 768px){.filter-groups{gap:15px}.filter-section{min-width:120px}}@media (max-width: 480px){.filter-section{min-width:100%}}.sidebar-ad-container{margin-top:20px;width:100%;min-height:250px;display:flex;justify-content:center;align-items:center;overflow:hidden}.sidebar-ad{width:100%;min-height:250px}