:root{color-scheme:dark;--bg: #000000;--panel: rgba(28, 28, 30, .85);--panel-solid: #1c1c1e;--border: rgba(255, 255, 255, .1);--text: #f5f5f7;--text-dim: #98989d;--accent: #0a84ff;--accent-hover: #3a9dff;--danger: #ff453a;--radius: 14px;--topbar-h: 56px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 20%,#1c1c2b,#000 65%)}.auth-card{width:100%;max-width:380px;background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:32px 28px;text-align:center;box-shadow:0 20px 60px #00000073}.auth-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:16px;background:linear-gradient(135deg,#0a84ff,#5e5ce6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #0a84ff59}.auth-card h1{font-size:20px;margin:0 0 4px;font-weight:600}.auth-card p.subtitle{color:var(--text-dim);font-size:14px;margin:0 0 24px}.field{text-align:left;margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px}.field input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff2e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{width:100%;background:var(--accent);color:#fff;box-shadow:0 4px 14px #0a84ff4d}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--accent);padding:8px 10px;font-weight:500}.btn-danger{background:var(--danger);color:#fff}.error-msg{color:var(--danger);font-size:13px;margin:-4px 0 14px;text-align:left}.auth-switch{margin-top:18px;font-size:13px;color:var(--text-dim)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#141416b8;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid var(--border)}.topbar-title{font-size:17px;font-weight:600;letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#5e5ce6,#ff375f);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-shadow:0 2px 8px #00000059}.icon-btn{position:relative;width:34px;height:34px;border-radius:50%;border:none;background:#ffffff14;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s}.icon-btn:hover{background:#ffffff29}.icon-btn:active{transform:scale(.92)}.gallery{flex:1;padding:12px 12px 100px}.day-group{margin-bottom:22px}.day-header{font-size:15px;font-weight:700;padding:10px 4px 8px;position:sticky;top:var(--topbar-h);background:linear-gradient(var(--bg) 70%,transparent);z-index:10}.day-header .day-sub{font-weight:400;color:var(--text-dim);margin-left:6px;font-size:13px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:3px}.media-tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;background:#1c1c1e;cursor:pointer}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.media-tile:hover img,.media-tile:hover video{transform:scale(1.04)}.media-tile .no-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:#ffffff08}.media-tile .badge{position:absolute;right:6px;bottom:6px;background:#0000008c;color:#fff;font-size:11px;padding:2px 6px;border-radius:6px;display:flex;align-items:center;gap:3px}.empty-state{text-align:center;color:var(--text-dim);padding:80px 20px}.big-icon{display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--text-dim)}.fab{position:fixed;right:20px;bottom:24px;z-index:30;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#fff;border:none;box-shadow:0 6px 20px #00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s,box-shadow .15s}.fab:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 26px #0000008c}.fab:active{transform:scale(.94)}.fab:disabled{opacity:.6;transform:none}.upload-toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:30;background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;padding:12px 18px;min-width:240px;box-shadow:0 8px 24px #00000080}.upload-toast .label{font-size:13px;margin-bottom:8px;color:var(--text-dim)}.progress-bar{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);transition:width .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000f2;display:flex;flex-direction:column;animation:fadeIn .18s ease}.lightbox-body img,.lightbox-body video{animation:scaleIn .2s ease}.lightbox-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#fff;font-size:14px}.lightbox-top .meta .uploader{font-weight:600}.lightbox-top .meta .date{color:var(--text-dim);font-size:12px}.lightbox-actions{display:flex;gap:8px}.lightbox-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;padding:0 8px}.lightbox-body img,.lightbox-body video{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.lightbox-nav{position:absolute;top:0;bottom:0;width:15%;display:flex;align-items:center;background:transparent;border:none;color:#fff9;font-size:30px;cursor:pointer}.lightbox-nav.prev{left:0;justify-content:flex-start;padding-left:6px}.lightbox-nav.next{right:0;justify-content:flex-end;padding-right:6px}.lightbox-nav:hover{color:#fff}.lightbox-unsupported{text-align:center;color:var(--text-dim);padding:40px}.comment-count{position:absolute;top:-2px;right:-2px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:1;padding:3px 4px;border-radius:8px;min-width:14px}.comments-panel{display:flex;flex-direction:column;max-height:45vh;background:#141416eb;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border-top:1px solid var(--border);animation:scaleIn .15s ease}.comments-list{flex:1;overflow-y:auto;padding:12px 16px}.comments-empty{color:var(--text-dim);font-size:13px;text-align:center;padding:12px 0}.comment-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.comment-row:last-child{border-bottom:none}.comment-body{display:flex;flex-direction:column;gap:2px;min-width:0}.comment-author{font-size:12px;font-weight:600;color:var(--text-dim)}.comment-text{font-size:14px;color:var(--text);word-break:break-word;white-space:pre-wrap}.comment-delete{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer}.comment-delete:hover{background:#ff453a26;color:var(--danger)}.comment-form{display:flex;align-items:center;gap:8px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--border)}.comment-form input{flex:1;padding:10px 14px;border-radius:20px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:14px;outline:none}.comment-form input:focus{border-color:var(--accent)}.comment-form button{background:var(--accent);color:#fff}.comment-form button:disabled{opacity:.4;cursor:default}.admin-page{max-width:560px;margin:0 auto;padding:20px 16px 80px}.admin-section{background:var(--panel-solid);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px}.admin-section h2{font-size:16px;margin:0 0 14px}.stat-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.success-msg{color:#32d74b;font-size:13px;margin:-4px 0 14px}@media(max-width:480px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}