*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.container{max-width:960px;margin:0 auto;padding:24px 16px}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:32px;box-shadow:0 2px 8px #0000001a}.auth-card h1{margin-bottom:24px;font-size:24px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:4px;font-size:14px;font-weight:500;display:block}.form-group input{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary{color:#fff;background:#3b82f6;width:100%}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{cursor:not-allowed;background:#93c5fd}.btn-danger{color:#fff;background:#ef4444;padding:6px 12px;font-size:12px}.btn-danger:hover{background:#dc2626}.error-msg{color:#ef4444;margin-bottom:12px;font-size:14px}.link{color:#3b82f6;font-size:14px;text-decoration:none}.link:hover{text-decoration:underline}.header,.gallery-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1,.gallery-header h1{font-size:24px}.header-actions{align-items:center;gap:12px;display:flex}.gallery-page{min-height:100vh;padding:24px 8px;position:relative}.gallery-container{width:100%}.date-group{margin-bottom:8px}.date-group-header{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#444;background:#f5f5f5e6;padding:8px 4px;font-size:13px;font-weight:600;position:sticky;top:0}.justified-row{margin-bottom:4px;display:flex}.gallery-image{cursor:pointer;object-fit:cover;transition:filter .15s;display:block}.gallery-image:hover{filter:brightness(1.1)}.drop-overlay{z-index:500;pointer-events:none;background:#3b82f61f;border:3px dashed #3b82f6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drop-overlay-text{color:#3b82f6;background:#ffffffe6;border-radius:12px;padding:16px 32px;font-size:20px;font-weight:600}.upload-fab{color:#fff;cursor:pointer;z-index:50;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:300;transition:background .15s,transform .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #0003}.upload-fab:hover{background:#2563eb;transform:scale(1.05)}@media (width>=769px){.upload-fab{display:none}}.progress-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.progress-bar-fill{background:#3b82f6;height:100%;transition:width .2s}.empty-state{text-align:center;color:#666;padding:64px 16px}.empty-state p{font-size:16px}.loading{text-align:center;color:#666;padding:24px}.confirm-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:8px;width:100%;max-width:360px;padding:24px}.confirm-dialog p{margin-bottom:16px}.confirm-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.upload-panel{z-index:200;background:#fff;border-radius:8px;width:360px;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 4px 24px #00000026}.upload-panel-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.upload-panel-title{font-size:13px;font-weight:500}.upload-panel-actions{align-items:center;gap:8px;display:flex}.upload-panel-btn{cursor:pointer;color:#3b82f6;background:0 0;border:none;padding:2px 6px;font-size:12px;font-weight:500}.upload-panel-btn:hover{text-decoration:underline}.upload-panel-list{border-top:1px solid #eee;max-height:240px;overflow-y:auto}.upload-panel-item{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;display:flex}.upload-panel-file-info{flex:1;min-width:0;margin-right:12px}.upload-panel-filename{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.upload-panel-error{color:#ef4444;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.upload-panel-status{flex-shrink:0;font-weight:500}.upload-panel-status--done{color:#16a34a}.upload-panel-status--failed{color:#ef4444}.upload-panel-status--uploading,.upload-panel-status--retrying{color:#3b82f6}.upload-panel-status--queued,.upload-panel-status--hashing,.upload-panel-status--requesting{color:#666}.lightbox-overlay{z-index:1000;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-image-container{justify-content:center;align-items:center;max-width:100vw;max-height:100vh;display:flex;position:relative}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100vw;max-height:100vh}.lightbox-placeholder{opacity:.4;filter:blur(4px);transition:opacity .3s,filter .3s}.lightbox-placeholder-empty{background:#ffffff0d;border-radius:8px;width:200px;height:200px}.lightbox-spinner-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox-error-overlay{color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex;position:absolute;inset:0}.lightbox-error-icon{font-size:32px}.lightbox-spinner{justify-content:center;align-items:center;display:flex}.spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lightbox-toolbar{z-index:1010;background:linear-gradient(#0009,#0000);justify-content:space-between;align-items:center;padding:12px 16px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;right:0}.lightbox-toolbar--hidden{opacity:0;pointer-events:none}.lightbox-counter{color:#fff;font-size:14px;font-weight:500}.lightbox-toolbar-actions{gap:8px;display:flex}.lightbox-toolbar-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .15s;display:flex}.lightbox-toolbar-btn:hover{background:#ffffff4d}.lightbox-toolbar-btn--danger:hover{background:#ef4444b3}.lightbox-nav-button{color:#fff;cursor:pointer;z-index:1010;background:#ffffff1a;border:none;border-radius:4px;width:48px;height:80px;font-size:36px;transition:background .15s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-button:hover{background:#ffffff40}.lightbox-nav-left{left:8px}.lightbox-nav-right{right:8px}.lightbox-info-panel{z-index:1020;background:#fff;width:320px;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #0000004d}.lightbox-info-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px;font-size:16px;font-weight:600;display:flex}.lightbox-info-close{cursor:pointer;color:#666;background:0 0;border:none;padding:4px;font-size:20px}.lightbox-info-close:hover{color:#1a1a1a}.lightbox-info-content{padding:8px 0}.lightbox-info-section{padding:8px 16px}.lightbox-info-section h4{text-transform:uppercase;color:#999;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.lightbox-info-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.lightbox-info-label{color:#666}.lightbox-info-value{color:#1a1a1a;text-align:right;word-break:break-word;max-width:60%;font-weight:500}@media (width<=640px){.lightbox-info-panel{border-radius:12px 12px 0 0;width:100%;height:50vh;top:auto;left:0}.lightbox-nav-button{display:none}}.stats-page{max-width:720px;margin:0 auto;padding:24px 16px}.stats-back-link{color:inherit;text-decoration:none}.stats-back-link:hover{opacity:.7}.stats-content{margin-top:8px}.stats-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.stats-card{text-align:center;background:#fff;border-radius:8px;padding:20px 16px;box-shadow:0 1px 4px #00000014}.stats-card-value{color:#1a1a1a;margin-bottom:4px;font-size:24px;font-weight:700}.stats-card-label{color:#666;font-size:13px;font-weight:500}.stats-disclaimer{color:#999;text-align:center;margin-bottom:24px;font-size:12px}.stats-section-title{margin-bottom:12px;font-size:16px;font-weight:600}.stats-table-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 4px #00000014}.stats-table{border-collapse:collapse;width:100%;font-size:14px}.stats-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #eee;padding:8px 12px;font-size:12px;font-weight:600}.stats-table td{border-bottom:1px solid #f0f0f0;padding:10px 12px}.stats-table tbody tr:last-child td{border-bottom:none}.stats-table tbody tr:hover{background:#fafafa}@media (width<=480px){.stats-cards{grid-template-columns:1fr}.stats-card-value{font-size:20px}}.date-group-header--clickable{cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;width:100%;transition:color .15s;display:block}.date-group-header--clickable:hover{color:#3b82f6}.date-range-picker{align-items:center;gap:4px;display:flex;position:relative}.date-range-trigger{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;padding:6px 12px;font-size:13px;transition:border-color .15s,background .15s;display:inline-flex}.date-range-trigger:hover{border-color:#3b82f6}.date-range-trigger--active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6;font-weight:500}.date-range-clear{cursor:pointer;color:#666;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}.date-range-clear:hover{color:#ef4444}.date-range-dropdown{z-index:100;background:#fff;border:1px solid #ddd;border-radius:8px;width:280px;margin-top:4px;padding:12px;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001f}.date-range-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.date-range-nav-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px}.date-range-nav-btn:hover{color:#1a1a1a;background:#f5f5f5}.date-range-month-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:600}.date-range-month-btn:hover{color:#3b82f6;background:#eff6ff}.date-range-hint{color:#999;text-align:center;margin-bottom:8px;font-size:11px}.date-range-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-range-day-header{text-align:center;color:#999;padding:4px 0;font-size:11px;font-weight:600}.date-range-day-empty{padding:4px}.date-range-day{text-align:center;cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:4px;padding:6px 2px;font-size:12px;transition:background .1s}.date-range-day:hover{background:#f0f0f0}.date-range-day--endpoint{color:#fff;background:#3b82f6}.date-range-day--endpoint:hover{background:#2563eb}.date-range-day--temp{color:#fff;background:#93c5fd}.date-range-day--in-range{color:#3b82f6;background:#eff6ff}.date-range-clear-btn{color:#ef4444;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:4px;width:100%;margin-top:8px;padding:6px;font-size:12px;display:block}.date-range-clear-btn:hover{background:#fef2f2}