.newuserform{display:grid;grid-template-columns:1.1fr 1.3fr .8fr .8fr auto;gap:10px;align-items:stretch}
.newuserform>input,.newuserform>select{min-width:0;padding:13px;border:1px solid #d8d0c4;background:#fff}
.usersecret input{min-width:0}
.usersecret button{width:62px;color:#58635f;font-weight:700}
.quotahelp{font-size:12px;margin:14px 0}
.tablewrap{overflow-x:auto}
.table td:last-child{white-space:nowrap}
@media(max-width:900px){.newuserform{grid-template-columns:1fr 1fr}.newuserform .primary{grid-column:1/-1}}
.modulehint{font-size:14px;letter-spacing:.08em;margin-left:18px;color:#ef5945}
.plainscript{margin-top:28px}.plainscript p{white-space:pre-line;line-height:1.9;margin:0;color:#263332}
.voiceinput{border:0;background:#ef5945;color:#fff;padding:15px 22px;border-radius:4px;font-weight:800;box-shadow:0 8px 22px #ef594533;cursor:pointer}.voicenotice{display:none;max-width:920px;margin:14px auto 0;padding:13px 16px;background:#fff4d8;border:1px solid #e1bd62;color:#675221;line-height:1.6}.voicenotice.show{display:block}
.recclock{display:block;margin-top:8px;color:#ef8d7e;font:800 18px/1 monospace;letter-spacing:.06em}.recorder .waves{display:flex;align-items:center;gap:6px;height:42px;min-width:230px;justify-content:flex-end}.recorder .waves i{display:block;width:12px;height:10px;background:#8fa29d;transform-origin:center;border-radius:1px}.recorder.active .waves i{background:#ef8d7e;animation:voicewave .82s ease-in-out infinite}.recorder.active .waves i:nth-child(2),.recorder.active .waves i:nth-child(8){animation-delay:-.18s}.recorder.active .waves i:nth-child(3),.recorder.active .waves i:nth-child(7){animation-delay:-.36s}.recorder.active .waves i:nth-child(4),.recorder.active .waves i:nth-child(6){animation-delay:-.54s}.recorder.active .waves i:nth-child(5){animation-delay:-.72s}@keyframes voicewave{0%,100%{height:8px;opacity:.6}50%{height:38px;opacity:1}}.answeraudio{display:none;flex:1;min-width:260px;align-items:center;gap:16px}.answeraudio.show{display:flex}.audiostatus{min-width:100px}.answeraudio b,.answeraudio small{display:block}.answeraudio small{margin-top:5px;color:#aab5b2}.answeraudio audio{width:min(340px,100%);height:42px}.recorder.has-audio .waves{min-width:150px}.voiceinput:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){
  .page{padding:18px 16px}
  header{gap:8px}header .ghost{font-size:13px;padding:6px 0}.brand{font-size:11px;white-space:nowrap}.brand span{width:31px;height:31px}
  .resultintro{margin:42px auto 22px}.resultintro .eyebrow{font-size:10px;white-space:nowrap;letter-spacing:.13em}.resultintro h1{font-size:clamp(25px,7.3vw,30px);white-space:nowrap;letter-spacing:-.06em;margin:12px 0}.resultintro .muted{font-size:clamp(9px,2.7vw,11px);white-space:nowrap;line-height:1.5}
  .tabs{gap:6px;margin-bottom:14px}.tabs button{padding:10px 13px;font-size:13px}
  .resultgrid{gap:12px}.resultgrid article{padding:20px}.resultgrid h2{font-size:29px;line-height:1.15;margin:18px 0 12px}.resultgrid .namecard{min-height:0}.namecard .pre{font-size:14px;line-height:1.58;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.namecard .pre.expanded{display:block;overflow:visible}.label{font-size:10px}.modulehint{font-size:11px;margin-left:9px}
  .scriptsections,.plainscript{margin-top:18px}.scriptsection{margin-bottom:18px;padding-left:13px}.scriptsection p,.plainscript p{font-size:14px;line-height:1.7}
  footer{gap:8px}.voiceinput{padding:14px 16px;font-size:15px;white-space:nowrap}footer .primary{padding:14px 16px}footer .ghost{white-space:nowrap}
  .recorder{flex-wrap:wrap}.recorder>div:nth-child(2){min-width:0;flex:1}.recclock{font-size:16px}.recorder .waves{min-width:150px;flex:1;gap:4px}.recorder .waves i{width:8px}.answeraudio{display:none;order:4;flex-basis:100%;min-width:0;padding-top:12px;border-top:1px solid #ffffff22;gap:10px;flex-direction:column;align-items:stretch}.answeraudio.show{display:flex}.audiostatus{display:flex;justify-content:space-between}.answeraudio audio{width:100%;height:38px}.recorder.has-audio .waves{min-width:120px}
}
@media(max-width:370px){.resultintro h1{font-size:24px}.resultintro .muted{font-size:9px}.page{padding-left:12px;padding-right:12px}}
@media(max-width:370px){footer{gap:4px}.voiceinput,footer .primary{padding:12px 9px;font-size:13px}footer .ghost{font-size:12px}}