: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;gap:.75rem}.app-nav a{padding:.5rem .875rem;border-radius:999px;background:#ffffff1f}.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-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}.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}.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 p{margin:.25rem 0 0;color:#475569}.record-date{font-size:.875rem}.record-actions{display:flex;gap:.5rem;flex-shrink:0}@media(max-width:640px){.app-header,.record-item{flex-direction:column;align-items:flex-start}}