.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:400px;box-shadow:0 1px 3px #0000001a}.login-card h1{font-size:1.5rem;margin-bottom:.25rem}.login-card h2{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem;font-weight:400}.login-card form button[type=submit]{width:100%;background:var(--primary);color:#fff;border-color:var(--primary);padding:.625rem;font-size:1rem;margin-top:.5rem}.login-card form button[type=submit]:hover{background:var(--primary-hover)}.login-card .error,.login-card .message{margin-top:1rem;font-size:.875rem}.login-card .message{color:var(--success)}.login-links{margin-top:1rem;display:flex;gap:1rem;justify-content:center}.link-btn{background:none;border:none;color:var(--primary);padding:0;font-size:.8125rem;text-decoration:underline}.link-btn:hover{background:none;color:var(--primary-hover)}.upload-page{min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--surface);border-bottom:1px solid var(--border)}.app-header h1{font-size:1.125rem;display:flex;align-items:center;gap:.5rem}.version-badge{font-size:.6875rem;font-weight:500;padding:.125rem .4rem;border-radius:4px;background:var(--primary);color:#fff;letter-spacing:.02em}.header-right{display:flex;align-items:center;gap:1rem}.user-email{color:var(--text-muted);font-size:.875rem}.sign-out-btn{font-size:.8125rem;padding:.375rem .75rem}.app-main{max-width:800px;margin:2rem auto;padding:0 1.5rem}.steps{display:flex;gap:.5rem;margin-bottom:2rem;font-size:.8125rem;color:var(--text-muted)}.steps span{padding:.375rem .75rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.steps span.active{background:var(--primary);color:#fff;border-color:var(--primary)}.steps span.done{background:#dcfce7;color:var(--success);border-color:#bbf7d0}.site-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.site-btn{text-align:left;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.site-btn.new-site{border-style:dashed;color:var(--primary);font-weight:500}.site-coords{font-size:.75rem;color:var(--text-muted)}.coord-row{display:flex;gap:1rem}.coord-row label{flex:1}.hint{display:block;font-size:.75rem;margin-top:.25rem;font-weight:400}.select-folder-btn{padding:.75rem 1.5rem;font-size:1rem;background:var(--primary);color:#fff;border-color:var(--primary)}.select-folder-btn:hover{background:var(--primary-hover)}.file-summary{margin-top:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.file-summary table{width:100%;margin:1rem 0}.file-summary td{padding:.25rem .75rem;font-size:.875rem}.file-summary td.count{text-align:right;font-weight:600;width:60px}.file-summary td.note{color:var(--text-muted);font-size:.75rem}.file-range{margin-top:1rem;font-size:.875rem}.file-range p{margin:.25rem 0}.overall-progress{margin-bottom:1.5rem}.overall-progress p{margin-top:.5rem;font-size:.875rem}.file-list{display:flex;flex-direction:column;gap:.25rem;max-height:60vh;overflow-y:auto}.file-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:.8125rem}.file-row.done{border-color:#bbf7d0;background:#f0fdf4}.file-row.skipped{border-color:var(--border);background:#f8fafc;opacity:.7}.file-row.error{border-color:#fecaca;background:#fef2f2}.file-row.retrying{border-color:#fed7aa;background:#fff7ed}.retry-status{color:#c2410c;font-size:.75rem}.retry-button{margin:.75rem 0;padding:.5rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:var(--radius, 6px);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.retry-button:hover{background:#dc2626}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:1rem}.file-status{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.summary-box{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:2rem}.summary-box.success{border-color:var(--success)}.summary-box.error{border-color:var(--error)}.summary-box.warning{border-color:var(--warning)}.summary-table{margin:1.5rem 0;width:100%}.summary-table td{padding:.375rem .75rem;font-size:.875rem}.summary-table tr.error td{color:var(--error)}.missing-list{margin-top:.5rem;padding-left:1.5rem;font-size:.8125rem}.missing-list li{margin:.125rem 0}.filename-validator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.validation-summary{display:flex;gap:1rem;margin:1.5rem 0}.val-card{flex:1;text-align:center;padding:1rem;border-radius:var(--radius);border:1px solid var(--border)}.val-card.ok{background:#f0fdf4;border-color:#bbf7d0}.val-card.rename{background:#fffbeb;border-color:#fde68a}.val-card.bad{background:#fef2f2;border-color:#fecaca}.val-count{display:block;font-size:1.75rem;font-weight:700}.val-label{font-size:.8125rem;color:var(--text-muted)}.detected-format{margin:.5rem 0 1rem;font-size:.875rem}.utc-offset-selector{margin:1rem 0}.utc-offset-selector label{font-size:.875rem;display:flex;align-items:center;gap:.5rem}.utc-offset-selector select{padding:.375rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.875rem}.rename-preview{margin:1.5rem 0;max-height:400px;overflow-y:auto}.rename-preview table{width:100%;border-collapse:collapse;font-size:.8125rem}.rename-preview th{text-align:left;padding:.5rem;border-bottom:1px solid var(--border);font-weight:600}.rename-preview td{padding:.375rem .5rem}.rename-preview td.mono{font-family:monospace;font-size:.75rem}.rename-preview td.arrow{text-align:center;width:30px;color:var(--text-muted)}.rename-preview td.more{text-align:center;color:var(--text-muted);padding:.75rem}.invalid-files{margin:1.5rem 0;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius)}.invalid-files h3{margin:0 0 .5rem;font-size:.9375rem}.invalid-files ul{margin:.5rem 0;padding-left:1.5rem;font-size:.8125rem}.rename-arrow{color:var(--text-muted);font-size:.75rem;margin-left:.5rem}.ignored-row td{color:var(--text-muted);opacity:.7}.metadata-scan{margin:1rem 0;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius);font-size:.875rem}.scan-header{display:flex;align-items:center;gap:.5rem;font-weight:500;margin-bottom:.5rem}.scan-spinner{width:14px;height:14px;border:2px solid #bfdbfe;border-top:2px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scan-detail{margin-top:.375rem;font-size:.75rem;color:var(--text-muted)}.metadata-result{margin:1rem 0;padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem}.metadata-result.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.metadata-result.neutral{background:#f8fafc;border:1px solid var(--border);color:var(--text-muted)}.source-tag{font-size:.6875rem;color:var(--text-muted);font-style:italic}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--success: #16a34a;--warning: #d97706;--error: #dc2626;--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}h1,h2,h3{font-weight:600}h2{margin-bottom:.5rem}button{cursor:pointer;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:.875rem;transition:all .15s}button:hover{background:#f1f5f9}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover{background:var(--primary-hover)}input,select{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}label{display:block;margin-bottom:1rem;font-size:.875rem;font-weight:500}label input{margin-top:.25rem}code{background:#f1f5f9;padding:.125rem .375rem;border-radius:4px;font-size:.8125rem}.error{color:var(--error)}.success{color:var(--success)}.warning{color:var(--warning)}.loading{color:var(--text-muted)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--text-muted)}.progress-bar{width:100%;height:1.25rem;background:var(--border);border-radius:var(--radius);overflow:hidden}.progress-bar.small{display:inline-block;width:100px;height:.625rem;vertical-align:middle;margin-right:.5rem}.progress-fill{height:100%;background:var(--primary);transition:width .3s;border-radius:var(--radius)}