:root{--primary:#0f766e;--primary-dark:#134e4a;--primary-soft:#ccfbf1;--surface:#fff;--surface-muted:#f5f8f8;--text:#102a2a;--text-muted:#64748b;--border:#dce7e6;--shadow:0 18px 48px #0f766e1a}html,body,#__next{min-height:100%}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text);background:var(--surface-muted);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.app-shell{background:var(--surface-muted);height:100dvh;min-height:0;overflow:hidden}.app-shell__content{overscroll-behavior:contain;scrollbar-gutter:stable;background:radial-gradient(circle at 90% 0, #14b8a614, transparent 28rem), var(--surface-muted);min-width:0;height:100%;min-height:0;overflow:hidden auto}.app-sidebar.ant-layout-sider{z-index:20;background:linear-gradient(#0b5e58 0%,#073f3c 100%);flex:none;height:100%;min-height:0;max-height:100dvh;position:relative;overflow:hidden;box-shadow:10px 0 32px #073f3c1f}.app-sidebar__inner{flex-direction:column;justify-content:space-between;height:100%;min-height:0;display:flex;overflow:hidden}.app-sidebar__brand{justify-content:center;align-items:center;height:104px;padding:14px;display:flex}.app-sidebar__brand img{object-fit:contain;width:auto;height:62px}.app-sidebar__mark{width:42px;height:42px;color:var(--primary-dark);background:#fff;border-radius:13px;place-items:center;font-size:16px;font-weight:900;display:grid}.app-sidebar__toggle.ant-btn{color:#ffffffc7;background:#ffffff14;width:calc(100% - 24px);margin:0 12px 14px}.app-sidebar__toggle.ant-btn:hover,.app-sidebar__logout.ant-btn:hover{color:#fff;background:#ffffff24}.app-sidebar__menu.ant-menu{color:#fffc;background:0 0;border-inline-end:0;padding:4px 10px}.app-sidebar__menu .ant-menu-item{width:100%;margin-inline:0}.student-profile{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:12px;margin:4px 14px 18px;padding:16px;display:flex}.student-profile--collapsed{justify-content:center;margin-inline:8px;padding:10px}.student-profile__avatar{width:42px;height:42px;color:var(--primary-dark);background:#fff;border-radius:13px;flex:none;place-items:center;font-size:20px;display:grid;position:relative}.student-profile__status-dot{border:2px solid var(--primary-dark);background:#f59e0b;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.student-profile__status-dot--online{background:#22c55e}.student-profile__status-dot--offline{background:#ef4444}.student-profile__status-dot--checking{animation:1.2s ease-in-out infinite connection-pulse}@keyframes connection-pulse{50%{opacity:.42}}.student-profile__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.student-profile__copy .ant-typography{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.student-profile__copy .ant-typography+.ant-typography{color:#ffffffa8;font-size:12px}.student-profile__copy .ant-tag{width:fit-content;margin:7px 0 0}.question-map{max-height:calc(100vh - 300px);padding:0 12px;overflow-y:auto}.question-map__title{color:#ffffff9e;letter-spacing:.1em;text-transform:uppercase;margin:0 4px 10px;font-size:11px;font-weight:750;display:block}.question-map__grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:7px;display:grid}.question-map__grid .ant-btn{min-width:0;padding-inline:4px}.question-map__button--active.ant-btn{outline-offset:1px;outline:3px solid #fbbf24}.app-sidebar__logout.ant-btn{color:#ffffffd1;flex:none;height:48px;margin:14px 12px}.legacy-sidebar .ant-menu-item:hover{background-color:#f0f0f0!important}.legacy-sidebar .ant-menu-item-selected,.legacy-sidebar .ant-menu-item-selected:hover{color:#fff!important;background-color:#129990!important}.app-loading,.tryout-loading{min-height:100vh;color:var(--text-muted);background:var(--surface-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.app-loading__brand{color:var(--primary);letter-spacing:.12em;font-size:28px;font-weight:850}.page-layout{width:100%;min-width:0;padding:28px}.page-layout__header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.page-layout__header .ant-typography{color:var(--text);margin:2px 0 0!important}.page-layout__eyebrow,.tryout-eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:750;color:var(--primary)!important}.page-layout__body{min-height:calc(100vh - 125px);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #dce7e6e6;border-radius:20px;padding:24px;overflow:hidden}.login-page{isolation:isolate;background:linear-gradient(120deg,#0f766e1a,#ffffff24),url(/Background.png) 50%/cover;justify-content:flex-end;align-items:center;height:100dvh;min-height:100vh;padding:120px clamp(32px,10vw,200px) 48px;display:flex;position:relative;overflow:hidden}.login-page:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 44%,#f3fcfa3d 100%);position:absolute;inset:0}.login-brand{z-index:5;pointer-events:none;position:absolute}.login-brand img{object-fit:contain;width:100%;height:auto;display:block}.login-brand--social{opacity:.9;width:clamp(190px,15vw,250px);top:0;left:20px}.login-brand--iwak{opacity:.88;border-radius:8px;width:clamp(210px,17vw,290px);top:20px;right:20px;overflow:hidden;box-shadow:0 8px 22px #073f3c1a}.login-art{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-art__image{object-fit:contain;object-position:center bottom;width:120vw;max-width:none;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.login-art__image--people{z-index:1;opacity:.58}.login-art__image--quote{z-index:2;opacity:.76}.login-art__image--speaker{z-index:3;opacity:.72}.login-card{z-index:10;-webkit-backdrop-filter:blur(14px);background:#ffffffc2;border:1px solid #0f766e33;border-radius:18px;flex-direction:column;gap:20px;width:min(100%,380px);padding:30px;display:flex;position:relative;box-shadow:0 22px 54px #073f3c2e}.login-card__heading{text-align:center}.login-card .ant-typography{margin:0!important}.login-card__heading h2.ant-typography{color:var(--primary-dark);font-size:40px;font-weight:850}.login-card__heading .ant-typography{color:#315a57}.login-card__fields{flex-direction:column;gap:16px;display:flex}.login-field{color:var(--primary-dark);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.login-field .ant-input-affix-wrapper{background:#ffffffe0;border-color:#0f766e3d}.login-card .ant-btn-primary{background:#129990;min-height:44px;box-shadow:0 8px 20px #1299903d}.login-card .ant-btn-primary:hover{background:#0f8179!important}.login-help{text-align:center;font-size:12px;font-style:italic;display:block;color:#456e6a!important}.student-dashboard__welcome{text-align:center;width:100%;margin-bottom:18px}.student-dashboard__welcome h2.ant-typography{color:var(--primary);margin:0;font-size:clamp(25px,3vw,36px);line-height:1.2}.student-dashboard__guide.ant-card{border:1px solid var(--border);background:#fff;border-left:6px solid #80cbc4;border-radius:12px;width:100%;margin-bottom:18px}.student-dashboard__guide .ant-card-body{padding:18px 22px}.student-dashboard__guide .ant-list-item{align-items:flex-start}.student-dashboard__table{width:100%;min-width:0;overflow:hidden}.student-dashboard__table .ant-table-cell{overflow-wrap:anywhere}.student-tryout-title{flex-direction:column;gap:4px;min-width:0;display:flex}.student-tryout-title__meta.ant-typography{flex-direction:column;gap:1px;font-size:12px;line-height:1.4;display:none}.st-confirmation-modal__actions{justify-content:center;gap:8px;display:flex}.st-confirmation-modal__actions .ant-btn{flex:1 1 0;min-width:0}.tryout-page{width:min(100%,1180px);margin:0 auto;padding:24px}.tryout-header{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff5;border-radius:18px;grid-template-columns:1fr auto;gap:12px 24px;margin-bottom:18px;padding:20px 24px;display:grid}.tryout-header h3.ant-typography{margin:3px 0 0}.tryout-header>.ant-progress{grid-column:1/-1}.tryout-header__stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tryout-timer{color:#fff;background:var(--primary-dark);font-variant-numeric:tabular-nums;letter-spacing:.04em;border-radius:12px;align-items:center;gap:8px;min-width:132px;padding:9px 13px;font-size:17px;font-weight:800;display:inline-flex}.question-card{min-height:calc(100vh - 185px);box-shadow:var(--shadow);position:relative;overflow:hidden}.question-card__overlay{z-index:5;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.question-card__meta,.question-navigation{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-card__meta{border-bottom:1px solid var(--border);padding-bottom:16px}.save-indicator{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.save-indicator--saving{color:#d97706}.save-indicator--saved{color:#15803d}.save-indicator--error{color:#dc2626}.question-content{overflow-wrap:anywhere;min-height:280px;padding:28px 4px;font-size:16px;line-height:1.75;flex-direction:column!important;width:100%!important;display:flex!important}.question-content img,.question-content video,.question-content iframe,.question-content table{max-width:100%}.question-image{object-fit:contain;max-width:100%;height:max-content;margin-top:18px}.answer-options{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:12px;max-width:620px;margin:0 auto 30px;display:grid}.answer-option{min-height:54px;font-size:16px}.boolean-answers{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.boolean-answer{border:1px solid var(--border);background:#fbfefd;border-radius:12px;grid-template-columns:minmax(125px,.28fr) 1fr;align-items:center;gap:20px;padding:14px 16px;display:grid}.boolean-answer .ant-radio-group{width:100%;min-width:0}.boolean-answer .ant-radio-wrapper{white-space:normal;align-items:flex-start;max-width:100%}.question-navigation{border-top:1px solid var(--border);margin-top:26px;padding-top:18px}.tryout-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.ant-menu-item-selected,.ant-menu-item-selected:hover{color:#fff!important;background-color:var(--primary)!important}@media (max-width:991px){.student-tryout-title__meta.ant-typography{display:flex}.tryout-page{padding:18px}}@media (max-width:900px){.login-page{justify-content:center;height:auto;min-height:100dvh;padding:140px 20px 40px;overflow-y:auto}.login-page:after{background:#f7fdfc2e}.login-brand--social{width:clamp(145px,43vw,190px);top:16px;left:10px}.login-brand--iwak{width:clamp(165px,47vw,210px);top:16px;right:10px}.login-art__image{width:150vw}.login-art__image--people{opacity:.34}.login-art__image--quote{opacity:.52}.login-art__image--speaker{opacity:.4}.login-card{background:#ffffffd6;width:min(100%,360px);margin:auto}.page-layout{padding:18px}}@media (max-width:640px){.app-sidebar.ant-layout-sider:not(.ant-layout-sider-collapsed){z-index:100;height:100dvh;position:fixed;inset:0 auto 0 0;width:min(264px,100vw - 48px)!important;min-width:min(264px,100vw - 48px)!important;max-width:min(264px,100vw - 48px)!important}.app-sidebar__brand{height:88px}.app-sidebar__brand img{height:52px}.question-map{max-height:calc(100dvh - 270px)}.login-page{padding:128px 14px 28px}.login-card{gap:17px;padding:24px 20px}.login-card__heading h2.ant-typography{font-size:34px}.page-layout{padding:12px}.page-layout__header{margin-bottom:12px}.page-layout__header h2.ant-typography{font-size:25px}.page-layout__body{border-radius:16px;padding:16px}.student-dashboard__welcome{text-align:left;margin-bottom:14px}.student-dashboard__welcome h2.ant-typography{font-size:25px}.student-dashboard__guide .ant-card-body{padding:15px 16px}.student-dashboard__guide .ant-list-item{padding-block:5px!important}.student-dashboard__table .ant-table-cell{vertical-align:top;padding:10px 8px!important}.student-dashboard__table .ant-pagination{justify-content:center;row-gap:8px}.student-dashboard__table .ant-pagination-total-text{text-align:center;width:100%;height:auto;margin-inline-end:0}.student-dashboard__table .ant-pagination-options{display:none}.st-confirmation-modal{max-width:calc(100vw - 20px);margin-inline:auto}.st-confirmation-modal .ant-modal-content{padding:20px 16px}.tryout-page{padding:12px}.tryout-header{grid-template-columns:1fr;padding:16px}.tryout-header h3.ant-typography{font-size:21px}.tryout-header__stats{justify-content:space-between}.tryout-timer{flex:132px;justify-content:center;min-width:0}.tryout-header>.ant-progress{grid-column:1}.question-card{min-height:calc(100dvh - 220px)}.question-card .ant-card-body{padding:18px}.question-card__meta{flex-wrap:wrap}.question-content{min-height:220px;padding:22px 2px}.question-content table{display:block;overflow-x:auto}.question-image,.question-card .ant-image{min-width:100%;max-width:100%}.boolean-answer{grid-template-columns:1fr;gap:10px}}@media (max-width:480px){.tryout-header__stats{grid-template-columns:1fr;display:grid}.tryout-header__stats>.ant-tag{justify-content:center;width:100%;margin-inline-end:0;padding-block:5px}.tryout-timer{width:100%}.answer-options{grid-template-columns:repeat(2,minmax(0,1fr))}.question-navigation{gap:8px}.question-navigation .ant-btn{min-width:42px;padding-inline:10px}}