:root{color-scheme:light;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;color:#172d35;background:#eef4f3;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:40px 24px}header{max-width:760px;margin-bottom:28px}h1{font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.3;margin:8px 0 16px;letter-spacing:-.04em}h2{font-size:1.08rem;margin:0 0 16px}.eyebrow{color:#286c60;font-weight:700;font-size:.85rem}p{margin:8px 0 16px}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.card{background:#fff;border:1px solid #cbded9;border-radius:20px;padding:24px;min-width:0}.preview{position:relative;aspect-ratio:4/3;background:#10292e;border-radius:12px;overflow:hidden;color:#e6f2ee}.preview video,.preview canvas{position:absolute;width:100%;height:100%;object-fit:contain}.preview p{position:absolute;inset:0;display:grid;align-content:center;text-align:center;padding:16px}.preview p[hidden]{display:none}.controls{display:flex;gap:12px;margin:20px 0 16px}button{font:inherit;font-weight:700;border:1px solid #257466;border-radius:10px;padding:11px 20px;min-height:48px;cursor:pointer;color:#176052;background:white}#start{background:#176052;color:white}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #bd6100;outline-offset:4px}#status{font-weight:650;min-height:1.6em}#reason{color:#80500a;margin-bottom:0}.reading{font-size:4rem;line-height:1.2;font-weight:750;margin:24px 0 12px;font-variant-numeric:tabular-nums}.unit{font-size:1rem;font-weight:500;color:#4b6267}#hr-note{min-height:3.3em;color:#4b6267}label{font-size:.9rem;font-weight:650}progress{display:block;width:100%;height:14px;margin:10px 0 16px;accent-color:#176052}.hint,footer{font-size:.88rem;color:#4b6267}dl{margin:24px 0 0}dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #e0e9e6}dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}footer{margin-top:24px;max-width:850px}footer p{margin-bottom:8px}a{color:#135e52;text-underline-offset:4px}@media(max-width:720px){main{padding:24px 16px}.layout{grid-template-columns:1fr}.card{padding:20px}header{margin-bottom:20px}.reading{font-size:3.5rem}.controls button{flex:1}}

.pilot{margin-bottom:20px}.pilot-fields{display:grid;grid-template-columns:1fr 2fr;gap:16px}.pilot input,.pilot textarea{display:block;width:100%;font:inherit;padding:9px;border:1px solid #93aaa3;border-radius:8px;background:#fff;color:#172d35}.pilot .controls{flex-wrap:wrap}#pilot-start{background:#176052;color:#fff}#pilot-state{font-size:1.15rem;font-weight:700}#pilot-summary{white-space:pre-line;font-variant-numeric:tabular-nums}#pilot-reports{border:1px solid #cbded9;border-radius:10px;padding:16px}#pilot-reports label{display:inline-block;margin:8px;width:90px}.pilot [hidden]{display:none}input:focus-visible,textarea:focus-visible{outline:3px solid #bd6100;outline-offset:2px}@media(max-width:720px){.pilot-fields{grid-template-columns:1fr}.pilot .controls button{flex:1 1 180px}}

.condition { margin-bottom: 1.5rem; padding: 1rem; border: 1px solid #658c89; border-radius: 1rem; background: #f0f8f5; }
.condition h3 { margin: 0 0 .75rem; font-size: 1.05rem; }
#condition-result { font-size: 1.3rem; font-weight: 650; color: #176052; }
#condition-detail { line-height: 1.6; }

.entry-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 16px}.entry-links a{display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;border:1px solid #8cafaa;border-radius:10px;background:#fff;font-weight:650;text-decoration:none}.entry-links .primary-link{background:#176052;border-color:#176052;color:#fff}#connection-state{font-size:.88rem;color:#4b6267}.processing-notice{padding:14px 16px;border-left:3px solid #176052;background:#f0f8f5;border-radius:0 10px 10px 0;font-size:.9rem}@media(max-width:520px){.entry-links{display:grid}.entry-links a{justify-content:center}.controls{flex-wrap:wrap}}
