body.iie-design-system-page{--iie-route-max:1180px;--iie-route-wide:1480px;--iie-route-gutter:clamp(16px,3vw,36px);--iie-route-gap:clamp(18px,2.4vw,30px);--iie-route-card:clamp(18px,2.2vw,28px);background:var(--bg,#f4f3f0)}body.iie-design-system-page .sp-topbar{min-height:60px;height:60px;padding-inline:clamp(14px,2.5vw,28px)}body.iie-design-system-page .sp-topbar-icon{display:grid;place-items:center;width:24px;height:24px;max-width:24px;max-height:24px;overflow:hidden;font-size:18px}body.iie-design-system-page .sp-topbar-icon :where(img.emoji,svg){display:block!important;width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}body.iie-design-system-page .sp-page{width:min(100%,var(--iie-route-max));min-height:calc(100dvh - 60px);margin-inline:auto;padding:clamp(28px,4vw,52px) var(--iie-route-gutter) 80px}body.iie-design-system-page .iie-auth-pg{min-height:100dvh;padding:clamp(20px,5vh,58px) var(--iie-route-gutter)!important;background:radial-gradient(circle at 12% 8%,rgba(196,18,48,.075),transparent 340px),radial-gradient(circle at 92% 90%,rgba(17,18,20,.045),transparent 320px),var(--iie-bg,#f4f3f0)}body.iie-design-system-page .iie-auth-box{width:min(100%,520px)!important;padding:clamp(26px,4vw,42px)!important;border:1px solid var(--iie-border,rgba(17,18,20,.1))!important;border-radius:22px!important;box-shadow:0 18px 56px #1112141a!important}body.iie-design-system-page .iie-auth-logo{margin-bottom:28px!important}body.iie-design-system-page .iie-auth-h1{max-width:13ch;font-size:clamp(2rem,4vw,2.8rem)!important;font-weight:800!important;letter-spacing:-.045em!important}body.iie-design-system-page .iie-auth-sub{max-width:48ch;margin-bottom:26px!important;font-weight:400!important}body.iie-design-system-page .iie-field+.iie-field{margin-top:16px}body.iie-design-system-page .iie-inp{min-height:48px!important}body.iie-design-system-page .cert-pg-wrap{width:min(100%,960px);min-height:calc(100dvh - 150px);padding:0 0 72px}body.iie-design-system-page .cert-pg-empty{display:flex;min-height:440px;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:1px solid var(--border,rgba(17,18,20,.1));border-radius:20px;background:var(--surface,#fff);box-shadow:0 12px 38px #1112140f}body.iie-design-system-page .cert-pg-empty-icon,body.iie-design-system-page .cert-pg-empty-icon :where(img,svg){flex:none!important}body.iie-design-system-page .cert-pg-empty-icon :where(img.emoji,img,svg){width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important;object-fit:contain!important}body.iie-design-system-page .cert-pg-empty-title{font-size:1.25rem}body.iie-design-system-page .cert-pg-card{box-shadow:0 8px 26px #1112140f}body.iie-design-system-page .pl-wrap{width:min(100%,1080px);padding:32px var(--iie-route-gutter) 88px}body.iie-design-system-page .pl-hero{position:relative;margin-bottom:42px;padding:clamp(30px,5vw,56px);overflow:hidden;border:1px solid var(--pl-border,var(--border));border-radius:24px;background:radial-gradient(circle at 92% 12%,rgba(196,18,48,.1),transparent 220px),var(--pl-surface,var(--surface));box-shadow:0 16px 50px #11121412}body.iie-design-system-page .pl-hero-badge{min-height:32px;padding:7px 12px;border-radius:999px;font-size:12px;line-height:1.2}body.iie-design-system-page .pl-hero-badge :where(img.emoji,svg){width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}body.iie-design-system-page .pl-hero h1{max-width:780px;margin-inline:auto;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.02;text-wrap:balance}body.iie-design-system-page .pl-grid{gap:22px}body.iie-design-system-page .pl-card{min-width:0;padding:clamp(22px,2.8vw,32px);border-radius:18px;box-shadow:0 8px 26px #1112140e}body.iie-design-system-page #onboarding{padding:clamp(16px,3vw,32px);overflow:auto;background:radial-gradient(circle at 15% 8%,rgba(196,18,48,.16),transparent 360px),#0c0d0fe6}body.iie-design-system-page #onboarding .ob-wrap{width:min(100%,660px);max-width:660px;margin:auto;padding:clamp(24px,4vw,42px);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 28px 90px #00000052}body.iie-design-system-page #onboarding .placement-step{width:100%;min-width:0}body.iie-design-system-page #onboarding :where(.ob-heading,.ob-sub){text-wrap:balance}body.iie-design-system-page #onboarding :where(img.emoji){width:1em!important;height:1em!important;max-width:1em!important;max-height:1em!important}body.iie-design-system-page .iie-placement-page{width:min(100%,760px);margin-inline:auto}body.iie-design-system-page .iie-placement-page>div{width:100%!important;max-width:680px!important}#iie-english-root .iie-errors-page{width:min(100%,980px)}#iie-english-root .iie-page-count{flex:none;padding:7px 12px;border:1px solid var(--border);border-radius:999px;color:var(--red);background:#c412300f;font-size:12px;font-weight:800}#iie-english-root .iie-error-review-list{display:grid;gap:12px}#iie-english-root .iie-error-review-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px #1112140b}#iie-english-root .iie-error-review-index{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--red);background:#c4123014;font-size:12px;font-weight:800}#iie-english-root .iie-error-review-content h2{margin:2px 0 5px!important;font-size:17px}#iie-english-root .iie-error-review-content p{margin:0;color:var(--text2);font-size:14px}#iie-english-root .iie-error-review-meta{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}#iie-english-root .iie-error-review-correct{display:flex;align-items:center;gap:7px;margin-top:8px;color:#168a45;font-size:13px}#iie-english-root .iie-error-review-audio{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:92px;min-height:42px;padding:9px 13px;border:1px solid var(--border);border-radius:11px;color:var(--text2);background:var(--surface2);font-weight:700;cursor:pointer}#iie-english-root .iie-error-review-audio svg{width:18px!important;height:18px!important}#iie-english-root .iie-error-review-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}#iie-english-root :where(.iie-state-icon,.iie-page-title-icon) svg{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}#iie-english-root .lib-card-cover-placeholder svg{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important}#iie-english-root .lib-card-lock svg{width:24px!important;height:24px!important}#iie-english-root :where(.gh-lobby-emoji,.gh-result-emoji) img.emoji{width:1em!important;height:1em!important;max-width:1em!important;max-height:1em!important}#iie-english-root .gh-lobby-card{min-height:172px}:where(#sr,#adm2,#pr2){--iie-panel-gutter:clamp(18px,2.4vw,36px)}:where(#sr,#adm2,#pr2) :where(.main,.content){min-width:0;padding:var(--iie-panel-gutter)!important}:where(#sr,#adm2,#pr2) :where(.pg,.page){width:100%;max-width:var(--iie-route-wide);margin-inline:auto}#sr .cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}#sr .card{min-width:0;min-height:112px;padding:20px!important;border-radius:16px!important;box-shadow:0 8px 24px #1112140d!important}:where(#sr,#adm2,#pr2) :where(.ico,.ni-icon,.ni-ic) img.emoji{width:1em!important;height:1em!important;max-width:1em!important;max-height:1em!important}:where(#sr,#adm2,#pr2) :where(.ico,.ni-icon,.ni-ic) svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}.iie-live-route{width:100%;max-width:var(--iie-route-wide);min-width:0;margin-inline:auto;padding:clamp(18px,3vw,36px)}.iie-live-route>*{min-width:0;max-width:100%}.iie-live-route :where(.iie-panel,.iie-live-item,.iie-recording-card){border-radius:16px!important}.iie-live-route .iie-live-dependency{width:min(100%,620px);margin:clamp(50px,10vh,110px) auto;padding:32px;text-align:center}@media (max-width:1100px){#sr .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:700px){body.iie-design-system-page .sp-topbar-center{justify-content:flex-start;padding-left:10px}body.iie-design-system-page .sp-topbar-icon{display:none}body.iie-design-system-page .pl-hero{padding:28px 20px}body.iie-design-system-page .pl-trust{gap:10px 16px}body.iie-design-system-page #onboarding{padding:10px}body.iie-design-system-page #onboarding .ob-wrap{padding:24px 18px;border-radius:20px}#iie-english-root .iie-error-review-card{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px}#iie-english-root .iie-error-review-index{width:40px;height:40px}#iie-english-root .iie-error-review-audio{grid-column:1/-1;width:100%}#sr .cards{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){body.iie-design-system-page .pl-card,#iie-english-root .iie-error-review-card{transition:none!important}}