:root{color:#0f172a;background:#f8fafc;font-family:Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#1d4ed8;color:#fff}.app-header h1{margin:.25rem 0 0;font-size:1.5rem}.eyebrow{margin:0;font-size:.85rem;opacity:.85}.app-nav{display:flex;align-items:center;gap:.5rem;padding:.25rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0f172a24}.app-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.875rem;border:1px solid transparent;border-radius:999px;color:#ffffffd1;font-weight:700;line-height:1;white-space:nowrap;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.app-nav a:hover{background:#ffffff29;color:#fff}.app-nav a.active{border-color:#ffffffd1;background:#fff;box-shadow:0 12px 26px #0f172a2e;color:#1d4ed8}.app-nav a.active:after{position:absolute;right:1rem;bottom:.42rem;left:1rem;height:3px;border-radius:999px;background:#2563eb;content:""}.app-nav a:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:3px}.nav-link-main{min-width:11.5rem;padding:.875rem 1.35rem 1rem;background:#ffffff2e;color:#fff;font-size:1.05rem}.nav-link-sub{min-width:9.25rem;padding:.75rem 1.1rem .9rem;font-size:.98rem}.app-main{padding:1.5rem;max-width:920px;margin:0 auto}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #0f172a0d}.card.narrow{max-width:480px}.card h2{margin-top:0}.lead{color:#475569}.form-grid{display:grid;gap:1rem}label{display:grid;gap:.375rem;font-weight:600}input,select{width:100%;padding:.75rem .875rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff}input::placeholder{color:#94a3b8}.primary-button,.secondary-button,.danger-button{border:none;border-radius:10px;padding:.75rem 1rem;cursor:pointer;text-align:center}.primary-button{background:#2563eb;color:#fff}.primary-button:disabled{background:#94a3b8;cursor:not-allowed}.secondary-button{background:#e2e8f0;color:#0f172a}.danger-button{background:#fee2e2;color:#b91c1c}.field-error{color:#dc2626;font-size:.875rem;font-weight:500}.field-hint{color:#64748b;font-size:.875rem;font-weight:500}.filename-preview{margin:0;padding:.875rem;border-radius:10px;background:#eff6ff;color:#1d4ed8;word-break:break-all}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:grid;place-items:center;padding:1rem;z-index:1000}.overlay-blocking{touch-action:none;overscroll-behavior:none}.overlay-card,.modal-card{width:min(100%,420px);background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 20px 50px #0f172a40}.overlay-title{margin-top:0;font-weight:700}.progress-track{width:100%;height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8);transition:width .2s ease}.overlay-percent{margin-bottom:0;font-weight:700;color:#2563eb}.overlay-note{margin-bottom:0;color:#64748b;font-size:.875rem}.overlay-actions{margin-top:1.25rem;display:flex;justify-content:center}.overlay-actions .secondary-button{min-width:8rem}.modal-card.success h2{color:#15803d}.modal-card.error h2{color:#b91c1c}.section-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.toolbar{margin:1rem 0}.download-toolbar,.selection-toolbar,.selection-toolbar div{display:flex;flex-wrap:wrap;gap:.75rem}.download-toolbar{align-items:center}.download-history{margin:1rem 0;padding:1rem;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.upload-monitor{margin:1rem 0;padding:1rem;border:1px solid #d9f99d;border-radius:12px;background:#f7fee7}.monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.875rem}.monitor-grid p{margin:0;padding:.75rem;border:1px solid #d9f99d;border-radius:10px;background:#fff}.monitor-grid strong,.monitor-grid span{display:block}.monitor-grid strong{color:#166534;font-size:1.25rem}.monitor-grid span,.monitor-alerts span{color:#475569;font-size:.8125rem;font-weight:700}.monitor-alerts{display:grid;gap:.5rem;margin:.875rem 0 0;padding-left:1.25rem}.monitor-alerts li{overflow-wrap:anywhere;color:#365314}.monitor-alerts span{display:block}.history-header,.selection-toolbar{align-items:center;justify-content:space-between}.history-header{display:flex;gap:1rem}.history-header h3{margin:0;font-size:1rem}.history-header span{color:#1d4ed8;font-size:.875rem;font-weight:700}.download-history ol{display:grid;gap:.5rem;margin:.75rem 0 0;padding-left:1.25rem}.download-history li{color:#334155}.download-history li span{overflow-wrap:anywhere}.download-history time{display:block;color:#1d4ed8;font-size:.875rem;font-weight:700}.selection-toolbar{margin-top:1rem;padding:.875rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.selection-toolbar p{margin:0;font-weight:700}.record-list{display:grid;gap:.75rem;margin-top:1rem}.record-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid #e2e8f0;border-radius:12px}.record-item.selected{border-color:#2563eb;background:#eff6ff}.record-select{display:inline-flex;align-items:center;gap:.375rem;color:#475569;font-size:.875rem;font-weight:700}.record-select input{width:1.125rem;height:1.125rem;padding:0;accent-color:#2563eb}.record-content{flex:1;min-width:0}.record-item p{margin:.25rem 0 0;color:#475569}.record-date{font-size:.875rem}.download-status{display:inline-flex;width:fit-content;padding:.25rem .5rem;border-radius:999px;background:#fef3c7;color:#92400e!important;font-size:.8125rem;font-weight:700}.download-status.downloaded{background:#dcfce7;color:#166534!important}.record-actions{display:flex;gap:.5rem;flex-shrink:0}.secondary-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:640px){.app-header{flex-direction:column;align-items:flex-start}.app-nav{display:grid;width:100%;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-radius:18px}.app-nav a{width:100%;min-width:0;min-height:2.75rem}.nav-link-main,.nav-link-sub{padding:.75rem .875rem .9rem;font-size:.95rem}.section-header{flex-direction:column;align-items:stretch}.section-header .secondary-button{width:100%}.record-item{flex-direction:column;align-items:flex-start}.download-toolbar,.selection-toolbar,.selection-toolbar div,.history-header,.record-actions{width:100%}.download-toolbar>*,.selection-toolbar button,.record-actions>*{width:100%}.history-header,.selection-toolbar{align-items:stretch}.monitor-grid{grid-template-columns:1fr}}