@font-face{font-family:Ravi;src:url('/fonts/Ravi-Regular.woff2');font-weight:400;font-display:swap}@font-face{font-family:Ravi;src:url('/fonts/Ravi-Light.woff2');font-weight:300;font-display:swap}@font-face{font-family:Ravi;src:url('/fonts/Ravi-Bold.woff2');font-weight:700;font-display:swap}@font-face{font-family:Ravi;src:url('/fonts/Ravi-Black.woff2');font-weight:900;font-display:swap}@font-face{font-family:Ravi;src:url('/fonts/Ravi-ExtraBlack.woff2');font-weight:950;font-display:swap}
:root{--blue:#0041fc;--pale:#8bd7f8;--bg:#f4f5f4;--ink:#181818;font-family:Ravi,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{border:0;cursor:pointer;min-height:48px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}h1{font-size:32px;font-weight:950;color:var(--blue);line-height:1.6;margin:24px 0 16px}h2{font-weight:900;font-size:23px;line-height:1.6}h3{font-weight:700;font-size:18px}p{line-height:1.9}button svg{width:22px;height:22px;flex-shrink:0}.app{max-width:460px;margin:auto;padding:24px 22px 38px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(38px,env(safe-area-inset-bottom))}.app.admin{max-width:1050px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}header strong{font-weight:950;font-size:28px}.icon-button{background:transparent;color:var(--blue);width:48px;display:flex;align-items:center;justify-content:center}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.connection,.note{font-size:13px;font-weight:300;line-height:1.9}.connection{background:#8bd7f833;padding:8px 12px;border-radius:14px}.surface{border-radius:25px;background:color-mix(in srgb,var(--pale) 45%,var(--bg));padding:22px;margin:22px 0;box-shadow:6px 8px 16px #18181818,-5px -5px 14px #ffffffcc,inset 1px 1px 2px #ffffffaa}.primary,.secondary{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;border-radius:22px;padding:13px 18px;min-height:58px;font-size:18px;font-weight:700;margin-top:14px}.primary{background:var(--blue);color:var(--bg);box-shadow:5px 7px 14px #0041fc29,inset 0 2px 3px #ffffff44}.secondary{background:var(--bg);color:var(--blue);box-shadow:4px 6px 12px #18181818,-4px -4px 10px #ffffffaa}.text-button{background:transparent;color:var(--blue);padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto;font-weight:700}.muted{opacity:.65}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.code{direction:ltr;unicode-bidi:isolate;font-size:23px;font-weight:900}.welcome{text-align:center}.welcome h1{font-size:38px;margin-top:40px}.field{display:block;margin:15px 0}.field span,.field>label{display:block;margin-bottom:8px;font-weight:700}input[type=password],input[type=search],textarea,select{width:100%;border:1px solid #0041fc25;background:var(--bg);border-radius:19px;padding:14px 16px;font-size:16px;box-shadow:inset 3px 4px 7px #18181812,inset -3px -3px 8px #ffffffbb}textarea{min-height:145px;resize:vertical;line-height:1.9}.error{border:1px solid var(--blue);border-radius:16px;padding:12px 15px;line-height:1.9;background:#8bd7f84d;margin:14px 0}.question-label{font-size:23px;font-weight:900;color:var(--blue);line-height:1.8}progress{width:100%;height:13px;accent-color:var(--blue);margin:10px 0}.product-list{display:grid;gap:14px}.product-button{width:100%;background:var(--bg);border-radius:22px;box-shadow:4px 6px 12px #18181815,-4px -4px 10px #ffffffbb;padding:17px;text-align:right;font-weight:400}.product-button p{margin:5px 0;font-size:14px}.product-button .note{margin:0}details{margin:18px 0}summary{cursor:pointer;padding:12px;font-size:18px;font-weight:700;color:var(--blue)}fieldset{border:0;margin:0;padding:17px 0;border-bottom:1px solid #18181814}legend{padding-top:16px;line-height:1.8;font-weight:700}.choices{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.choice{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg);border:1px solid #18181812;padding:12px 18px;border-radius:18px;min-height:48px;flex:1;box-shadow:3px 4px 8px #18181812;cursor:pointer}.choice input{accent-color:var(--blue);width:20px;height:20px}.choice:has(input:checked){background:#8bd7f8b3;border-color:var(--blue)}.choice:has(input:focus-visible){outline:3px solid var(--blue)}.choice-wide{flex-basis:100%}.actions{display:flex;gap:12px;margin-top:20px}.actions button{flex:1;font-size:15px}.record{width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:25px auto 14px;background:var(--bg);color:var(--blue);box-shadow:8px 10px 20px #18181820,-7px -7px 18px #fff}.record svg{width:62px;height:62px}.record.active{outline:4px solid #0041fc44;box-shadow:inset 5px 6px 10px #18181820}.center{text-align:center}.timer{direction:ltr;text-align:center;font-size:22px}.file-label{display:block;color:var(--blue);text-align:center;margin:15px 0;padding:13px;font-weight:700;cursor:pointer}.file-label input{position:absolute;width:1px;height:1px;opacity:0}.file-label:focus-within{outline:3px solid var(--blue)}.typed{margin-top:25px}.review-item{border-bottom:1px solid #18181817;padding:16px 0;overflow-wrap:anywhere}.review-item:last-child{border:0}.answer-text{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}audio{width:100%;margin:12px 0}.badge{display:inline-block;padding:4px 9px;border-radius:12px;background:#8bd7f866;font-size:12px;font-weight:700}.notify{position:fixed;left:18px;right:18px;bottom:18px;max-width:450px;margin:auto;z-index:20;border-radius:18px;background:var(--ink);color:var(--bg);padding:15px;text-align:center;line-height:1.8;font-size:14px}dialog{border:0;border-radius:26px;background:var(--bg);color:var(--ink);padding:24px;width:calc(100% - 28px);max-width:430px;max-height:90svh;overflow:auto;font-family:Ravi,sans-serif}dialog::backdrop{background:#18181899}dialog h2{color:var(--blue);text-align:center;font-size:28px}body.modal-open{overflow:hidden}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.admin-item{border-radius:22px;padding:20px;background:var(--bg);box-shadow:4px 6px 12px #18181815,-4px -4px 10px #ffffffaa}.admin-item .primary,.admin-item .secondary{font-size:15px;min-height:48px}.admin-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:16px 0}.admin-tools>div{flex:1;min-width:160px}.pending-box{padding:12px;border:1px solid var(--blue);border-radius:16px;margin-top:14px}.pending-box button{margin-top:8px}.status-text{font-size:13px}.storage{font-size:14px}footer{margin-top:30px;border-top:1px solid #18181815}.success{text-align:center}.success svg{width:85px;height:85px;color:var(--blue)}@media(max-width:350px){.app{padding:18px}.welcome h1{font-size:31px}.question-label{font-size:20px}.choice{padding:10px}}
