:root{--rose-1: #b67676;--rose-2: #b44747;--rose-3: #db1414;--rose-4: #690707;--rose-5: #360100;font-family:Segoe UI,Trebuchet MS,sans-serif;color:var(--rose-5);background:linear-gradient(180deg,var(--rose-1) 0%,var(--rose-2) 100%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;overflow-anchor:none}button,input,select{font:inherit}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem}.auth-card{width:min(100%,24rem);background:#b67676f2;border-radius:1rem;padding:1.25rem;box-shadow:0 10px 32px #3601003d;display:flex;flex-direction:column;gap:.6rem}.auth-card h1{margin:0;font-size:1.6rem}.auth-card p{margin:0 0 .75rem;color:var(--rose-4)}.auth-card label{font-weight:600;font-size:.95rem}.auth-card input,.filters select{border:1px solid var(--rose-2);border-radius:.6rem;padding:.6rem .7rem;background:#b6767638;color:var(--rose-5)}.auth-card button,.top-bar button,.media-tile{border:none;border-radius:.65rem}.auth-card button,.top-bar button{background:var(--rose-3);color:#fff0f0;padding:.65rem .85rem;font-weight:600}.auth-card button:disabled{opacity:.6}.error-text{color:var(--rose-4);margin:0}.gallery-shell{min-height:100vh;display:flex;flex-direction:column}.top-bar{position:sticky;top:0;z-index:10;padding:.7rem .8rem;background:#b67676eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rose-2);display:flex;flex-direction:column;gap:.75rem}.top-bar h2{margin:0;font-size:1.2rem}.top-bar p{margin:0;color:var(--rose-4);font-size:.9rem}.filters{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.filters button{grid-column:span 2}.upload-progress{width:100%;height:4px;border-radius:999px;background:#36010038;overflow:hidden}.upload-progress-bar{height:100%;background:var(--rose-3);transition:width .15s ease}.gallery-content{padding:.75rem}.result-summary{margin:0 0 .75rem;font-size:.9rem;color:var(--rose-4)}.page-error{margin:.75rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.media-tile{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;padding:0;background:var(--rose-2)}.media-tile img{width:100%;height:100%;object-fit:cover;display:block}.video-tag{position:absolute;right:.45rem;bottom:.45rem;background:#360100d6;color:#fff0f0;border-radius:999px;font-size:.72rem;padding:.15rem .45rem}.loading-text{text-align:center;color:var(--rose-4)}.scroll-sentinel{width:100%;height:1px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#360100f2;color:#fff0f0;display:flex;align-items:center;justify-content:center;padding:3.2rem .8rem 1.2rem}.viewer-content{width:min(100%,58rem);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:.65rem}.viewer-title{margin:0;font-size:.95rem;color:var(--rose-1)}.viewer-image,.viewer-video{width:100%;max-height:calc(100vh - 8rem);object-fit:contain;border-radius:.7rem;background:var(--rose-5)}.viewer-close,.viewer-nav{position:absolute;border:none;border-radius:.6rem;padding:.45rem .65rem;color:#fff0f0;background:#690707d9}.viewer-close{top:.7rem;left:.8rem}.viewer-nav{top:50%;transform:translateY(-50%)}.viewer-nav.left{left:.5rem}.viewer-nav.right{right:.5rem}@media (min-width: 720px){.top-bar{flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem 1rem}.filters{display:flex;gap:.5rem;align-items:center}.filters button{grid-column:auto}.gallery-content{padding:1rem}.media-grid{gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.viewer-delete{position:absolute;top:.7rem;right:.8rem;left:auto;background:#b3261e;color:#fff}