*{box-sizing:border-box}body{color:#112d47;background:#f2f6fb;margin:0;font:16px/1.5 system-ui,sans-serif}header{color:#fff;background:#102943;flex-wrap:wrap;align-items:center;gap:24px;padding:20px 5%;display:flex}.brand{letter-spacing:-1px;font-size:30px}.brand span{color:#2ecc71}header>select{margin-left:auto}main{max-width:1100px;margin:32px auto;padding:0 24px}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#102943;border:0;border-radius:12px;min-height:46px;padding:10px 18px}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #169b89}.secondary,nav button,.filters button{color:#102943;background:#fff;border:1px solid #d4dfea}.active,nav .active,.filters .active{color:#102943;background:#46e2ca;border-color:#46e2ca}nav,.filters,.row{flex-wrap:wrap;gap:10px;display:flex}.filters{margin:20px 0}.heading{justify-content:space-between;align-items:center;margin-top:24px;display:flex}h1{margin:8px 0;font-size:32px}h2{margin:8px 0;font-size:21px}.tasklist{gap:14px;display:grid}.taskcard{text-align:left;color:#102943;background:#fff;border:1px solid #d8e3ee;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex;box-shadow:0 4px 18px #10294308}.taskcard p{color:#486177;margin:8px 0}.pill{color:#19695e;white-space:nowrap;background:#eaf5f2;border-radius:30px;padding:6px 12px;font-size:14px}.detail,.panel,.auth{background:#fff;border:1px solid #d8e3ee;border-radius:24px;padding:28px}.auth{max-width:500px}form{gap:16px;margin:20px 0;display:grid}label{gap:6px;display:grid}input,select,textarea{color:#112d47;background:#fff;border:1px solid #bacbd9;border-radius:10px;width:100%;padding:12px}textarea{resize:vertical;min-height:130px}header select{width:auto}.text{white-space:pre-wrap;overflow-wrap:anywhere}.error,.notice{color:#7e391a;background:#fff1df;border-radius:12px;padding:14px 24px}.error{max-width:1050px;margin:16px auto}article{border-top:1px solid #d8e3ee;margin-top:20px;padding-top:16px}audio{width:100%;margin:16px 0;display:block}small{color:#57728a;font-size:14px}.document{background:#f6fafb;border-radius:16px;padding:20px}.detail>.row{margin-top:24px}@media (width<=600px){header{gap:12px}header>span{display:none}main{padding:0 14px}.taskcard{flex-direction:column;align-items:flex-start}.detail,.panel{padding:20px}.filters button{flex:1}h1{font-size:28px}}@media print{header,nav,button,form,.filters,.notice,.error{display:none!important}body,main,.detail,.document{box-shadow:none;background:#fff;border:0}.document{display:block}}.brand-logo{object-fit:contain;background:#fff;border-radius:10px;width:152px;height:48px;padding:5px}.voice{background:linear-gradient(140deg,#fff 20%,#e9fff3);border:1px solid #d9eee2;border-radius:32px;margin-top:20px;padding:36px;box-shadow:0 15px 60px #1029430a}.voice-intro{text-align:center;max-width:620px;margin:auto}.voice h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(36px,5vw,58px);line-height:1.12}.voice h1 em{color:#15854c;font-style:normal}.voice-intro p{color:#57728a}.voice-recorder{text-align:center;margin:28px auto}.talk{color:#102943;background:#2ecc71;border-radius:50%;place-items:center;width:168px;height:168px;margin:auto;display:grid;box-shadow:0 0 0 12px #2ecc7118,0 16px 35px #169d4e25}.talk.recording{color:#fff;background:#102943}.stop-icon{background:#fff;border-radius:10px;width:42px;height:42px}.voice-types{grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:auto;display:grid}.voice-types button{color:#102943;background:#fff;border:1px solid #d4e8de;min-height:84px;font-weight:650}.voice-types .chosen{background:#e4fbea;border:2px solid #2ecc71}.voice-hint{text-align:center;color:#57728a;font-size:14px}.voice-result{background:#fff;border-radius:20px;margin-top:24px;padding:24px}.voice-result a{color:#137c47;margin-right:18px}.provider-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.provider-card{background:#f6fafb;border:1px solid #d8e3ee;border-radius:18px;padding:20px}.provider-card strong{margin-bottom:12px;display:block}.provider-card p{color:#57728a;font-size:14px}@media (width<=600px){.voice{padding:24px 16px}.voice-types{grid-template-columns:repeat(2,1fr)}.talk{width:150px;height:150px}}