:root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;background:#f5f5f2;color:#1d211e}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:28px 16px 70px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0;font-size:2rem}header p{margin:.35rem 0;color:#59615b}.pill{font-size:.72rem;border:1px solid #657268;border-radius:999px;padding:6px 9px}.card{background:white;border:1px solid #dddeda;border-radius:18px;padding:20px;margin:14px 0;box-shadow:0 3px 14px #0000000a}.intro{background:#eef5ed}.card h2{font-size:1.1rem;margin-top:0}.row{display:flex;gap:10px;flex-wrap:wrap}input{flex:1;min-width:220px;border:1px solid #cfd3ce;border-radius:10px;padding:12px;font-size:1rem}button{border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer;background:#202823;color:white}button:disabled{opacity:.35;cursor:not-allowed}.ghost{background:#ecefeb;color:#303731}.status{margin-top:12px;padding:10px 12px;background:#f4f5f3;border-radius:10px;color:#59615b}.prediction{font-size:1.25rem;margin-top:14px;line-height:1.8}.labelrow{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid #eee}.snap{display:flex;justify-content:space-between;align-items:center;border:1px solid #e4e5e1;border-radius:10px;padding:10px;margin:8px 0}.snap button{padding:7px 10px;font-size:.8rem}.nerd{font-size:.9rem}.nerd code{display:block;overflow:auto;padding:12px;background:#171b18;color:#dfe8df;border-radius:10px}@media(max-width:520px){header{align-items:flex-start}.pill{margin-top:7px}button{width:100%}.row input{width:100%}}
select{flex:1;min-width:220px;border:1px solid #cfd3ce;border-radius:10px;padding:12px;font-size:1rem;background:white}.selectrow{display:flex;gap:12px;align-items:center;margin:12px 0}.selectrow label{font-weight:700;min-width:84px}.snapbuttons{display:flex;gap:6px}.snapbuttons button{padding:7px 10px;font-size:.8rem}.snap small{color:#69716b}h3{font-size:.9rem;margin:14px 0 4px;color:#59615b}@media(max-width:520px){.selectrow{align-items:stretch;flex-direction:column}.snap{align-items:flex-start;gap:10px;flex-direction:column}.snapbuttons{width:100%}.snapbuttons button{width:auto;flex:1}}