:root{color:#172b4d;background:#f3f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh}.header{display:flex;align-items:center;gap:22px;min-height:60px;padding:0 28px;color:#fff;background:#182a3f}.brand{color:inherit;font-size:20px;font-weight:700;text-decoration:none}.navigation{display:flex;gap:18px;overflow-x:auto;white-space:nowrap}.navigation a{color:#dbe5ef;font-size:14px;text-decoration:none}.navigation a:hover{color:#fff;text-decoration:underline}.environment{margin-left:auto;color:#aab9c9;font-size:12px;white-space:nowrap}.content{width:min(1180px,calc(100% - 32px));margin:auto;padding:34px 0 64px}.page-heading,.panel-heading{display:flex;align-items:end;justify-content:space-between}.page-heading{margin-bottom:22px}.eyebrow{margin:0 0 5px;color:#5f6b7a;font-size:12px;letter-spacing:.08em}h1,h2,h3{margin:0}h1{font-size:30px}h2{font-size:19px}h3{font-size:16px}.button,.text-button{border:1px solid #aebdca;border-radius:4px;background:#fff;color:#18334e;cursor:pointer;font-weight:600}.button{padding:8px 16px}.button.primary{color:#fff;background:#1f5f8b;border-color:#1f5f8b}.button:disabled,.text-button:disabled{cursor:wait;opacity:.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card,.panel{border:1px solid #d4dce5;border-radius:5px;background:#fff;box-shadow:0 1px 2px #172b4d0d}.stat-card{display:grid;gap:6px;padding:18px;color:inherit;text-decoration:none}.stat-card span,.hint{color:#5f6b7a;font-size:13px}.stat-card strong{font-size:30px}.panel{margin-top:20px;padding:22px}.panel-heading{margin-bottom:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 10px;border-bottom:1px solid #e5e9ee;text-align:left;white-space:nowrap}th{color:#5f6b7a;font-size:12px;font-weight:600}.distance-input,input,textarea{border:1px solid #aebdca;border-radius:4px;padding:8px;font:inherit}.distance-input{width:90px}.text-button{padding:6px 10px}.empty{padding:24px;color:#68788a;text-align:center}.score-row{cursor:pointer}.score-row:hover,.score-row:focus{background:#eef5fb;outline:none}.score-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.score-summary div{display:grid;gap:5px}.score-summary span,.detail-meta{color:#68788a;font-size:13px}.score-summary strong{font-size:28px}.score-good{color:#176b48}.score-bad{color:#b42318}.loading,.score-card th,.score-card td{text-align:center}.score-card th:first-child,.score-card td:first-child{text-align:left}.memo-form{display:grid;grid-template-columns:220px 1fr auto;gap:10px;margin-bottom:18px}textarea{min-height:40px;resize:vertical}.memo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.memo-card{min-height:130px;padding:16px;border:1px solid #d4dce5;border-radius:5px;background:#f9fafb}.memo-card p{margin:12px 0;color:#455468;line-height:1.6}time{color:#7b8794;font-size:11px}@media(max-width:720px){.header{padding:0 16px;flex-wrap:wrap;gap:10px;padding-block:12px}.environment{display:none}.content{width:min(100% - 20px,1180px);padding-top:22px}.stats,.score-summary,.memo-form{grid-template-columns:1fr}.panel{padding:16px}}