:root{--primary: #3b5bff;--primary-dark: #2742d9;--primary-soft: #eaeeff;--accent: #ff6b5e;--magic1: #6b5bff;--magic2: #b14be8;--ink: #15161b;--ink-soft: #3a3d47;--gray: #6a707e;--gray-light: #9aa1ae;--bg: #ffffff;--bg-soft: #f5f6f8;--card: #ffffff;--line: #eceef2;--overlay: rgba(8, 9, 12, .96);--green: #1fa463;--amber: #f0a12e;--danger: #e5484d;--danger-soft: #fdecec;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--shadow-card: 0 6px 16px rgba(11, 18, 32, .06);--shadow-float: 0 10px 22px rgba(11, 18, 32, .16);--maxw: 1180px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-soft);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);padding:11px 16px;font-size:14.5px;font-weight:700;background:var(--bg-soft);color:var(--ink);transition:opacity .15s,background .15s}.btn:hover{opacity:.92}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-card)}.btn-soft{background:var(--primary-soft);color:var(--primary-dark)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-ghost{background:transparent;color:var(--gray)}.btn-block{width:100%}.btn-icon{width:42px;height:42px;padding:0;border-radius:var(--radius-pill);background:var(--bg-soft);color:var(--ink)}.input{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);padding:13px 15px;font-size:15.5px;color:var(--ink);background:var(--bg);outline:none;transition:border-color .15s}.input:focus{border-color:var(--primary)}.label{font-size:12.5px;font-weight:700;color:var(--gray);text-transform:none;letter-spacing:.01em}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.section-label{font-size:13px;font-weight:800;color:var(--gray);margin:22px 0 10px}.muted{color:var(--gray)}.row{display:flex;align-items:center}.spacer{flex:1}.nav{position:sticky;top:0;z-index:30;background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:14px;height:60px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;letter-spacing:-.3px}.brand-logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--magic1),var(--magic2));display:grid;place-items:center;color:#fff;font-size:16px}.nav-links{display:flex;align-items:center;gap:4px;margin-left:10px}.nav-link{padding:8px 12px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;color:var(--gray)}.nav-link.active{background:var(--primary-soft);color:var(--primary-dark)}.nav-link:hover{color:var(--ink)}.bell{position:relative}.bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px;border:2px solid var(--bg)}.avatar{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;flex:none}.albums-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.album-card{overflow:hidden;cursor:pointer;transition:transform .12s,box-shadow .12s}.album-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.album-cover{aspect-ratio:4 / 3;background:linear-gradient(135deg,#c9d2ff,#e7c9ff);position:relative}.album-cover img{width:100%;height:100%;object-fit:cover}.album-cover .ph{width:100%;height:100%;display:grid;place-items:center;font-size:40px}.album-meta{padding:13px 15px 16px}.album-name{font-weight:800;font-size:16px}.album-sub{font-size:12.5px;color:var(--gray);margin-top:3px}.photo-grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photo-grid.size-S{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.photo-grid.size-L{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tile{position:relative;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:var(--bg-soft);cursor:pointer}.tile img{width:100%;height:100%;object-fit:cover}.tile .ph{width:100%;height:100%;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,#c9d2ff,#e7c9ff)}.tile .vid-badge{position:absolute;left:6px;bottom:6px;background:#08090c99;color:#fff;border-radius:var(--radius-pill);padding:2px 7px;font-size:11px;display:flex;gap:4px;align-items:center}.tile .thumb-badge{position:absolute;right:6px;bottom:6px;display:flex;gap:4px}.thumb-pill{background:#08090c99;color:#fff;border-radius:var(--radius-pill);padding:2px 6px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:3px}.tile .check{position:absolute;top:7px;left:7px;width:22px;height:22px;border-radius:50%;background:#ffffffd9;border:2px solid #fff;display:grid;place-items:center}.tile .check.on{background:var(--primary)}.tile.selected{outline:3px solid var(--primary);outline-offset:-3px}.react-bar{display:flex;gap:6px;flex-wrap:wrap}.react-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--radius-pill);background:var(--bg-soft);border:1.5px solid transparent;font-size:17px}.react-chip .n{font-size:12.5px;font-weight:700;color:var(--gray)}.react-chip.active{background:var(--primary-soft);border-color:var(--primary)}.react-bar.dark .react-chip{background:#ffffff24;color:#fff}.react-bar.dark .react-chip .n{color:#fff}.react-bar.dark .react-chip.active{background:#ffffff42;border-color:#fff}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--overlay);display:flex;flex-direction:column}.lb-top{display:flex;align-items:center;gap:10px;padding:14px 18px;color:#fff}.lb-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative}.lb-stage img,.lb-stage video{max-width:92%;max-height:100%;object-fit:contain;border-radius:8px}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#ffffff24;color:#fff;display:grid;place-items:center;font-size:22px;border:none}.lb-nav.prev{left:14px}.lb-nav.next{right:14px}.lb-bottom{padding:12px 18px 20px;color:#fff;display:flex;flex-direction:column;gap:12px}.lb-actions{display:flex;align-items:center;gap:14px}.icon-btn-light{background:#ffffff24;color:#fff;border:none;border-radius:var(--radius-pill);padding:9px 14px;font-weight:700;font-size:14px;display:inline-flex;gap:7px;align-items:center}.comments{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);z-index:70;background:var(--card);box-shadow:var(--shadow-float);display:flex;flex-direction:column}.comments-head{padding:16px 18px;border-bottom:1px solid var(--line);font-weight:800;font-size:16px;display:flex;align-items:center}.comments-list{flex:1;overflow-y:auto;padding:12px 16px}.comment{display:flex;gap:10px;padding:9px 0}.comment .body{flex:1}.comment .meta{display:flex;gap:8px;align-items:baseline}.comment .who{font-weight:700;font-size:14px}.comment .when{font-size:12px;color:var(--gray-light)}.comment .text{font-size:14.5px;color:var(--ink-soft);margin-top:2px;line-height:1.35}.comment .del{font-size:12px;color:var(--danger);font-weight:600;background:none;border:none;padding:4px 0}.comments-input{display:flex;gap:8px;align-items:flex-end;padding:12px 14px;border-top:1px solid var(--line)}.comments-input textarea{flex:1;resize:none;border:none;background:var(--bg-soft);border-radius:var(--radius-md);padding:11px 14px;font-size:15px;font-family:inherit;max-height:120px;outline:none;color:var(--ink)}.send-btn{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:grid;place-items:center;font-size:18px}.dropzone{border:2px dashed var(--line);border-radius:var(--radius-lg);padding:26px;text-align:center;color:var(--gray);background:var(--bg);transition:border-color .15s,background .15s}.dropzone.drag{border-color:var(--primary);background:var(--primary-soft)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090c73;z-index:65}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700}.pill.green{background:#e6f6ee;color:var(--green)}.pill.gray{background:var(--bg-soft);color:var(--gray)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--radius-pill);background:var(--bg-soft);border:1px solid var(--line);font-size:13.5px;font-weight:700;color:var(--ink)}.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.spin{width:30px;height:30px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:70vh;display:grid;place-items:center}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:80;background:var(--ink);color:#fff;padding:12px 18px;border-radius:var(--radius-pill);font-weight:600;box-shadow:var(--shadow-float)}.hidden-file{display:none}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#eef1ff,#f7eefc)}.auth-card{width:100%;max-width:400px;padding:30px}.auth-title{font-size:23px;font-weight:800;letter-spacing:-.4px}.auth-sub{color:var(--gray);margin-top:4px;font-size:14px}.field{margin-top:14px}.field .label{display:block;margin-bottom:6px}.error-text{color:var(--danger);font-size:13.5px;margin-top:10px}.link-btn{background:none;border:none;color:var(--primary-dark);font-weight:700;font-size:14px;padding:0}@media (max-width: 640px){.nav-links .label-text{display:none}.container{padding:0 14px}}