:root{font-family:Pretendard,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-color: #0f172a;--sidebar-bg: rgba(30, 41, 59, .7);--card-bg: rgba(51, 65, 85, .4);--accent-color: #38bdf8;--accent-hover: #7dd3fc;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-blur: blur(12px);color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color)}.premium-button{background:var(--accent-color);color:#000;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.premium-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.sidebar{width:260px;height:100vh;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;position:sticky;top:0;border-right:1px solid var(--border-color)}.main-content{flex:1;padding:2rem;overflow-y:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.score-card{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1)}.score-card:hover{transform:scale(1.03)}.score-card img{width:100%;height:100%;object-fit:cover}.score-card .overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000c);color:#fff}.viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:1000;display:flex;justify-content:center;align-items:center}.viewer-content{max-width:90%;max-height:90%;position:relative}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:48px;height:48px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.viewer-nav.prev{left:-64px}.viewer-nav.next{right:-64px}.list-container{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}.list-item{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .2s ease}.list-item:hover{background:#ffffff0d}.list-item .thumbnail{width:50px;height:60px;border-radius:4px;overflow:hidden;background:#1e293b}.list-item .thumbnail img{width:100%;height:100%;object-fit:cover}.list-item .info{flex:1}.list-item .title{font-weight:600;font-size:1rem}.list-item .category-tag{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content{width:min(600px,90vw);max-height:80vh;overflow-y:auto;border-radius:20px;padding:2rem}.pending-file-item{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:1rem}.title-options{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.title-option{padding:.5rem 1rem;border-radius:8px;background:#ffffff0d;cursor:pointer;border:1px solid transparent;transition:.2s;font-size:.9rem}.title-option:hover{background:#ffffff1a}.title-option.selected{border-color:var(--accent-color);background:#38bdf81a}.custom-input{background:#0003;border:1px solid var(--border-color);border-radius:8px;padding:.6rem 1rem;color:#fff;width:100%;box-sizing:border-box;outline:none}.custom-input:focus{border-color:var(--accent-color)}.storage-info{margin-top:auto;padding:1rem;background:#ffffff08;border-radius:12px;font-size:.8rem}.storage-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;margin:.8rem 0;overflow:hidden}.storage-bar-fill{height:100%;background:var(--accent-color);border-radius:3px;transition:width .5s ease-out}.storage-details{display:flex;justify-content:space-between;color:var(--text-secondary)}.delete-modal{background:#1e1e1e!important;border:1px solid #ef444455!important}.delete-button{background:#ef4444!important;color:#fff!important}.count-badge{margin-left:auto;font-size:.75rem;background:#ffffff1a;padding:2px 8px;border-radius:10px;opacity:.7}.sidebar-item.active .count-badge{background:#0000001a;opacity:1}.sort-controls{display:flex;gap:.5rem;margin-bottom:2.5rem;align-items:center}.sort-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;cursor:pointer;transition:.2s}.group-item-container{display:flex;align-items:center;position:relative;width:100%}.group-delete-btn{position:absolute;right:12px;display:none;background:transparent;border:none;color:#ef444499;cursor:pointer;padding:4px}.group-item-container:hover .group-delete-btn{display:flex}.group-delete-btn:hover{color:#ef4444}.category-chips{display:flex;gap:.5rem;margin-top:1rem}.category-chip{padding:.5rem 1rem;border-radius:20px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:.2s}.app-version{font-size:.65rem;color:var(--text-secondary);opacity:.5;margin-top:-.5rem;margin-bottom:1.5rem;font-family:monospace}.group-picker-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;max-height:300px;overflow-y:auto}.group-picker-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:.2s;text-align:left}.group-picker-item:hover{background:#ffffff14;border-color:var(--accent-color)}.menu-toggle-btn{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:8px;transition:.2s}.menu-toggle-btn:hover{background:#ffffff1a}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}@media (max-width: 1024px){.sidebar{position:fixed;left:-280px;z-index:1001;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 50px #00000080}.sidebar.open{transform:translate(280px)}.menu-toggle-btn{display:flex;align-items:center;justify-content:center}.main-content{padding:1.5rem}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.premium-button{padding:.8rem 1.4rem}.list-item{padding:1rem 1.5rem}.category-chip{padding:.7rem 1.2rem}}@media (max-width: 640px){.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal-content{padding:1.5rem;width:95vw}}