:root{color:#17252c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7f8;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,textarea,input{letter-spacing:0}.app-shell{background:radial-gradient(circle at 18% 18%,#e07a3021,#0000 26%),radial-gradient(circle at 84% 20%,#deccb214,#0000 30%),linear-gradient(135deg,#393f3f 0%,#262c2e 48%,#1b2023 100%);place-items:center;min-height:100svh;padding:20px;display:grid;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;border-radius:8px;position:fixed}.app-shell:before{background:radial-gradient(circle,#0000 58%,#f29a5c0d 59%,#0000 62%);border:1px solid #f29a5c2e;width:min(74vw,760px);height:min(74vw,760px);bottom:-34vw;left:-22vw}.app-shell:after{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:46px 46px;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 86%);mask-image:linear-gradient(#000000e6,#0000 86%)}.quiz-panel{z-index:1;background:linear-gradient(145deg,#3b4142f5,#22282bfa),#252b2e;border:1px solid #e4d6c21a;border-radius:8px;flex-direction:column;width:min(100%,560px);min-height:min(760px,100svh - 40px);padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000061,inset 0 1px #ffffff0f,inset 0 -1px #00000059}.quiz-panel:before{content:"";pointer-events:none;border:1px solid #ffffff0b;border-radius:8px;position:absolute;inset:10px}.instrument-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.instrument-backdrop:before{content:"";opacity:.34;background-color:#0000;background-image:radial-gradient(circle,#ec8d4a2e 0 2px,#0000 3px),linear-gradient(#ec8d4a14 1px,#0000 1px),linear-gradient(90deg,#ec8d4a0f 1px,#0000 1px);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;width:250px;height:250px;position:absolute;top:88px;right:-70px;transform:rotate(8deg)}.instrument-card,.instrument-gauge,.instrument-slider,.instrument-mini-grid{background:linear-gradient(145deg,#313738db,#181e21e6);border:1px solid #ebdbc41a;border-radius:8px;position:absolute;box-shadow:inset 0 1px #ffffff12,inset 0 -10px 18px #0000002e,0 18px 36px #0003}.instrument-card-main{opacity:.42;width:112px;height:88px;top:118px;right:24px}.instrument-card-small{opacity:.3;grid-template-columns:repeat(2,1fr);gap:10px;width:96px;height:76px;padding:14px;display:grid;bottom:132px;right:33px}.instrument-card-small span,.instrument-mini-grid span{background:radial-gradient(circle at 50% 38%,#ebdbc47a 0 2px,#0000 3px),linear-gradient(145deg,#3c4344f5,#191f22f5);border-radius:6px;box-shadow:inset 0 1px #ffffff0f}.instrument-label{color:#ebdbc485;font-size:9px;font-weight:850;position:absolute;top:11px;left:12px}.instrument-readout{color:#f5aa70b8;font-size:24px;font-weight:850;line-height:1;position:absolute;bottom:12px;left:12px}.instrument-ring{background:radial-gradient(circle,#1e2427 0 45%,#0000 47%),conic-gradient(from 20deg,#e07a30f2,#e07a300d 58%,#d6c6b142);border-radius:50%;width:38px;height:38px;position:absolute;top:23px;right:13px}.instrument-gauge{opacity:.3;background:radial-gradient(circle,#1c2225 0 44%,#0000 46%),conic-gradient(from -40deg,#e07a30eb,#d6c6b129,#2d3335eb);border-radius:50%;width:70px;height:70px;bottom:88px;right:154px}.instrument-gauge span{transform-origin:bottom;background:#eee0cd9e;border-radius:2px;width:2px;height:25px;position:absolute;top:16px;left:34px;transform:rotate(38deg)}.instrument-slider{opacity:.34;width:184px;height:28px;bottom:56px;right:32px}.instrument-slider:before{content:"";background:#e07a3094;border-radius:8px;height:3px;position:absolute;top:13px;left:15px;right:15px}.instrument-slider span{background:#d6c6b1;border-radius:50%;width:14px;height:14px;position:absolute;top:7px;left:102px;box-shadow:0 0 18px #e07a3042}.instrument-mini-grid{opacity:.22;grid-template-columns:repeat(4,1fr);gap:8px;width:114px;height:42px;padding:9px;display:grid;bottom:22px;left:18px}.topbar{z-index:2;color:#a9ada7;letter-spacing:0;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:44px;margin-bottom:18px;font-size:11px;font-weight:750;display:grid;position:relative}.topbar span:nth-child(2){color:#c3c8c2;font-weight:900}.topbar:after{content:"";background:radial-gradient(circle at 10px 9px,#e07a30 0 3px,#0000 4px),radial-gradient(circle at 29px 9px,#6f7471 0 3px,#0000 4px),radial-gradient(circle at 48px 9px,#d6c6b1 0 3px,#0000 4px),#1d2326;border-radius:8px;justify-self:end;width:58px;height:18px;box-shadow:inset 0 1px 2px #ffffff0a,0 8px 18px #00000038}.brand-mark{color:#241a15;background:radial-gradient(circle at 32% 28%,#ffdabbbf,#0000 26%),linear-gradient(145deg,#e07a30,#a94a22);border-radius:8px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:inline-grid;box-shadow:inset 0 1px #ffffff47,inset 0 -6px 14px #3a180a40,0 10px 24px #e07a3040}.kicker{z-index:2;color:#f1a163;text-transform:uppercase;background:#e07a301a;border:1px solid #e07a304d;border-radius:8px;width:fit-content;margin-top:2px;padding:5px 8px;font-size:11px;font-weight:850;position:relative}.quiz-panel h1{color:#ece6dc;letter-spacing:0;max-width:18ch;margin:12px 0 0;font-size:30px;font-weight:830;line-height:1.08}.subtitle{color:#a7aaa4;max-width:62ch;margin-top:11px;font-size:14px;line-height:1.48}.question-head{z-index:2;flex-direction:column;display:flex;position:relative}.quiz-panel-question .question-head{justify-content:flex-start;height:172px;overflow:hidden}.quiz-panel-question .content-stack{margin-top:0}.content-stack{z-index:2;flex-direction:column;flex:1;gap:12px;margin-top:22px;display:flex;position:relative}.progress-wrap{z-index:2;background:#1f2528;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:12px;padding:10px;position:relative;box-shadow:inset 0 1px 5px #00000052}.progress-meta{color:#9ba09a;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:750;display:flex}.progress-track{background:#161b1e;border-radius:8px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #00000073}.progress-track div{border-radius:inherit;background:linear-gradient(90deg,#e07a30,#f4b06d);height:100%;box-shadow:0 0 22px #e07a3057}.field-card,.review-card{background:linear-gradient(145deg,#363c3deb,#22272af2),#2a3032;border:1px solid #ffffff12;border-radius:8px;padding:14px;box-shadow:inset 0 1px #ffffff0d,0 12px 26px #00000038}textarea,input{box-sizing:border-box;color:#efe8dd;width:100%;font:inherit;background:#171d20;border:1px solid #ffffff14;border-radius:8px;outline:none;box-shadow:inset 0 1px 6px #00000061,0 1px #ffffff0a}textarea::placeholder,input::placeholder{color:#747a78}textarea{resize:vertical;min-height:178px;padding:12px;line-height:1.5}input{min-height:42px;padding:0 10px}textarea:focus,input:focus{border-color:#e07a30c7;box-shadow:0 0 0 3px #e07a301f,inset 0 1px 6px #00000061}.record,.primary,.ghost,.option,.choice,.file-pick{min-height:46px;font:inherit;cursor:pointer;border-radius:8px;font-weight:760;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.record,.primary{color:#201814;background:linear-gradient(145deg,#e07a30,#b95426);border:1px solid #f6ae6f70;width:100%;box-shadow:inset 0 1px #ffffff38,inset 0 -8px 16px #63260d38,0 10px 26px #e07a3038}.record{margin-top:12px}.record.stop{color:#f7e9e2;background:linear-gradient(145deg,#c55b46,#8d3126);border-color:#ff958199}.primary:hover,.record:hover,.option:hover,.choice:hover,.ghost:hover,.file-pick:hover{transform:translateY(-1px)}.primary:disabled,.record:disabled{cursor:not-allowed;opacity:.42;transform:none}.ghost{color:#c8c8bf;background:#22282b;border:1px solid #ffffff14;width:100%;box-shadow:inset 0 1px #ffffff0a}.nav-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;display:grid}.nav-row .primary,.nav-row .ghost{width:100%;min-height:48px}.review-toolbar{justify-content:flex-end;margin-top:-10px;display:flex}.review-toolbar .ghost{width:auto;min-width:174px;min-height:38px;padding:0 14px;font-size:13px}.review-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.option{color:#eee5d7;text-align:left;background:radial-gradient(circle at 88% 20%,#e07a3021,#0000 24%),linear-gradient(145deg,#3b4243f0,#1d2427fa);border:1px solid #ebdbc41b;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 12px;width:100%;min-height:68px;padding:13px 16px 13px 13px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0e,inset 0 -10px 18px #00000029,0 12px 26px #0003}.option:after{content:"";background:radial-gradient(circle at 16px 17px,#e07a30eb 0 3px,#0000 4px),radial-gradient(circle at 36px 17px,#d6c6b175 0 3px,#0000 4px),linear-gradient(90deg,#0000 54px,#e07a304d 55px 57px,#0000 58px),#20272a;border:1px solid #ebdbc417;border-radius:8px;justify-self:end;width:72px;height:34px;box-shadow:inset 0 1px #ffffff0d,inset 0 -8px 14px #0000002e}.option:before{content:"";background:radial-gradient(circle,#e07a30 0 4px,#2b3133 5px 100%);border-radius:8px;width:18px;height:18px;box-shadow:inset 0 1px 2px #ffffff1f,0 0 18px #e07a3024}.option strong{letter-spacing:0;font-size:16px;display:block}.option span{grid-column:2;margin-top:-4px}.option:hover,.choice:hover,.ghost:hover{border-color:#e07a3061}.option:hover{box-shadow:inset 0 1px #ffffff13,inset 0 -10px 18px #0000002e,0 16px 30px #0000003b,0 0 0 3px #e07a300f}.option span,.muted{color:#9fa49f;font-size:13px;font-weight:500}.choice-grid{gap:9px;display:grid}.choice{color:#e8e0d4;text-align:left;background:#252b2e;border:1px solid #ffffff13;width:100%;padding:0 42px 0 13px;position:relative;box-shadow:inset 0 1px #ffffff09}.choice:after{content:"";background:#151b1e;border-radius:8px;width:14px;height:14px;position:absolute;top:50%;right:13px;transform:translateY(-50%);box-shadow:inset 0 1px 3px #0000007a}.choice.active{color:#f6dcc2;background:linear-gradient(145deg,#4b3a2beb,#262b2df5);border-color:#e07a30b8}.choice.active:after{background:#e07a30;box-shadow:0 0 18px #e07a3066,inset 0 1px 2px #ffffff2e}.input-grid{grid-template-columns:1fr;gap:10px;display:grid}.input-label{color:#b6b7ae;text-transform:uppercase;gap:6px;font-size:12px;font-weight:780;display:grid}.file-pick{color:#f1a163;background:#e07a3014;border:1px dashed #e07a3080;place-items:center;width:100%;margin-top:12px;display:grid}.file-pick input{display:none}.review-card strong{color:#f0e6da}.review-card dl{text-align:left;grid-template-columns:112px 1fr;gap:8px 12px;margin:12px 0 0;display:grid}.review-card dt{color:#8d938f;text-transform:uppercase;font-size:11px;font-weight:850}.review-card dd{color:#e7ded0;margin:0}.alert,.status,.result-line,.drive-link{border-radius:8px;padding:12px}.alert{color:#ffd1c4;background:#7e312338;border:1px solid #ff80606b}.status,.result-line{color:#c8c8bf;background:#242a2d;border:1px solid #ffffff13}.drive-link{color:#f1a163;border:1px solid #e07a307a;font-weight:820;text-decoration:none;display:block}.pdf-sheet{background:radial-gradient(circle at 88% 12%,#e07a3033,#0000 28%),linear-gradient(145deg,#3b4243f2,#1c2326fa);border:1px solid #e07a3057;border-radius:8px;gap:9px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff0e,0 14px 30px #00000038}.pdf-sheet strong{color:#f2e6d7;font-size:17px}.pdf-sheet span{color:#aeb3ad;font-size:13px}.download-link{color:#201814;background:linear-gradient(145deg,#e07a30,#b95426);border:1px solid #f6ae6f70;border-radius:8px;place-items:center;min-height:46px;margin-top:2px;font-weight:850;text-decoration:none;display:grid;box-shadow:inset 0 1px #ffffff38,inset 0 -8px 16px #63260d38,0 10px 26px #e07a3038}.overlay{z-index:20;color:#f3e8da;background:#0e1214bd;place-items:center;font-size:18px;font-weight:820;display:grid;position:fixed;inset:0}@media (width<=560px){.app-shell{padding:0;display:block}.quiz-panel{min-height:100svh;box-shadow:none;border:0;border-radius:0}.quiz-panel h1{max-width:100%;font-size:25px}.nav-row{grid-template-columns:1fr}.review-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
