:root{font-family:system-ui,'Noto Sans JP',sans-serif;color:#193d37;background:#f5f4ee;line-height:1.7}*{box-sizing:border-box}body{margin:0}header{background:#173d37;color:#fff;padding:48px max(24px,calc((100vw - 960px)/2)) 38px}header span,.eyebrow{font-size:12px;letter-spacing:.15em;color:#67877b}header span{color:#b5d4c1}h1{font-size:clamp(26px,5vw,40px);margin:16px 0 6px}header p{color:#c9dacf;margin:0}main{max-width:1008px;padding:28px 24px;margin:auto}section{margin-bottom:28px}.recorder,.help,article{padding:26px;background:white;border:1px solid #dce4da;border-radius:16px}.recorder{box-shadow:0 8px 28px #173d3709}h2{margin:6px 0 18px;font-size:21px}label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}input,textarea{width:100%;padding:13px;border:1px solid #c6d3c9;border-radius:8px;font:inherit;background:#fcfdf9;color:#193d37}textarea{min-height:150px;resize:vertical}button{font:inherit;cursor:pointer;border:1px solid #b9c9bd;background:#fff;color:#173d37;padding:10px 16px;border-radius:8px}button:hover{background:#edf4ed}button:disabled{opacity:.45;cursor:default}.primary{background:#173d37;color:#fff}.primary:hover{background:#28594f}.recording{background:#a1352b;color:white}.recordline,.actions,.sectionhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recordline strong{font-size:32px;font-variant-numeric:tabular-nums;margin-right:auto}.notice{font-size:13px;border-left:3px solid #c99e51;padding-left:12px;color:#755a2e}.small,small,.meta{font-size:12px;color:#65786c}#status{font-size:14px}#list{margin-top:18px}article{margin-top:16px}article h3{font-size:18px;margin:4px 0}audio{width:100%;margin:12px 0}.sectionhead{justify-content:space-between}.help{background:#eaf0e5;font-size:14px}.help h2{font-size:17px}.danger{color:#a12d25}.empty{padding:40px;text-align:center;color:#65786c}summary{cursor:pointer;font-weight:600;padding:10px 0}.actions{margin-top:14px}footer{text-align:center;font-size:12px;color:#65786c;padding:20px}button:focus-visible,summary:focus-visible{outline:3px solid #ba9141;outline-offset:3px}@media(max-width:540px){main{padding:18px 14px}header{padding:32px 22px}.recorder,.help,article{padding:18px}.recordline button{flex:1}.recordline strong{width:100%}button{font-size:14px}.sectionhead{align-items:flex-start}}