.sim{--tw-blue: oklch(.7015 .1383 235.59);--blue: oklch(.56 .13 238);--blue-dark: oklch(.49 .12 240);--blue-soft: oklch(.965 .022 232);--blue-tint: oklch(.93 .04 235);--ink: oklch(.129 .042 264.695);--ink-2: oklch(.372 .044 257.287);--muted: oklch(.554 .046 257.417);--soft: oklch(.968 .007 247.896);--line: oklch(.929 .013 255.508);--line-2: oklch(.869 .022 252.894);--page: #f6f7f9;--card: #fff;--good: #1f8a4c;--good-bg: #e6f4ec;--warn: #a16207;--warn-bg: #fdf3e1;--bad: #c2410c;--bad-bg: #fdece4;--wa: #128c4a;--note: oklch(.975 .035 85);--note-ink: oklch(.4 .08 65);--star: #f5a524;color-scheme:light;min-height:100dvh;background:var(--page);color:var(--ink);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent}.sim *,.sim *:before,.sim *:after{box-sizing:border-box}.sim button{font:inherit;cursor:pointer}.sim button:disabled{cursor:not-allowed;opacity:.45}.sim :focus-visible{outline:3px solid #ffb703;outline-offset:2px}.sim .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.sim .num{font-variant-numeric:tabular-nums}.sim .col{max-width:640px;margin:0 auto}.sim .katex{font-size:1.08em}.sim .math-line{margin:.35em 0;padding:2px 0;line-height:1.7}.sim .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;padding:12px 18px;font-weight:600;font-size:15px;border:1.5px solid transparent;text-decoration:none;line-height:1.2;transition:background-color .15s,border-color .15s,transform .1s}.sim .btn:active{transform:scale(.98)}.sim .btn.primary{background:var(--blue);color:#fff}.sim .btn.primary:hover{background:var(--blue-dark)}.sim .btn.outline{background:#fff;color:var(--blue-dark);border-color:var(--line-2)}.sim .btn.outline:hover{border-color:var(--blue)}.sim .btn.wa{background:var(--wa);color:#fff}.sim .btn.wa:hover{filter:brightness(.93)}.sim .btn.share{gap:8px;padding-inline:20px}.sim .btn.block{width:100%}.sim .btn.small{min-height:42px;padding:9px 16px;font-size:14.5px}.sim .lnk{background:none;border:0;padding:6px 0;color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px;font-size:14.5px}.sim .topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:640px;margin:0 auto;padding-top:max(14px,env(safe-area-inset-top,0px));padding-bottom:14px}.sim .brand{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700;font-size:20px;text-decoration:none}.sim .brand img{width:32px;height:32px}.sim .toggle{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer}.sim .toggle input,.sim .answer input{appearance:none;-webkit-appearance:none;flex:0 0 auto;display:grid;place-content:center;background:#fff;border:2px solid oklch(.704 .04 256.788);cursor:pointer;margin:0}.sim .toggle input{width:22px;height:22px;margin-top:1px;border-radius:6px}.sim .toggle input:before{content:"";width:12px;height:12px;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:#fff;transform:scale(0);transition:transform .12s}.sim .toggle input:checked{background:var(--blue);border-color:var(--blue)}.sim .toggle input:checked:before{transform:scale(1)}.sim .toggle b{display:block;font-weight:600;color:var(--ink)}.sim .toggle .desc{color:var(--muted);font-size:14px}.sim .start{padding-block:8px 40px}.sim .start .col{display:grid;gap:22px}.sim .eyebrow{display:inline-block;font-size:13px;font-weight:600;color:var(--blue-dark);background:var(--blue-tint);border-radius:999px;padding:4px 12px;margin:0}.sim .start h1,.sim .result h1{font-size:clamp(32px,8vw,44px);line-height:1.08;font-weight:700;margin:12px 0 0;text-wrap:balance}.sim .subtitle{font-size:clamp(19px,4.6vw,24px);font-weight:600;color:var(--blue);margin:6px 0 0}.sim:has(>.sim-footer){display:flex;flex-direction:column}.sim .sim-footer{margin-top:auto;display:flex;justify-content:center;gap:20px;padding-block:24px max(24px,env(safe-area-inset-bottom,0px));font-size:13px}.sim .sim-footer a{color:var(--muted);text-decoration:none}.sim .sim-footer a:hover{color:var(--ink-2);text-decoration:underline}.sim .lead{margin:0;color:var(--ink-2);font-size:16px;text-wrap:pretty}.sim .forms{display:flex;gap:8px}.sim .forms a{flex:1;text-align:center;padding:10px 12px;min-height:44px;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:var(--ink-2);font-weight:600;text-decoration:none}.sim .forms a[aria-current=page]{background:var(--blue);border-color:var(--blue);color:#fff}.sim .resume{display:grid;gap:10px;background:var(--blue-soft);border:1px solid var(--blue-tint);border-radius:14px;padding:14px 16px}.sim .resume p{margin:0}.sim .exam{min-height:100dvh;background:#fff}.sim .bar{position:sticky;top:0;z-index:5;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.sim .bar .in{max-width:860px;margin:0 auto;display:flex;align-items:center;gap:12px;padding-block:8px}.sim .bar .count{font-size:14px;color:var(--ink-2);white-space:nowrap}.sim .bar .timer{margin-left:auto;font-weight:700;font-size:17px;display:inline-flex;align-items:baseline;gap:6px}.sim .bar .timer.warn{color:var(--bad)}.sim .bar .timer small{font-weight:400;color:var(--muted);font-size:12px}@media(max-width:400px){.sim .bar .timer small{display:none}}.sim .bar .end{background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:6px 12px;min-height:36px;color:var(--blue-dark);font-size:14px}.sim .progress{height:3px;background:var(--line)}.sim .progress i{display:block;height:100%;background:var(--blue);transition:width .25s ease}.sim .qwrap{max-width:860px;margin:0 auto;padding-block:20px 48px;display:grid;gap:14px}.sim .topic{font-size:13.5px;color:var(--ink-2);margin:0}.sim .topic b{font-weight:600;color:var(--blue-dark)}.sim .que{display:flex;gap:14px}.sim .info{flex:0 0 120px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13px;align-self:flex-start}.sim .info p{margin:0}.sim .info b{font-size:20px}.sim .info .st{color:var(--muted);margin-top:4px}.sim .formulation{flex:1;min-width:0;background:var(--blue-soft);border-radius:14px;padding:18px}.sim .qtext{margin:0 0 14px;font-size:17px;line-height:1.65;text-wrap:pretty}.sim .prompt{margin:0 0 8px;font-size:14px;color:var(--ink-2)}.sim .answer{display:grid;gap:8px;border:0;margin:0;padding:0}.sim .answer label{display:flex;gap:12px;align-items:center;min-height:52px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-size:16px;transition:border-color .15s,background-color .15s}.sim .answer label:hover{border-color:var(--line-2)}.sim .answer label.selected{border-color:var(--blue);background:#f4fbff;background:oklch(.985 .012 232)}.sim .answer input{width:22px;height:22px;border-radius:50%}.sim .answer input:before{content:"";width:11px;height:11px;border-radius:50%;background:var(--blue);transform:scale(0);transition:transform .12s}.sim .answer input:checked{border-color:var(--blue)}.sim .answer input:checked:before{transform:scale(1)}.sim .answer .l{min-width:1.4em;color:var(--muted);font-weight:600}.sim .answer .opt-text{min-width:0;overflow-x:auto}.sim .answer label.right{background:var(--good-bg);border-color:var(--good)}.sim .answer label.right input{border-color:var(--good)}.sim .answer label.right input:before{background:var(--good)}.sim .answer label.wrong{background:var(--bad-bg);border-color:var(--bad)}.sim .answer label.wrong input{border-color:var(--bad)}.sim .answer label.wrong input:before{background:var(--bad)}.sim .tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.sim .fb{border-radius:12px;padding:14px 16px;display:grid;gap:8px}.sim .fb p{margin:0}.sim .fb .h{font-weight:600;display:flex;gap:8px;align-items:center}.sim .fb.ok{background:var(--good-bg)}.sim .fb.ok .h{color:var(--good)}.sim .fb.ko{background:var(--bad-bg)}.sim .fb.ko .h{color:var(--bad)}.sim .fb .row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.sim .fb .again{font-size:13.5px}.sim .ico{width:20px;height:20px;border-radius:50%;display:inline-grid;place-content:center;color:#fff;font-size:12px;font-weight:700;flex:0 0 auto}.sim .fb.ok .ico{background:var(--good)}.sim .fb.ko .ico{background:var(--bad)}.sim .hint{background:var(--note);color:var(--note-ink);border-radius:12px;padding:12px 16px}.sim .hint p{margin:0}.sim .proc{border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:14px;background:#fff}.sim .proc h3{margin:0;font-size:17px;font-weight:600}.sim .key{background:var(--blue-soft);border-left:4px solid var(--blue);border-radius:10px;padding:10px 14px}.sim .key b{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--blue-dark)}.sim .key p{margin:2px 0 0;font-size:15.5px}.sim .steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:s}.sim .steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;counter-increment:s}.sim .steps li:before{content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-weight:600;display:grid;place-content:center;font-size:14px}.sim .steps p{margin:4px 0 0;font-size:16px}.sim .steps.single li{display:block}.sim .steps.single li:before{content:none}.sim .steps.single p{margin:0}.sim .fx{margin-top:8px;padding:6px 14px;background:var(--soft);border-radius:10px;font-size:1.12em;overflow-x:auto}.sim .think{display:grid;gap:10px;border-top:1px dashed var(--line-2);padding-top:12px}.sim .think p{margin:0;color:var(--ink-2);font-size:14.5px}.sim .think .row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}.sim .final{background:var(--good-bg);border-radius:10px;padding:10px 14px;font-size:15.5px}.sim .nav{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.sim-dialog-overlay{position:fixed;inset:0;background:#0f172a80;z-index:60}.sim-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:61;width:min(420px,calc(100vw - 32px));background:#fff;border-radius:16px;padding:22px;display:grid;gap:14px;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;box-shadow:0 20px 50px #0f172a40}.sim-dialog-title{margin:0;font-size:18px;font-weight:600}.sim-dialog-desc{margin:0;color:#314158}.sim-dialog .mf{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.sim-dialog .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;padding:10px 18px;font-weight:600;font-size:15px;border:1.5px solid transparent}.sim-dialog .btn.primary{background:#007db5;background:oklch(.56 .13 238);color:#fff}.sim-dialog .btn.outline{background:#fff;color:#006799;color:oklch(.49 .12 240);border-color:#cad5e2}.sim .result{padding-block:8px 56px}.sim .result .col{display:grid;gap:18px}.sim .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.sim .hero{display:grid;gap:14px}.sim .status{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:600;border-radius:999px;padding:4px 12px 4px 8px;justify-self:start}.sim .status .ico{width:18px;height:18px;font-size:11px}.sim .status.good{background:var(--good-bg);color:var(--good)}.sim .status.good .ico{background:var(--good)}.sim .status.warn{background:var(--warn-bg);color:var(--warn)}.sim .status.warn .ico{background:var(--warn)}.sim .status.bad{background:var(--bad-bg);color:var(--bad)}.sim .status.bad .ico{background:var(--bad)}.sim .big{font-size:56px;font-weight:700;line-height:1;margin:0}.sim .big small{font-size:20px;color:var(--muted);font-weight:500}.sim .hero .msg{margin:0;color:var(--ink-2);font-size:15.5px}.sim .meta-line{margin:0;font-size:13px;color:var(--muted)}.sim .end-note{margin:0;padding:8px 12px;border-radius:10px;background:var(--warn-bg);color:var(--warn);font-size:14px;font-weight:500}.sim .teacher{display:grid;gap:10px;justify-items:center}.sim .teacher .sec-h,.sim .teacher .sec-sub{justify-self:stretch;margin:0}.sim .rq-h .time{margin-left:auto;color:var(--muted);font-size:13px}.sim .meter{position:relative;padding-top:26px}.sim .cells{display:grid;grid-template-columns:repeat(var(--cells, 20),1fr);gap:2px}.sim .cells i{height:18px;background:var(--line);border-radius:4px;transition:background-color .3s}.sim .cells i.on{background:var(--blue)}.sim .goal{position:absolute;top:0;bottom:-4px;width:0;border-left:2px dashed var(--ink)}.sim .goal span{position:absolute;top:0;left:6px;white-space:nowrap;font-size:12.5px;font-weight:600}.sim .scale{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:4px}.sim .sec-h{margin:0 0 4px;font-size:17px;font-weight:600}.sim .sec-sub{margin:0 0 14px;color:var(--muted);font-size:14px}.sim .tbars{display:grid;gap:14px}.sim .tb{display:grid;gap:6px}.sim .tb .top{display:flex;justify-content:space-between;gap:10px;font-size:15px}.sim .tb .top b{font-weight:600}.sim .tb .val{color:var(--ink-2);font-size:14px;white-space:nowrap}.sim .track{height:10px;background:var(--line);border-radius:999px;overflow:hidden}.sim .track i{display:block;height:100%;background:var(--blue);border-radius:999px;transition:width .6s ease}.sim .tb .miss{margin:0;font-size:13.5px;color:var(--ink-2)}.sim .tb .miss span{color:var(--muted)}.sim .ok-list{display:flex;flex-wrap:wrap;gap:8px}.sim .ok-chip{display:inline-flex;gap:6px;align-items:center;background:var(--good-bg);color:var(--good);border-radius:999px;padding:4px 12px;font-size:13.5px;font-weight:500}.sim .divider{height:1px;background:var(--line);margin:16px 0}.sim .next{display:grid;gap:12px}.sim .opt{display:grid;gap:10px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.sim .opt.rec{border:2px solid var(--blue);background:var(--blue-soft)}.sim .opt .tag{font-size:12px;font-weight:600;color:var(--blue-dark);text-transform:uppercase;letter-spacing:.04em}.sim .opt h3{margin:0;font-size:16px;font-weight:600}.sim .opt p{margin:0;color:var(--ink-2);font-size:14px}.sim .rating{display:grid;gap:12px}.sim .stars{display:flex;gap:6px}.sim .stars button{width:44px;height:44px;border:0;background:none;padding:0;color:var(--line-2);transition:color .12s,transform .12s}.sim .stars button.on{color:var(--star)}.sim .stars button:hover{transform:scale(1.08)}.sim .stars svg{width:36px;height:36px}.sim textarea{width:100%;min-height:84px;border:1.5px solid var(--line-2);border-radius:12px;padding:10px 12px;font:inherit;font-size:16px;resize:vertical}.sim textarea:focus{border-color:var(--blue);outline:none}.sim .thanks{margin:0;color:var(--good);font-weight:500}.sim .review{display:grid;gap:12px}.sim .rq .row{display:flex;flex-wrap:wrap;gap:8px}.sim ul.review{list-style:none;margin:0;padding:0}.sim .rq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:10px}.sim .rq-h{display:flex;gap:8px;align-items:center;font-size:14px}.sim .okt{color:var(--good);font-weight:600}.sim .kot{color:var(--bad);font-weight:600}.sim .nat{color:var(--muted);font-weight:600}.sim .rq p{margin:0;font-size:15px}.sim .answer-options{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sim .answer-options li{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14.5px}.sim .answer-options li.correct{background:var(--good-bg);border-color:var(--good-bg)}.sim .answer-options li.wrong{background:var(--bad-bg);border-color:var(--bad-bg)}.sim .answer-options .letter{flex:none;width:22px;font-weight:600;color:var(--ink-2)}.sim .answer-options .body{display:grid;gap:4px;min-width:0}.sim .answer-options .tags{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}.sim .answer-options .reason{color:var(--ink-2)}.sim .rq details summary{color:var(--blue-dark);cursor:pointer;font-weight:500;padding:6px 0}.sim .rq details .proc{margin-top:10px}.sim .center{text-align:center}@media(min-width:900px){.sim .qwrap{padding-block:28px 64px}.sim .qtext{font-size:18px}}@media(max-width:640px){.sim .que{flex-direction:column;gap:0}.sim .info{display:none}.sim .formulation{padding:16px 14px}.sim .qtext{font-size:16.5px}.sim .big{font-size:52px}.sim .fx{font-size:1.02em;padding:6px 10px}.sim .steps li{grid-template-columns:26px minmax(0,1fr);gap:10px}.sim .steps li:before{width:26px;height:26px;font-size:13px}.sim .nav .btn{flex:1}}@media(prefers-reduced-motion:reduce){.sim *,.sim-dialog{transition:none!important}}