.area{color:#102a43;background:#fff9ed;min-height:100vh}.area header{background:#fff;border-bottom:1px solid #cbd8d4;justify-content:space-between;align-items:center;height:72px;padding:0 max(18px,50vw - 380px);display:flex}.area header a{align-items:center;gap:10px;font-size:17px;display:flex}.area header i{background:#ffd65a;border:2px solid #102a43;border-radius:13px;place-items:center;width:40px;height:40px;font:900 10px Arial;display:grid;box-shadow:3px 3px #102a43}.area button{cursor:pointer;font-family:inherit}.area header button,.history footer button{background:#fff;border:2px solid #102a43;border-radius:99px;min-height:40px;padding:0 16px;font-weight:800}.wrap{width:min(760px,100% - 28px);margin:auto;padding:28px 0 80px}.welcome{justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px;display:flex}.welcome small,.history small{color:#24795e;letter-spacing:1.3px;font-size:9px;font-weight:900}.welcome h1{margin:8px 0;font:400 clamp(38px,7vw,56px)/1 Georgia}.welcome p{color:#5d6d79;margin:0}.welcome>span{background:#e5f8f1;border:2px solid #102a43;border-radius:14px;padding:13px 16px;font-size:10px;font-weight:800}.simple,.state{background:#fff;border:2px solid #102a43;border-radius:22px;padding:26px;box-shadow:7px 7px #102a43}.camera,.voice{text-align:left;border:2px solid #102a43;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;width:100%;min-height:94px;padding:18px 22px;display:flex}.camera{background:#72d6b1;box-shadow:4px 4px #102a43}.voice{background:#fff1b9;min-height:78px;margin-top:16px}.camera b,.voice b{font-size:21px}.camera span,.voice span{color:#425d68;font-size:11px}.simple details{border-top:1px solid #cbd8d4;margin-top:17px}.simple summary{cursor:pointer;justify-content:space-between;padding:18px 4px 8px;font-weight:900;display:flex}.options{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.options button{background:#fff;border:2px solid #102a43;border-radius:13px;min-height:70px;padding:10px;font-weight:800}.write{flex-direction:column;gap:8px;margin-top:18px;font-size:12px;font-weight:900;display:flex}.write textarea{resize:vertical;border:2px solid #102a43;border-radius:14px;min-height:135px;padding:14px;font:15px Arial}.preview{background:#e5f8f1;border-radius:14px;flex-direction:column;gap:12px;margin-top:18px;padding:16px;display:flex}.preview img{object-fit:contain;border-radius:10px;max-height:260px}.preview audio{width:100%}.preview button{background:0 0;border:0;align-self:flex-start;font-weight:800;text-decoration:underline}.warning{background:#fff1b9;border-radius:12px;margin-top:18px;padding:13px;font-size:10px}.check{grid-template-columns:24px 1fr;align-items:center;gap:8px;margin-top:14px;font-size:11px;font-weight:800;display:grid}.check input{width:22px;height:22px}.message{background:#e5f8f1;border-radius:12px;padding:12px;font-size:11px}.cta{color:#fff;background:#173f5f;border:2px solid #102a43;border-radius:99px;justify-content:center;align-items:center;width:100%;min-height:60px;margin-top:16px;font-size:16px;font-weight:900;display:flex;box-shadow:4px 4px #72d6b1}.history{margin-top:52px}.historyTitle{justify-content:space-between;align-items:end;display:flex}.historyTitle h2{margin:8px 0;font:400 32px Georgia}.historyTitle>span{text-align:center;background:#ffd65a;border-radius:99px;min-width:34px;padding:8px;font-weight:900}.list{gap:14px;display:grid}.history article{background:#fff;border:2px solid #102a43;border-radius:17px;padding:21px}.top,.history footer{justify-content:space-between;align-items:center;gap:15px;display:flex}.status{text-transform:uppercase;background:#fff1b9;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:900}.history h3{text-transform:capitalize;margin:18px 0 8px;font:400 24px Georgia}.history article>p{color:#5d6d79;overflow-wrap:anywhere;line-height:1.6}.history blockquote{background:#e5f8f1;border-radius:12px;flex-direction:column;gap:8px;margin:14px 0;padding:15px;font:12px Arial;display:flex}.history blockquote button{background:#fff;border:2px solid #102a43;border-radius:99px;min-height:46px;font-weight:900}.waiting{background:#f2f3ef;border-radius:10px;padding:12px;font-size:11px}.history footer{border-top:1px solid #cbd8d4;padding-top:14px}.state{text-align:center;margin-top:20px}.state h1{font:400 42px Georgia}.state .cta{max-width:320px;margin:20px auto}.empty{text-align:center;margin-top:15px}.camera:focus-visible,.voice:focus-visible,.options button:focus-visible,.cta:focus-visible{outline-offset:3px;outline:4px solid #ff7468}@media (width<=620px){.wrap{padding-top:18px}.welcome{flex-direction:column;align-items:flex-start;gap:14px}.welcome>span{width:100%}.simple{padding:18px;box-shadow:5px 5px #102a43}.camera{min-height:110px}.options{grid-template-columns:1fr}.options button{min-height:58px}.history footer{flex-direction:column;align-items:flex-start}.history footer button{width:100%}}.mainChoices{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mainChoices .camera,.mainChoices .voice{min-height:105px;margin:0;box-shadow:4px 4px #102a43}.mainChoices .voice{background:#ffd65a}.orLabel{text-align:center;color:#5d6d79;margin:22px 0 10px;font-size:11px;font-weight:800}.options{margin-top:0}.write{display:flex}.plainInfo{background:#e5f8f1;border:2px solid #102a43;border-radius:14px;margin-top:20px;padding:18px}.plainInfo>b{font:400 23px Georgia}.plainInfo p{color:#425d68;font-size:12px;line-height:1.6}.plainInfo>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.plainInfo span{text-align:center;background:#fff;border-radius:10px;padding:10px 8px;font-size:9px;font-weight:900}@media (width<=620px){.mainChoices{grid-template-columns:1fr}.mainChoices .camera,.mainChoices .voice{min-height:100px}.options{grid-template-columns:repeat(3,1fr)}.options button{min-height:68px;font-size:10px}.plainInfo>div{grid-template-columns:1fr}}