: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);--item-bg: rgba(255, 255, 255, .08);--item-bg-hover: rgba(255, 255, 255, .15);--item-bg-active: rgba(255, 255, 255, .15);--item-bg-subtle: rgba(255, 255, 255, .03);--thumbnail-bg: #1e293b;--btn-text: white;--connected-bg: rgba(15, 23, 42, .6);--count-badge-bg: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .12);--input-color: white;--version-badge-bg: rgba(56, 189, 248, .15);--header-bg: rgba(15, 23, 42, .92);--header-border: rgba(255, 255, 255, .08);--dropdown-bg: rgba(20, 20, 35, .97);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}.connection-active{background:#22c55e26!important;border:1px solid rgba(34,197,94,.4)!important;box-shadow:0 0 15px #22c55e33!important;color:#4ade80!important}.sidebar{width:390px;height:100vh;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;border-right:1px solid var(--border-color);overflow-y:auto;scrollbar-width:thin}.sidebar.glass{background:var(--sidebar-bg)}.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}.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:var(--item-bg)}.list-item .thumbnail{width:50px;height:60px;border-radius:4px;overflow:hidden;background:var(--thumbnail-bg)}.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:var(--item-bg-subtle);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:var(--item-bg);color:var(--text-primary);cursor:pointer;border:1px solid transparent;transition:.2s;font-size:.9rem}.title-option:hover{background:var(--item-bg-hover)}.title-option.selected{border-color:var(--accent-color);background:#38bdf81a}.custom-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:.6rem 1rem;color:var(--input-color);width:100%;box-sizing:border-box;outline:none}.custom-input:focus{border-color:var(--accent-color)}.storage-info{margin-top:auto;padding:1rem;background:var(--item-bg-subtle);border-radius:12px;font-size:.8rem}.storage-bar-container{width:100%;height:6px;background:var(--count-badge-bg);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:var(--count-badge-bg);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:.3rem .8rem;border-radius:15px;font-size:.75rem;cursor:pointer;transition:.2s}.group-item-container{display:flex;align-items:center;position:relative;width:100%;pointer-events:none}.group-item-container>*{pointer-events:auto}.group-delete-btn{position:absolute;right:12px;display:flex;opacity:0;pointer-events:none!important;background:transparent;border:none;color:#ef444499;cursor:pointer;padding:4px;transition:opacity .15s}@media (hover: hover){.group-item-container{pointer-events:auto}.group-item-container:hover .group-delete-btn{opacity:1;pointer-events:auto!important}.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:var(--item-bg-subtle);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:var(--item-bg);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:var(--count-badge-bg)}.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:0;transform:translate(-100%);z-index:1001;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 50px #00000080}.sidebar.open{transform:translate(0)}.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}}[data-theme=white],[data-theme=sky],[data-theme=mint],[data-theme=rose]{color-scheme:light;--item-bg: rgba(0, 0, 0, .05);--item-bg-hover: rgba(0, 0, 0, .09);--item-bg-active: rgba(0, 0, 0, .1);--item-bg-subtle: rgba(0, 0, 0, .03);--thumbnail-bg: #e2e8f0;--btn-text: var(--text-primary);--connected-bg: rgba(255, 255, 255, .85);--count-badge-bg: rgba(0, 0, 0, .08);--input-bg: rgba(0, 0, 0, .06);--input-color: var(--text-primary);--header-bg: rgba(255, 255, 255, .92);--header-border: rgba(0, 0, 0, .1);--dropdown-bg: rgba(255, 255, 255, .97)}[data-theme=white]{--bg-color: #f8fafc;--sidebar-bg: rgba(241, 245, 249, .92);--card-bg: rgba(255, 255, 255, .8);--accent-color: #0284c7;--accent-hover: #0369a1;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: rgba(0, 0, 0, .1);--version-badge-bg: rgba(2, 132, 199, .12)}[data-theme=sky]{--bg-color: #f0f9ff;--sidebar-bg: rgba(224, 242, 254, .92);--card-bg: rgba(255, 255, 255, .8);--accent-color: #0284c7;--accent-hover: #0369a1;--text-primary: #0c4a6e;--text-secondary: #0369a1;--border-color: rgba(3, 105, 161, .15);--version-badge-bg: rgba(2, 132, 199, .12)}[data-theme=mint]{--bg-color: #f0fdf4;--sidebar-bg: rgba(220, 252, 231, .92);--card-bg: rgba(255, 255, 255, .8);--accent-color: #059669;--accent-hover: #047857;--text-primary: #052e16;--text-secondary: #047857;--border-color: rgba(4, 120, 87, .15);--version-badge-bg: rgba(5, 150, 105, .12)}[data-theme=rose]{--bg-color: #fff1f2;--sidebar-bg: rgba(255, 228, 230, .92);--card-bg: rgba(255, 255, 255, .8);--accent-color: #e11d48;--accent-hover: #be123c;--text-primary: #4c0519;--text-secondary: #be123c;--border-color: rgba(190, 18, 60, .15);--version-badge-bg: rgba(225, 29, 72, .12)}