@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";.app-container{flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.header{margin-bottom:40px}.header-content{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.actions-group{align-items:center;gap:10px;display:flex}.action-icon-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;border-radius:12px;padding:10px;transition:all .3s}.action-icon-btn:hover{background:var(--accent-gradient);border-color:#0000}.new-folder-bar{gap:10px;margin-bottom:20px;display:flex;overflow:hidden}.new-folder-bar input{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:12px;outline:none;flex:1;padding:12px}.new-folder-bar button{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:0 20px}.breadcrumb{border:1px solid var(--glass-border);background:#ffffff08;border-radius:15px;align-items:center;gap:15px;padding:10px 20px;display:flex}.back-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none}.back-btn:disabled{opacity:.2;cursor:not-allowed}.path-text{opacity:.8;font-family:Outfit,sans-serif;font-weight:500}.folder-card{border:1px solid var(--glass-border);cursor:pointer;aspect-ratio:1;background:#ffffff08;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;display:flex;position:relative}.folder-icon{color:var(--accent-color);opacity:.8}.folder-name{text-align:center;word-break:break-all;font-weight:600}.delete-btn{color:#ff4d4d;cursor:pointer;opacity:0;z-index:5;background:#dc354533;border:1px solid #dc35454d;border-radius:10px;padding:8px;transition:opacity .3s;position:absolute;top:10px;right:10px}.story-card:hover .delete-btn,.folder-card:hover .delete-btn{opacity:1}.delete-btn.mini{padding:5px}.story-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}@media (width<=600px){.story-grid{grid-template-columns:repeat(2,1fr);gap:10px}.header-content h1{font-size:1.5rem}}.upload-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.login-container{background:var(--bg-color);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--surface-color);border:1px solid var(--glass-border);text-align:center;border-radius:30px;width:90%;max-width:400px;padding:40px}.login-icon{background:var(--accent-gradient);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;display:flex}.login-card input{border:1px solid var(--glass-border);color:#fff;text-align:center;background:#ffffff0d;border-radius:12px;outline:none;width:100%;margin-bottom:15px;padding:15px;font-size:1.2rem}.login-card button{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:15px;font-weight:600}.story-card{background:var(--surface-color);cursor:pointer;border:1px solid var(--glass-border);border-radius:20px;position:relative;overflow:hidden}.card-media{aspect-ratio:9/16;background:#000;width:100%;position:relative}.card-media img,.card-media video{object-fit:cover;width:100%;height:100%}.card-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.story-card:hover .card-overlay{opacity:1}.card-info{color:var(--text-secondary);align-items:center;gap:5px;padding:10px;font-size:.8rem;display:flex}.story-viewer-overlay{z-index:1000;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-container{aspect-ratio:9/16;border:1px solid var(--glass-border);background:#000;border-radius:15px;width:100%;max-width:50.625vh;height:auto;max-height:90vh;position:relative;overflow:hidden}.media-container img,.media-container video{object-fit:contain;width:100%;height:100%}.close-btn{color:#fff;cursor:pointer;z-index:1010;background:0 0;border:none;position:absolute;top:20px;right:20px}.nav-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 20px;display:flex}.progress-bar-container{z-index:10;gap:4px;display:flex;position:absolute;top:10px;left:10px;right:10px}.progress-segment{background:#fff3;border-radius:1px;flex:1;height:2px}.progress-segment.completed,.progress-segment.active{background:#fff}.loader{border:3px solid var(--glass-border);border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-toast{color:#fff;z-index:4000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-weight:500;display:flex;position:fixed;bottom:20px;right:20px}.status-toast.success{background:#28a745}.status-toast.error{background:#dc3545}.logout-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:10px;padding:8px 15px;font-size:.8rem}:root{--bg-color:#050505;--surface-color:#121212;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-color:#f09433;--accent-gradient:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #000c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}h1,h2,h3{font-family:Outfit,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}