.workbench{max-width:1400px;margin-inline:auto;padding:24px 22px 64px;display:grid;grid-template-columns:minmax(340px,5fr) minmax(420px,7fr);gap:20px;align-items:start}.question-panel{display:flex;flex-direction:column;max-height:calc(100vh - 120px);position:sticky;top:76px}.question-panel__head{padding:18px 20px 12px;border-bottom:1px solid var(--border)}.question-panel__scroll{padding:16px 18px;overflow-y:auto}.editor-panel{overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--border);background:#f8fafc}.editor-dot{width:11px;height:11px;border-radius:50%;display:inline-block;opacity:.85}.theme-dot{width:20px;height:20px;border-radius:50%;border:1px solid var(--border-strong);cursor:pointer;transition:transform .15s ease}.theme-dot:hover{transform:scale(1.15)}.theme-dot--light{background:#f8fafc}.theme-dot--dark{background:#1e1f1c}#editor{height:480px;font-family:var(--font-mono)!important}.editor-actions{display:flex;gap:12px;justify-content:flex-end;padding:14px 16px;border-top:1px solid var(--border);background:#f8fafc}.results-panel{grid-column:1/-1}@media (max-width:1020px){.workbench{grid-template-columns:1fr}.question-panel{position:static;max-height:none}.question-panel__scroll{max-height:380px}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 16px}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.v-toast--fade-out{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.v-toast--fade-in-down{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.v-toast--fade-in-up{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease-out}.v-toast{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;padding:2em;overflow:hidden;z-index:1052;pointer-events:none}.v-toast__item{display:inline-flex;align-items:center;-webkit-animation-duration:.15s;animation-duration:.15s;margin:.5em 0;box-shadow:0 1px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:.25em;pointer-events:auto;opacity:.92;color:#fff;min-height:3em;cursor:pointer}.v-toast__item--success{background-color:#47d78a}.v-toast__item--info{background-color:#1c85d5}.v-toast__item--warning{background-color:#febc22}.v-toast__item--error{background-color:#f7471c}.v-toast__item--default{background-color:#343a40}.v-toast__item.v-toast__item--bottom,.v-toast__item.v-toast__item--top{align-self:center}.v-toast__item.v-toast__item--bottom-right,.v-toast__item.v-toast__item--top-right{align-self:flex-end}.v-toast__item.v-toast__item--bottom-left,.v-toast__item.v-toast__item--top-left{align-self:flex-start}.v-toast__text{margin:0;padding:.5em 1em;word-break:break-word}.v-toast__icon{display:none}.v-toast.v-toast--top{flex-direction:column}.v-toast.v-toast--bottom{flex-direction:column-reverse}.v-toast.v-toast--custom-parent{position:absolute}@media screen and (max-width:768px){.v-toast{padding:0;position:fixed!important}}.v-toast__item{opacity:1;min-height:4em}.v-toast__item .v-toast__text{padding:1.5em 1em}.v-toast__item .v-toast__icon{display:block;width:27px;min-width:27px;height:27px;margin-left:1em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.999 45.999'%3E%3Cpath fill='%23fff' d='M39.264 6.736c-8.982-8.981-23.545-8.982-32.528 0-8.982 8.982-8.981 23.545 0 32.528 8.982 8.98 23.545 8.981 32.528 0 8.981-8.983 8.98-23.545 0-32.528zM25.999 33a3 3 0 1 1-6 0V21a3 3 0 1 1 6 0v12zm-3.053-17.128c-1.728 0-2.88-1.224-2.844-2.735-.036-1.584 1.116-2.771 2.879-2.771 1.764 0 2.88 1.188 2.917 2.771-.001 1.511-1.152 2.735-2.952 2.735z'/%3E%3C/svg%3E") no-repeat}.v-toast__item.v-toast__item--success .v-toast__icon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Cpath fill='%23fff' d='M26 0C11.664 0 0 11.663 0 26s11.664 26 26 26 26-11.663 26-26S40.336 0 26 0zm14.495 17.329-16 18a1.997 1.997 0 0 1-2.745.233l-10-8a2 2 0 0 1 2.499-3.124l8.517 6.813L37.505 14.67a2.001 2.001 0 0 1 2.99 2.659z'/%3E%3C/svg%3E") no-repeat}.v-toast__item.v-toast__item--error .v-toast__icon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.976 51.976'%3E%3Cpath fill='%23fff' d='M44.373 7.603c-10.137-10.137-26.632-10.138-36.77 0-10.138 10.138-10.137 26.632 0 36.77s26.632 10.138 36.77 0c10.137-10.138 10.137-26.633 0-36.77zm-8.132 28.638a2 2 0 0 1-2.828 0l-7.425-7.425-7.778 7.778a2 2 0 1 1-2.828-2.828l7.778-7.778-7.425-7.425a2 2 0 1 1 2.828-2.828l7.425 7.425 7.071-7.071a2 2 0 1 1 2.828 2.828l-7.071 7.071 7.425 7.425a2 2 0 0 1 0 2.828z'/%3E%3C/svg%3E") no-repeat}.v-toast__item.v-toast__item--warning .v-toast__icon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M49.466 41.26 29.216 6.85c-.69-1.16-1.89-1.85-3.22-1.85-1.32 0-2.53.69-3.21 1.85L2.536 41.26c-.71 1.2-.72 2.64-.03 3.85.68 1.18 1.89 1.89 3.24 1.89h40.51c1.35 0 2.56-.71 3.23-1.89.7-1.21.69-2.65-.02-3.85zm-25.53-21.405h3.381v3.187l-.724 8.92H24.66l-.725-8.92v-3.187zm2.97 17.344a1.712 1.712 0 0 1-1.267.543c-.491 0-.914-.181-1.268-.543a1.788 1.788 0 0 1-.531-1.297c0-.502.176-.935.53-1.297a1.712 1.712 0 0 1 1.269-.544c.49 0 .914.181 1.268.544s.53.795.53 1.297c0 .503-.176.934-.53 1.297z'/%3E%3C/svg%3E") no-repeat}:root{--bg:#f4f6f9;--bg-soft:#eef1f5;--surface:#fff;--surface-strong:#fff;--border:#e3e8ef;--border-strong:#cbd5e1;--ink:#0f172a;--border-bright:#2563eb;--text:#1e293b;--text-dim:#64748b;--accent:#2563eb;--accent-2:#475569;--highlight:rgba(37,99,235,.14);--success:#15803d;--warning:#b45309;--danger:#b91c1c;--font-sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-display:var(--font-sans);--font-mono:"Cascadia Code","JetBrains Mono",Consolas,"Courier New",monospace;--radius:12px;--radius-sm:8px;--shadow-card:0 1px 2px rgba(15,23,42,.05),0 4px 14px rgba(15,23,42,.06);--shadow-pop:0 4px 14px rgba(37,99,235,.3)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.55}body,h1,h2,h3,h4,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font-family:inherit}::-moz-selection{background:rgba(37,99,235,.18)}::selection{background:rgba(37,99,235,.18)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bg-decor{position:fixed;inset:0;z-index:-2;background:var(--bg)}.bg-decor:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% -10%,rgba(37,99,235,.06),transparent 70%)}.bg-decor .blob{display:none}.page{min-height:100vh}.container{max-width:1160px;margin-inline:auto;padding:28px 22px 64px}.container--narrow{max-width:880px}.page-head{margin:18px 0 26px}.page-head h1{font-size:clamp(1.45rem,2.8vw,1.9rem);font-weight:700;letter-spacing:-.02em;color:var(--ink)}.page-head p{color:var(--text-dim);margin-top:6px;font-size:.95rem}.glass{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card{padding:22px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card--hover:hover{border-color:var(--border-strong);box-shadow:0 2px 4px rgba(15,23,42,.06),0 10px 28px rgba(15,23,42,.1);transform:translateY(-2px)}.card__title{font-size:1.12rem;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.card__meta{color:var(--text-dim);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.section-block{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:14px;background:var(--surface)}.section-block__head{padding:8px 14px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:#f8fafc;border-bottom:1px solid var(--border)}.section-block__body{padding:13px 15px;font-size:.92rem;color:var(--text)}.section-block__body li{margin:3px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn,.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#fff;background:var(--accent);box-shadow:0 1px 2px rgba(15,23,42,.1)}.btn--primary:hover{background:#1d4ed8;box-shadow:var(--shadow-pop)}.btn--primary:active{background:#1e40af}.btn--ghost{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--danger{color:var(--danger);background:var(--surface);border-color:#fca5a5}.btn--danger:hover{background:#fef2f2;border-color:var(--danger)}.btn--sm{padding:7px 14px;font-size:.84rem}.field{margin-bottom:18px}.field label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px}.input,.select,.textarea{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.textarea{min-height:96px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--highlight)}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--danger)}.input.is-valid,.select.is-valid,.textarea.is-valid{border-color:#22c55e}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2364748b' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.select option{background:var(--surface);color:var(--text)}.err{color:var(--danger);font-size:.8rem}.err,.hint{margin-top:5px}.hint{color:var(--text-dim);font-size:.78rem}.radio-pill{display:inline-flex}.radio-pill input{position:absolute;opacity:0;pointer-events:none}.radio-pill span{padding:8px 18px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-dim);font-size:.86rem;font-weight:600;cursor:pointer;transition:all .15s ease}.radio-pill input:checked+span{border-color:var(--accent);color:var(--accent);background:#eff6ff}.stepper{display:inline-flex;align-items:center;gap:10px}.stepper button{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.stepper button:hover{border-color:var(--accent);color:var(--accent)}.stepper strong{min-width:2ch;text-align:center}.badge,.stepper strong{font-family:var(--font-mono)}.badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:.7rem;letter-spacing:.05em;border:1px solid;vertical-align:middle}.badge--easy{color:var(--success);border-color:#bbf7d0;background:#f0fdf4}.badge--medium{color:var(--warning);border-color:#fde68a;background:#fffbeb}.badge--hard{color:var(--danger);border-color:#fecaca;background:#fef2f2}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-family:var(--font-mono);font-size:.76rem;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.chip--alt{color:var(--accent-2);background:#f1f5f9;border-color:var(--border-strong)}.chip--btn{cursor:pointer;transition:all .15s ease}.chip--btn:hover{background:#fef2f2;border-color:#fca5a5;color:var(--danger)}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:999px;font-family:var(--font-mono);font-size:.76rem;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px rgba(15,23,42,.05)}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status-pill--live{color:#16a34a;-webkit-animation:pulse-soft 2s ease-in-out infinite;animation:pulse-soft 2s ease-in-out infinite}.status-pill--soon{color:#d97706}.status-pill--ended{color:var(--danger)}@-webkit-keyframes pulse-soft{50%{opacity:.6}}@keyframes pulse-soft{50%{opacity:.6}}.countdown{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.topbar{position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar__inner{max-width:1160px;margin-inline:auto;display:flex;align-items:center;gap:18px;padding:12px 22px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;color:var(--ink);font-size:1.02rem}.brand:hover{text-decoration:none}.brand__logo{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:.78rem;font-weight:700}.topbar__nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.topbar__link{padding:7px 14px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:.88rem;font-weight:600;transition:all .15s ease}.topbar__link:hover{color:var(--ink);text-decoration:none;background:#f1f5f9}.topbar__link.is-active{color:var(--accent);background:#eff6ff}.topbar__user{display:flex;align-items:center;gap:12px;margin-left:auto}.topbar__hello{color:var(--text-dim);font-size:.86rem}.topbar__hello strong{color:var(--ink);font-weight:600}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:40px 18px}.auth-card{width:100%;max-width:440px;padding:34px 32px;-webkit-animation:rise-in .5s cubic-bezier(.22,1,.36,1) both;animation:rise-in .5s cubic-bezier(.22,1,.36,1) both;box-shadow:0 4px 10px rgba(15,23,42,.04),0 20px 50px rgba(15,23,42,.1)}.auth-card--wide{max-width:520px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.auth-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-top:14px;color:var(--ink)}.auth-sub{font-size:.92rem;margin:6px 0 24px}.auth-alt,.auth-sub{color:var(--text-dim)}.auth-alt{margin-top:20px;text-align:center;font-size:.88rem}.demo-creds{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px dashed var(--border-strong)}.demo-creds p{flex-basis:100%;color:var(--text-dim);font-size:.74rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}@-webkit-keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{-webkit-animation:rise-in .45s cubic-bezier(.22,1,.36,1) both;animation:rise-in .45s cubic-bezier(.22,1,.36,1) both}.rise-1{-webkit-animation-delay:.04s;animation-delay:.04s}.rise-2{-webkit-animation-delay:.1s;animation-delay:.1s}.rise-3{-webkit-animation-delay:.16s;animation-delay:.16s}.rise-4{-webkit-animation-delay:.22s;animation-delay:.22s}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter,.fade-leave-to{opacity:0}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(37,99,235,.2);border-top-color:var(--accent);-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}.spinner--dark{border-color:hsla(0,0%,100%,.35);border-top-color:#fff}.spinner--lg{width:40px;height:40px;border-width:3.5px}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen{min-height:60vh;display:grid;place-items:center}.loading-screen span{display:block;margin-top:14px;color:var(--text-dim);font-family:var(--font-mono);font-size:.82rem;text-align:center}.empty-state{text-align:center;padding:60px 26px}.empty-state__icon{font-size:2.4rem;margin-bottom:12px}.empty-state h2{font-size:1.35rem;font-weight:700;color:var(--ink);margin-bottom:8px}.empty-state p{color:var(--text-dim);margin-bottom:22px}.code-block{font-family:var(--font-mono);font-size:.85rem;background:#0f172a;border:1px solid #1e293b;border-radius:var(--radius-sm);padding:14px 16px;white-space:pre-wrap;word-break:break-word;color:#e2e8f0}.code-block--error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.result-card{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:12px;background:var(--surface)}.result-card--pass{border-color:#bbf7d0}.result-card--fail{border-color:#fecaca}.result-card__head{padding:8px 14px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.05em}.result-card--pass .result-card__head{background:#f0fdf4;color:var(--success);border-bottom:1px solid #bbf7d0}.result-card--fail .result-card__head{background:#fef2f2;color:var(--danger);border-bottom:1px solid #fecaca}.result-card__body{padding:12px 14px;font-size:.88rem}.result-card__body dt{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:8px}.result-card__body dd{margin:2px 0 0;font-family:var(--font-mono);color:var(--text)}.result-card__body dt:first-child{margin-top:0}.score-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-sm);border:1px solid #bfdbfe;background:#eff6ff;font-weight:700;font-size:1.02rem;color:var(--ink);margin-bottom:16px}.progress-track{flex:1;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.v-toast__item{font-family:var(--font-sans)!important;border-radius:var(--radius-sm)!important;box-shadow:0 8px 30px rgba(15,23,42,.18)!important;font-weight:600}.v-toast__item--success{background:#f0fdf4!important;border:1px solid #bbf7d0}.v-toast__item--success .v-toast__text{color:#166534}.v-toast__item--error{background:#fef2f2!important;border:1px solid #fecaca}.v-toast__item--error .v-toast__text{color:#991b1b}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:14px}.mt-2{margin-top:8px}.mt-3{margin-top:14px}.mt-4{margin-top:22px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:14px}.text-dim{color:var(--text-dim)}.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}