body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#111;--surface2:#1a1a1a;--text:#fff;--text-muted:#888;--accent:#ff3b5c;--accent-hover:#ff5a75}body{background:#000;background:var(--bg);color:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden;width:100vw}.install-banner{align-items:center;animation:slideUp .3s ease;background:#111;background:var(--surface);border-top:1px solid #222;bottom:0;display:flex;font-size:14px;justify-content:space-between;left:0;padding:14px 16px;position:fixed;right:0;z-index:500}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-actions{align-items:center;display:flex;gap:8px}.install-btn{background:#ff3b5c;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px}.install-dismiss{background:none;border:none;color:#888;color:var(--text-muted);cursor:pointer;font-size:20px;padding:0 4px}.auth-screen{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;height:100vh;justify-content:center}.auth-card{background:#111;background:var(--surface);border-radius:16px;padding:40px;text-align:center;width:340px}.auth-card h1{font-size:28px;margin-bottom:4px}.auth-subtitle{color:#888;color:var(--text-muted);font-size:14px;margin-bottom:24px}.auth-card input{background:#1a1a1a;background:var(--surface2);border:1px solid #333;border-radius:8px;color:#fff;color:var(--text);font-size:14px;margin-bottom:12px;outline:none;padding:12px 16px;width:100%}.auth-card input:focus{border-color:#ff3b5c;border-color:var(--accent)}.auth-card button{background:#ff3b5c;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:4px;padding:12px;width:100%}.auth-card button:hover{background:#ff5a75;background:var(--accent-hover)}.auth-toggle{color:#888;color:var(--text-muted);cursor:pointer;font-size:13px;margin-top:16px}.auth-toggle:hover{color:#fff;color:var(--text)}.error{color:#ff3b5c;color:var(--accent);font-size:13px}.top-bar{background:linear-gradient(180deg,#000000b3,#0000);height:56px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:100}.app-title,.top-bar{align-items:center;display:flex}.app-title{font-size:18px;font-weight:700;gap:8px}.filter-badge{background:#ff3b5c;background:var(--accent);border-radius:12px;cursor:default;font-size:12px;font-weight:500;padding:2px 10px}.filter-badge span{cursor:pointer;margin-left:4px}.icon-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.icon-btn:hover{background:#fff3}.video-wrapper{cursor:pointer;height:100%;position:relative;width:100%}.video-indicator{align-items:center;animation:fadeIndicator 1s ease forwards;background:#0006;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes fadeIndicator{0%{opacity:1}70%{opacity:1}to{opacity:0}}.feed{-webkit-overflow-scrolling:touch;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.post-card{background:#000;height:100vh;position:relative;scroll-snap-align:start;width:100vw}.post-card,.post-media-container{align-items:center;display:flex;justify-content:center}.post-media,.post-media-container{height:100%;width:100%}.post-media{object-fit:contain}.carousel{cursor:grab;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.carousel:active{cursor:grabbing}.carousel-track{display:flex;height:100%;transition:transform .3s ease}.carousel-slide{align-items:center;display:flex;height:100%;justify-content:center;min-width:100%}.carousel-dots{bottom:120px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background:#fff6;border-radius:50%;cursor:pointer;height:8px;transition:background .2s,transform .2s;width:8px}.dot.active{background:#fff;transform:scale(1.3)}.carousel-counter{background:#00000080;border-radius:12px;color:#fffc;font-size:12px;padding:4px 10px;position:absolute;right:16px;top:70px}.post-overlay{align-items:flex-end;background:linear-gradient(0deg,#000c 0,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:80px 16px 32px;position:absolute;right:0}.post-info{flex:1 1;margin-right:16px}.post-author{font-size:15px;font-weight:700}.post-caption{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.4;margin-top:6px;overflow:hidden}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hashtag{color:#ff3b5c;color:var(--accent);cursor:pointer;font-size:13px;font-weight:600}.hashtag:hover{text-decoration:underline}.post-actions{gap:20px}.action-btn,.post-actions{align-items:center;display:flex;flex-direction:column}.action-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:28px;gap:2px}.action-btn span{font-size:12px}.action-btn.liked{color:#ff3b5c;color:var(--accent)}.comments-panel{background:#111;background:var(--surface);border-radius:16px 16px 0 0;bottom:0;display:flex;flex-direction:column;height:50vh;left:0;position:absolute;right:0;z-index:50}.comments-header{align-items:center;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px}.comments-header h3{font-size:16px}.close-btn{background:none;border:none;color:#888;color:var(--text-muted);cursor:pointer;font-size:24px}.comments-list{flex:1 1;overflow-y:auto;padding:12px 16px}.no-comments{color:#888;color:var(--text-muted);margin-top:24px;text-align:center}.comment{font-size:14px;line-height:1.4;margin-bottom:12px}.comment strong{font-size:13px;margin-right:8px}.comment-text{color:#ddd}.comment-form{border-top:1px solid #222;display:flex;gap:8px;padding:12px 16px}.comment-form input{background:#1a1a1a;background:var(--surface2);border:1px solid #333;border-radius:20px;color:#fff;color:var(--text);flex:1 1;font-size:14px;outline:none;padding:10px 14px}.comment-form button{background:#ff3b5c;background:var(--accent);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:0 16px}.sidebar-overlay{background:#00000080;inset:0;position:fixed;z-index:200}.sidebar{background:#111;background:var(--surface);height:100vh;overflow-y:auto;padding:24px 16px;width:280px}.sidebar-user{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.sidebar-user strong{font-size:16px}.sidebar h3,.sidebar-user span{color:#888;color:var(--text-muted);font-size:13px}.sidebar h3{letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.sidebar hr{border:none;border-top:1px solid #222;margin:16px 0}.sidebar-tags{display:flex;flex-direction:column;gap:2px}.sidebar-tag{border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px}.sidebar-tag:hover{background:#1a1a1a;background:var(--surface2)}.sidebar-tag.active{background:#ff3b5c;background:var(--accent);font-weight:600}.tag-count{font-size:12px}.logout-btn,.tag-count{color:#888;color:var(--text-muted)}.logout-btn{background:#0000;border:1px solid #333;border-radius:8px;cursor:pointer;font-size:14px;padding:10px;width:100%}.logout-btn:hover{border-color:#ff3b5c;border-color:var(--accent);color:#ff3b5c;color:var(--accent)}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.modal{background:#111;background:var(--surface);border-radius:16px;max-height:90vh;max-width:90vw;overflow-y:auto;padding:24px;width:400px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:20px}.file-input-area{margin-bottom:16px}.file-input-area input[type=file]{background:#1a1a1a;background:var(--surface2);border:2px dashed #333;border-radius:8px;color:#888;color:var(--text-muted);cursor:pointer;padding:12px;width:100%}.preview-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preview-thumb{border-radius:6px;overflow:hidden}.modal textarea{background:#1a1a1a;background:var(--surface2);border:1px solid #333;border-radius:8px;color:#fff;color:var(--text);font-family:inherit;font-size:14px;margin-bottom:12px;outline:none;padding:12px;resize:vertical;width:100%}.tag-input-row{display:flex;gap:8px;margin-bottom:8px}.tag-input-row input{flex:1 1;font-size:14px;outline:none;padding:10px 14px}.tag-input-row button,.tag-input-row input{background:#1a1a1a;background:var(--surface2);border:1px solid #333;border-radius:8px;color:#fff;color:var(--text)}.tag-input-row button{cursor:pointer;font-size:20px;width:40px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{border-radius:12px;font-size:13px;padding:4px 10px}.tag,.upload-btn{background:#ff3b5c;background:var(--accent);color:#fff;cursor:pointer}.upload-btn{border:none;border-radius:8px;font-size:16px;font-weight:600;margin-top:8px;padding:14px;width:100%}.upload-btn:disabled{cursor:not-allowed;opacity:.5}.upload-btn:hover:not(:disabled){background:#ff5a75;background:var(--accent-hover)}.empty-feed,.loading{align-items:center;color:#888;color:var(--text-muted);display:flex;height:100vh;justify-content:center}.empty-feed{flex-direction:column}.empty-feed h2{color:#fff;color:var(--text);margin-bottom:8px}
/*# sourceMappingURL=main.31d53029.css.map*/