:root{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-card:#262626;--bg-card-hover:#2e2e2e;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--accent:#ffb74d;--accent-hover:#ffa726;--border:#333;--radius:12px;--radius-sm:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.logo{color:var(--accent);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{border-radius:8px;width:36px;height:36px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:background .2s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#121212}.btn-primary:hover{background:var(--accent-hover)}.btn-text{color:var(--text-secondary);background:0 0;padding:6px 12px}.btn-text:hover{color:var(--text-primary)}.btn-icon{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff1a;border:none;padding:8px 16px}.btn-icon:hover{background:#fff3}.btn-store{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-store:hover{background:var(--bg-card-hover)}.loading{min-height:300px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-hint{margin-top:8px;font-size:.85rem}.error{text-align:center;color:#ef5350;padding:60px}.back-link{color:var(--text-secondary);font-size:.9rem}.back-link:hover{color:var(--text-primary)}.landing{max-width:960px;margin:0 auto;padding:0 20px}.landing-header{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.hero{text-align:center;padding:80px 0 60px}.hero h2{margin-bottom:16px;font-size:2.2rem;line-height:1.3}.hero-sub{color:var(--text-secondary);max-width:520px;margin:0 auto 32px}.store-buttons{justify-content:center;gap:12px;display:flex}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:40px 0 80px;display:grid}.feature-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;padding:28px 24px}.feature-icon{margin-bottom:12px;font-size:2rem;display:block}.feature-card h3{margin-bottom:8px}.feature-card p{color:var(--text-secondary);font-size:.9rem}.landing-footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);padding:20px 0;font-size:.85rem}.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{background:var(--bg-secondary);border-radius:var(--radius);text-align:center;width:100%;max-width:400px;padding:48px 40px}.login-card .logo{margin-bottom:12px;font-size:2rem}.login-desc{color:var(--text-secondary);margin-bottom:32px}.btn-google,.btn-apple{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:1rem;display:flex}.btn-google{color:#333;background:#fff;margin-bottom:12px}.btn-google:hover{background:#f5f5f5}.btn-apple{color:#fff;background:#000}.btn-apple:hover{background:#1a1a1a}.dashboard{max-width:960px;margin:0 auto;padding:0 20px}.dashboard-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.dashboard-header .logo a{color:var(--accent)}.user-info{color:var(--text-secondary);align-items:center;gap:12px;font-size:.9rem;display:flex}.dashboard-main{padding:32px 0}.dashboard-main h2{margin-bottom:20px}.space-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.space-card{background:var(--bg-card);border-radius:var(--radius);padding:24px;transition:background .2s}.space-card:hover{background:var(--bg-card-hover)}.space-card-icon{margin-bottom:12px;font-size:2rem}.space-card h3{margin-bottom:4px}.space-meta{color:var(--text-secondary);font-size:.85rem}.space-detail{max-width:960px;margin:0 auto;padding:0 20px}.space-detail-header{border-bottom:1px solid var(--border);padding:20px 0}.space-detail-header h1{margin:8px 0 12px}.member-list{flex-wrap:wrap;gap:8px;display:flex}.member-badge{background:var(--bg-card);border-radius:20px;padding:4px 12px;font-size:.85rem}.admin-tag{color:var(--accent);margin-left:4px;font-size:.75rem}.album-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:24px 0;display:grid}.album-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;padding:20px;transition:background .2s}.album-card:hover{background:var(--bg-card-hover)}.album-card-icon{background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;font-size:1.5rem;display:flex}.album-card h3{margin-bottom:4px;font-size:1rem}.album-meta{color:var(--text-secondary);font-size:.85rem}.album-view{max-width:1200px;margin:0 auto;padding:0 20px}.album-view-header{border-bottom:1px solid var(--border);padding:20px 0}.album-view-header h1{margin-top:8px}.photo-content{padding:24px 0}.photo-group{margin-bottom:32px}.group-label{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px;display:grid}.photo-thumb{aspect-ratio:1;background:var(--bg-card);cursor:pointer;border:none;border-radius:4px;padding:0;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);background-size:200% 100%;width:100%;height:100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-sm);border:1px solid var(--border);pointer-events:auto;padding:12px 24px;font-size:.9rem;animation:.3s ease-out toast-in;box-shadow:0 4px 12px #0006}.toast-error{color:#ef5350;border-color:#ef5350}.toast-success{color:#66bb6a;border-color:#66bb6a}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.photo-viewer{z-index:1000;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer-content{flex-direction:column;max-width:90vw;max-height:90vh;display:flex}.viewer-toolbar{justify-content:flex-end;gap:8px;padding:8px 0;display:flex}.viewer-image{object-fit:contain;border-radius:4px;max-width:90vw;max-height:calc(90vh - 60px)}.viewer-loading{color:var(--text-secondary);text-align:center;padding:60px}@media (width<=600px){.hero h2{font-size:1.6rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.space-grid{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.login-card{padding:32px 24px}}