*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;-webkit-tap-highlight-color:transparent}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:"ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace";font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0;margin-inline-end:4px}::placeholder{opacity:1}textarea{resize:vertical}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}:root{--font-family-primary: Helvetica, Tahoma, Arial, "Microsoft YaHei", "PingFang SC";--font-family-celpip: "Fira Sans", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--icon-size-s: 1rem;--icon-size-m: 1.25rem;--icon-size-l: 1.5rem;--icon-size-xl: 2rem;--gap-xs: .25rem;--gap-s: .5rem;--gap-m: 1rem;--gap-l: 1.5rem;--gap-xl: 2rem;--radius-s: .25rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--primary-1: #ECEEF7;--primary-2: #DADDF0;--primary-3: #C7CCE8;--primary-4: #B4BBE1;--primary-5: #8F99D2;--primary-6: #6977C3;--primary-7: #4455B4;--primary-8: #364490;--primary-9: #29336C;--primary-10: #1B2248;--primary-11: #141A36;--primary-12: #0E1124;--secondary-1: #FDF6E5;--secondary-2: #FCEECC;--secondary-3: #FAE5B2;--secondary-4: #F9DD99;--secondary-5: #F6CC66;--secondary-6: #F3BB33;--secondary-7: #F0AA00;--secondary-8: #C08800;--secondary-9: #906600;--secondary-10: #604400;--secondary-11: #483300;--secondary-12: #302200;--severity-1-1: #5BD688;--severity-1-2: #2EC966;--severity-1-3: #00BB44;--severity-1-4: #009636;--severity-1-5: #007029;--severity-2-1: #FFEB66;--severity-2-2: #FFE433;--severity-2-3: #FFDD00;--severity-2-4: #CCB100;--severity-2-5: #998500;--severity-3-1: #FFB866;--severity-3-2: #FFA033;--severity-3-3: #FF8800;--severity-3-4: #CC6D00;--severity-3-5: #995200;--severity-4-1: #EB6666;--severity-4-2: #E43333;--severity-4-3: #DD0000;--severity-4-4: #B10000;--severity-4-5: #850000;--severity-5-1: #B84747;--severity-5-2: #A02323;--severity-5-3: #880000;--severity-5-4: #6D0000;--severity-5-5: #520000;--gray-1: #fefefe;--gray-2: #fafafa;--gray-3: #f5f5f5;--gray-4: #eeeeee;--gray-5: #dddddd;--gray-6: #cccccc;--gray-7: #bbbbbb;--gray-8: #aaaaaa;--gray-9: #999999;--gray-10: #888888;--gray-11: #777777;--gray-12: #666666;--gray-13: #555555;--gray-14: #444444;--gray-15: #333333;--gray-16: #222222;--gray-17: #111111;--teal-1: #F7FDFD;--teal-2: #E2F4F4;--teal-3: #CEEBEB;--teal-4: #B9E2E2;--teal-5: #A5D9D9;--teal-6: #7BC7C7;--teal-7: #52B5B5;--teal-8: #29A3A3;--teal-9: #218282;--teal-10: #196262;--teal-11: #104141;--teal-12: #0C3131;--teal-13: #082121;--main-max-width-xs: 480px;--main-max-width-s: 600px;--main-max-width-m: 960px;--main-max-width-l: 1200px}:root{--shadow-color: 0, 0, 0;--shadow-sm: 0 2px 4px rgba(var(--shadow-color), .06);--shadow-md: 0 4px 12px rgba(var(--shadow-color), .1);--shadow-lg: 0 10px 20px rgba(var(--shadow-color), .12)}:root{--celpip-blue-1: #1A578A;--celpip-red-1: #A6192E}html{font-family:var(--font-family-primary);color:var(--gray-16)}.icon-s{width:var(--icon-size-s);height:var(--icon-size-s)}.icon-m{width:var(--icon-size-m);height:var(--icon-size-m)}.icon-l{width:var(--icon-size-l);height:var(--icon-size-l)}.icon-xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-gap{display:flex;align-items:center;gap:.5rem}.form-field{position:relative}.form-field p:last-of-type{position:absolute;bottom:-1.125rem;left:0;font-size:var(--font-size-xs);color:var(--severity-4-3);margin:0;line-height:1.125rem;white-space:nowrap}.bg-white{background-color:#fff}.hero{padding:14rem 1rem 8rem;text-align:center;background:linear-gradient(120deg,var(--gray-3) 0%,var(--primary-1) 100%)}.hero-content{max-width:var(--main-max-width-m);margin:0 auto}.hero-content .logo-with-name{display:inline-flex;align-items:center;gap:var(--gap-s)}.hero h1{font-size:var(--font-size-xxl);font-weight:600;color:var(--gray-16)}.hero p{font-size:1.2rem;color:var(--gray-12);margin:auto;margin-top:1.5rem;max-width:var(--main-max-width-m)}.cta-section{margin-top:1rem;display:flex;align-items:flex-end;justify-content:center;gap:var(--gap-l)}.features{padding:1rem;max-width:var(--main-max-width-l);margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem}.feature-card{padding:2rem;border-radius:8px;background:#fff;border:1px solid rgba(139,167,183,.1);box-shadow:var(--shadow-md);transition:opacity .2s ease-in-out}.feature-card:hover{box-shadow:var(--shadow-lg)}.feature-card h3{color:var(--primary-7);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.feature-card p{color:var(--gray-13);font-size:.95rem}@media(max-width:768px){.hero{padding:4rem 1rem}.hero h1{font-size:2rem}.features-grid{grid-template-columns:1fr}}.btn{display:flex;justify-content:center;align-items:center;gap:.25rem;box-sizing:border-box;padding:.5rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer}.btn:disabled{cursor:not-allowed}.btn-primary{color:#fefefe;background-color:var(--primary-7, #AAAAAA);border:1px solid var(--primary-6, #AAAAAA)}.btn-primary .spinner{--spinner-color: #FEFEFE}.btn-primary:hover{background-color:var(--primary-6, #999999)}.btn-primary:disabled{color:var(--gray-9, #BBBBBB)}.btn-primary.teal{background-color:var(--teal-8, #AAAAAA);border:1px solid var(--teal-7, #AAAAAA)}.btn-primary.teal:hover{background-color:var(--teal-7, #999999)}.btn-secondary{border:1px solid var(--primary-5, #AAAAAA);color:var( --primary-7 ,#999999);background-color:var(--primary-1);transition:background-color .2s ease,color .2s ease}.btn-secondary:hover{color:#fefefe;background-color:var(--primary-6, #999999)}.btn-secondary:hover .spinner{--spinner-color: #FEFEFE}.btn-secondary:disabled{color:var(--gray-9, #BBBBBB)}.btn-secondary.gray{border:1px solid var(--gray-4);color:var(--gray-14, #999999);background-color:var(--gray-2)}.btn-secondary.gray:hover{background-color:var(--gray-3);border-color:var(--gray-6)}.btn-text{display:inline-flex;padding:0;color:var(--primary-7, #AAAAAA)}.btn-text:hover{color:var( --primary-8, #999999)}.btn-text:disabled{color:var(--gray-9, #BBBBBB)}.spinner{--spinner-size: 24px;--spinner-gradient-size: calc(var(--spinner-size) / 6);width:var(--spinner-size);aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--spinner-color, var(--primary-7, #AAAAAA)) 100%,#0000) top/var(--spinner-gradient-size) var(--spinner-gradient-size) no-repeat,conic-gradient(#0000 16%,var(--spinner-color, var(--primary-7, #AAAAAA)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--spinner-gradient-size)),#000 0);animation:rotate 1.2s infinite linear}@keyframes rotate{to{transform:rotate(1turn)}}.spinner-s{--spinner-size: 16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:4px;box-shadow:0 2px 10px #0000001a;position:relative;max-width:90%;max-height:90vh;overflow:auto}.modal-close{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;color:#666}.modal-close:hover{color:#333}.modal-close>span{line-height:14px}body.modal-open{overflow:hidden}.auth-modal{position:relative;width:min(440px,100%);background-color:var(--vp-c-bg, #fff);color:var(--vp-c-text-1, #0f172a);border-radius:18px;padding:1.75rem;box-shadow:0 20px 45px #0f172a2e;border:1px solid var(--vp-c-divider, #e2e8f0);display:flex;flex-direction:column;min-height:536px}.auth-modal__close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border-radius:50%;border:none;background:transparent;color:var(--vp-c-text-2, #64748b);font-size:1.5rem;line-height:1;cursor:pointer;transition:color .2s}.auth-modal__close:hover{color:var(--vp-c-text-1, #0f172a)}.auth-modal__header{margin-bottom:1.25rem}.auth-modal__header h2{margin:0 0 .35rem;font-size:1.5rem;font-weight:600}.auth-modal__subtitle{margin:0;color:var(--vp-c-text-2, #64748b);font-size:.95rem}.auth-modal__tabs{display:inline-flex;gap:.5rem;margin-top:1rem}.auth-modal__tab{border:1px solid var(--vp-c-divider, #e2e8f0);background-color:var(--vp-c-bg, #fff);color:var(--vp-c-text-2, #64748b);padding:.4rem .9rem;border-radius:999px;font-size:.9rem;cursor:pointer;transition:all .2s}.auth-modal__tab--active{background-color:var(--primary-9, #2563eb);color:#fff;border-color:var(--primary-9, #2563eb)}.auth-modal__form{display:flex;flex-direction:column;gap:.75rem;flex:1}.auth-modal__field{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;color:var(--vp-c-text-2, #64748b)}.auth-modal__field input{height:2.5rem;border-radius:12px;border:1px solid var(--vp-c-divider, #e2e8f0);padding:0 .75rem;background-color:var(--vp-c-bg-soft, #f8fafc);color:var(--vp-c-text-1, #0f172a);width:100%;transition:all .2s}.auth-modal__field input:focus{outline:2px solid var(--primary-9, #2563eb);outline-offset:1px;border-color:var(--primary-9, #2563eb)}.auth-modal__field input::placeholder{color:var(--vp-c-text-3, #94a3b8)}.auth-modal__error-message{margin:-.5rem 0 0;font-size:.85rem;color:var(--danger-9, #dc2626)}.auth-modal__error{margin:0;font-size:.9rem;color:var(--danger-9, #dc2626);text-align:center}.more-operations{margin-top:.25rem;font-size:.875rem;display:flex;justify-content:flex-end}.forget-password{color:var(--gray-13, #64748b);cursor:pointer;transition:color .2s}.forget-password:hover{color:var(--primary-9, #2563eb)}.create-account{margin-top:1rem;text-align:center;font-size:.9375rem;color:var(--gray-11, #94a3b8)}.create-account a{color:var(--primary-9, #2563eb);text-decoration:none;transition:color .2s}.create-account a:hover{color:var(--primary-10, #1d4ed8);text-decoration:underline}.auth-modal button[type=submit]{margin-top:.5rem;width:100%;height:2.5rem;border-radius:999px;border:none;background-color:var(--primary-9, #2563eb);color:#fff;font-weight:600;cursor:pointer;font-size:.95rem;transition:background-color .2s}.auth-modal button[type=submit]:not(:disabled):hover{background-color:var(--primary-10, #1d4ed8)}.auth-modal button[type=submit]:disabled{opacity:.7;cursor:not-allowed}@media(prefers-color-scheme:dark){.auth-modal{background-color:var(--vp-c-bg-alt, #1e293b);box-shadow:0 24px 50px #0f172a80;border-color:var(--vp-c-divider, #334155)}.auth-modal__subtitle,.auth-modal__field{color:var(--vp-c-text-2, #94a3b8)}.auth-modal__field input{background-color:#94a3b81f;color:var(--vp-c-text-1, #f1f5f9);border-color:var(--vp-c-divider, #334155)}.auth-modal__tab{background-color:var(--vp-c-bg, #1e293b);color:var(--vp-c-text-2, #94a3b8);border-color:var(--vp-c-divider, #334155)}.auth-modal__tab--active{background-color:var(--primary-9, #3b82f6);color:#fff;border-color:var(--primary-9, #3b82f6)}.auth-modal__close{color:var(--vp-c-text-2, #94a3b8)}.auth-modal__close:hover{color:var(--vp-c-text-1, #f1f5f9)}}.wechat-support{padding:var(--gap-l);text-align:center}.wechat-support h2{color:var(--gray-16);margin-bottom:var(--gap-l);font-size:var(--font-size-l)}.qr-section{margin:var(--gap-l) 0}.qr-placeholder{width:200px;height:200px;margin:0 auto;background-color:var(--gray-2);border:2px dashed var(--gray-6);border-radius:var(--radius-m);display:flex;align-items:center;justify-content:center}.qr-placeholder p{color:var(--gray-11);font-size:var(--font-size-m)}.support-info{text-align:center;color:var(--gray-14)}.support-id{font-size:var(--font-size-m);font-weight:500;margin-bottom:var(--gap-s)}.support-hours{font-size:var(--font-size-s);color:var(--gray-11)}.auth-guard-loading{display:flex;align-items:center;justify-content:center;padding:var(--gap-m);color:var(--gray-11)}.auth-guard-block{display:flex;align-items:center;justify-content:center;padding:var(--gap-l);gap:var(--gap-m)}.auth-guard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-m)}.auth-guard-lock{display:flex;align-items:center;gap:var(--gap-s);padding:var(--gap-m) var(--gap-l);background:#fff;border-radius:var(--radius-m);cursor:pointer;color:var(--gray-15);font-weight:500;transition:background .2s ease}.auth-guard-lock:hover{background:var(--gray-1)}.nav-layout{--top-nav-height: 56px;display:flex;height:100vh;width:100%;background-color:var(--gray-2)}.side-nav{width:260px;background-color:var(--gray-1);color:var(--gray-16);display:flex;flex-direction:column;justify-content:space-between;padding:var(--gap-m);overflow-y:auto;border-right:1px solid var(--gray-4);transition:all .3s ease;position:fixed;top:var(--top-nav-height);bottom:0;left:0;z-index:100}.nav-header{display:flex;align-items:center;padding:var(--gap-s) var(--gap-m);margin-bottom:var(--gap-l)}.nav-header h1{margin-left:var(--gap-m);font-size:var(--font-size-l);font-weight:600;color:var(--primary-10)}.nav-menu{flex:1;margin-bottom:0;overflow-y:auto;margin-right:calc(var(--gap-m) * -1);padding-right:var(--gap-m)}.nav-item{padding:var(--gap-m);margin-bottom:var(--gap-s);border-radius:var(--radius-m);cursor:pointer;transition:background-color .2s ease}.nav-item:hover{background-color:var(--gray-2)}.nav-item h2{font-size:var(--font-size-m);font-weight:600;margin-bottom:var(--gap-s);color:var(--primary-10)}.nav-subitem{padding:var(--gap-s) var(--gap-s) var(--gap-s) var(--gap-l);font-size:var(--font-size-s);color:var(--gray-13);border-radius:var(--radius-s);transition:background-color .2s ease}.nav-subitem:hover{background-color:var(--gray-3)}.nav-subitem p{margin:0}.nav-footer{padding:var(--gap-m);font-size:var(--font-size-xs);color:var(--gray-11);border-top:1px solid var(--gray-4)}.footer-item{padding:var(--gap-s) 0}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:260px;transition:margin-left .3s ease}.top-nav{height:var(--top-nav-height);display:flex;justify-content:space-between;align-items:center;padding:0 var(--gap-l);background-color:var(--gray-1);border-bottom:1px solid var(--gray-4);position:fixed;top:0;left:0;right:0;z-index:101}.nav-left{display:flex;align-items:center;gap:var(--gap-m)}.nav-left .logo-with-name{display:flex;align-items:center;gap:var(--gap-s);font-weight:600;cursor:pointer}.nav-right{display:flex;align-items:center}.user-icon{width:28px;height:28px;border-radius:50%;background-color:var(--primary-1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.user-icon:hover{background-color:var(--primary-2)}.user-avatar{font-size:var(--font-size-l);color:var(--primary-8)}.user-dropdown-menu{padding:var(--gap-s);background-color:var(--gray-1);border-radius:var(--radius-m);border:1px solid var(--gray-4)}.user-dropdown-item{padding:var(--gap-s);border-radius:var(--radius-s);cursor:pointer;transition:background-color .2s ease}.login-text{font-size:var(--font-size-s);color:var(--primary-8);font-weight:500}.content-area{flex:1;overflow-y:auto;padding:var(--gap-l);background-color:var(--gray-1);margin-top:var(--top-nav-height)}.nav-layout.collapsed .side-nav{transform:translate(-100%)}.nav-layout.collapsed .main-content{margin-left:0}.collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--primary-1);cursor:pointer;transition:background-color .2s ease}.collapse-btn:hover{background-color:var(--primary-2)}.nav-item.active{background-color:var(--primary-1)}.nav-item.active h2{color:var(--primary-7)}.nav-layout.collapsed .nav-header{justify-content:center;padding:10px 0}.side-nav .fixed-bottom{background-color:var(--gray-1);border-top:1px solid var(--gray-4);padding-top:var(--gap-m)}.subscription-info{padding:var(--gap-s) var(--gap-m);background-color:var(--primary-1);border-radius:var(--radius-m)}.subscription-info p{color:var(--primary-11);font-size:var(--font-size-s);font-weight:500}.subscription-info p .btn-text{font-size:.8em}.side-nav .fixed-bottom>button{width:100%;margin-top:var(--gap-s)}.nav-menu::-webkit-scrollbar{width:4px}.dropdown-container{display:inline-block;position:relative}.dropdown-trigger{line-height:8px}.dropdown-menu{min-width:200px;z-index:1000;transition:opacity .2s ease-in-out}#dropdown-root{position:fixed;top:0;left:0;pointer-events:none;z-index:1000}#dropdown-root>*{pointer-events:auto}.dropdown-bottom-left{top:100%;left:0}.dropdown-bottom-right{top:100%;right:0}.dropdown-top-left{bottom:100%;left:0;margin-top:0;margin-bottom:4px}.dropdown-top-right{bottom:100%;right:0;margin-top:0;margin-bottom:4px}.celpip-results-container{max-width:var(--main-max-width-m);margin:var(--gap-xl) auto;padding:var(--gap-l);background-color:var(--gray-1);border-radius:var(--radius-xl);font-family:var(--font-family-celpip)}.celpip-results-container .main-title{font-size:var(--font-size-xl);color:var(--primary-9);text-align:center;margin-bottom:var(--gap-s);font-weight:600}.celpip-results-container .exam-info-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--gray-2);padding:var(--gap-m) var(--gap-l);border-radius:var(--radius-l);margin-bottom:var(--gap-xl);border:1px solid var(--gray-4)}.celpip-results-container .exam-title{margin:0 0 var(--gap-xs) 0;font-size:var(--font-size-l);font-weight:600;color:var(--gray-15)}.celpip-results-container .exam-meta{margin:0;font-size:var(--font-size-s);color:var(--gray-11);font-family:var(--font-family-primary)}.celpip-results-container .exam-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-s)}.celpip-results-container .exam-status{margin:0;font-size:var(--font-size-s);color:var(--gray-11);font-family:var(--font-family-primary)}.celpip-results-container .exam-resume-link{font-size:var(--font-size-s);font-weight:600;color:var(--primary-8);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.celpip-results-container .exam-resume-link:hover{color:var(--primary-9);border-bottom-color:var(--primary-6)}.celpip-results-container .exam-mode-badge{padding:var(--gap-xs) var(--gap-m);border-radius:var(--radius-m);font-size:var(--font-size-s);font-weight:600;white-space:nowrap}.celpip-results-container .exam-mode-badge.practice{background-color:var(--teal-2);color:var(--teal-9);border:1px solid var(--teal-4)}.celpip-results-container .exam-mode-badge.exam{background-color:var(--secondary-1);color:var(--secondary-9);border:1px solid var(--secondary-3)}.celpip-results-container .scores-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-l);margin-bottom:var(--gap-xl)}.celpip-results-container .ws-score-action{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-xs);margin-bottom:var(--gap-xl)}.celpip-results-container .ws-score-button{min-width:180px;color:#fff}.celpip-results-container .ws-score-quota{font-size:var(--font-size-s);color:var(--gray-11)}.celpip-results-container .score-card{display:flex;flex-direction:column;align-items:center;padding:var(--gap-m);border-radius:var(--radius-l);background-color:var(--primary-1);border:1px solid var(--primary-3);text-align:center;transition:box-shadow .2s ease-in-out;cursor:pointer}.celpip-results-container .score-card:hover{box-shadow:var(--shadow-md)}.celpip-results-container .score-card-header{font-size:var(--font-size-m);font-weight:500;color:var(--primary-8);margin-bottom:var(--gap-s)}.celpip-results-container .score-value,.celpip-results-container .score-loading-text{height:3rem;line-height:3rem;flex-shrink:0}.celpip-results-container .score-value{font-size:2.75rem;font-weight:700;color:var(--primary-7);line-height:1.1}.celpip-results-container .score-loading-text{font-size:var(--font-size-l);font-weight:500;color:var(--gray-10);flex-grow:1;display:flex;align-items:center}.celpip-results-container .score-loading-text.is-animated{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.celpip-results-container .score-subtext{font-size:var(--font-size-s);color:var(--gray-11);margin-top:var(--gap-xs)}.celpip-results-container .details-section{background-color:var(--gray-2);border-radius:var(--radius-l);padding:var(--gap-l);border:1px solid var(--gray-4)}.celpip-results-container .details-title{font-size:var(--font-size-l);color:var(--gray-14);margin-top:0;margin-bottom:var(--gap-m);font-weight:600;border-bottom:2px solid var(--gray-4);padding-bottom:var(--gap-s)}.celpip-results-container .details-tabs{display:flex;gap:var(--gap-s);margin-bottom:var(--gap-m);border-bottom:1px solid var(--gray-5)}.celpip-results-container .details-tab{padding:var(--gap-s) var(--gap-m);font-size:var(--font-size-m);font-family:var(--font-family-primary);font-weight:500;color:var(--gray-12);background-color:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}.celpip-results-container .details-tab:hover{color:var(--primary-7)}.celpip-results-container .details-tab.active{color:var(--primary-7);border-bottom-color:var(--primary-7)}.celpip-results-container .details-content{padding-top:var(--gap-s)}.celpip-results-container .ws-task-list{display:flex;flex-direction:column;gap:var(--gap-l)}.celpip-results-container .ws-task{background-color:var(--gray-1);border-radius:var(--radius-l);border:1px solid var(--gray-4);padding:var(--gap-l);display:flex;flex-direction:column;gap:var(--gap-m)}.celpip-results-container .ws-task-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-m)}.celpip-results-container .ws-task-actions{display:flex;align-items:center;gap:var(--gap-s);flex-wrap:wrap;justify-content:flex-end}.celpip-results-container .ws-task-header h3{margin:0;font-size:var(--font-size-m);color:var(--gray-15);font-weight:700}.celpip-results-container .ws-task-score{font-size:var(--font-size-s);color:var(--primary-8);font-weight:600}.celpip-results-container .ws-task-copy{padding:var(--gap-xs) var(--gap-s);font-size:var(--font-size-s)}.celpip-results-container .ws-task-block h4{margin:0 0 var(--gap-xs) 0;font-size:var(--font-size-s);color:var(--gray-13);font-weight:600}.celpip-results-container .ws-task-line{margin:0 0 var(--gap-xs) 0;color:var(--gray-13);line-height:1.5}.celpip-results-container .ws-task-answer{margin:0;color:var(--gray-14);white-space:pre-wrap;line-height:1.6}.celpip-results-container .ws-task-feedback{margin:0;padding-left:var(--gap-l);color:var(--gray-12);display:flex;flex-direction:column;gap:var(--gap-xs)}.celpip-results-container .ws-task-feedback-empty{margin:0;color:var(--gray-10)}.celpip-results-container .ws-task-image{width:100%;max-height:240px;object-fit:contain;border-radius:var(--radius-m);border:1px solid var(--gray-3);background-color:var(--gray-2);margin-bottom:var(--gap-s)}.celpip-results-container .ws-task-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--gap-m)}.celpip-results-container .ws-task-option,.celpip-results-container .ws-task-choice{border:1px solid var(--gray-3);border-radius:var(--radius-m);padding:var(--gap-s);background-color:var(--gray-2);display:flex;flex-direction:column;gap:var(--gap-xs);align-items:center;text-align:center}.celpip-results-container .ws-task-option.selected{border-color:var(--primary-6);background-color:var(--primary-1);box-shadow:0 0 0 1px var(--primary-3)}.celpip-results-container .ws-task-option-tag{align-self:flex-start;background-color:var(--primary-2);color:var(--primary-8);font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-s);border:1px solid var(--primary-4)}.celpip-results-container .ws-task-option img,.celpip-results-container .ws-task-choice img{width:100%;max-height:140px;object-fit:contain;border-radius:var(--radius-s)}.celpip-results-container .ws-task-option p,.celpip-results-container .ws-task-choice p{margin:0;color:var(--gray-13)}.celpip-results-container .ws-task-option-line{margin:0;color:var(--gray-13);line-height:1.4}.celpip-results-container .answers-grid{display:flex;flex-direction:column;gap:var(--gap-m)}.celpip-results-container .answer-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:var(--gap-m);padding:var(--gap-m);border-radius:var(--radius-m);border:1px solid var(--gray-5);background-color:var(--gray-1);font-weight:500;text-align:left}.celpip-results-container .answer-item-link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.celpip-results-container .answer-item-link:hover{border-color:var(--primary-4);box-shadow:var(--shadow-sm)}.celpip-results-container .answer-item-header{display:flex;align-items:center;justify-content:flex-start;width:64px;gap:var(--gap-xs);align-self:center}.celpip-results-container .answer-number{font-size:var(--font-size-s);color:var(--gray-13);font-weight:700}.celpip-results-container .answer-status-icon{display:inline-flex;align-items:center;align-self:center}.celpip-results-container .answer-item-body{display:flex;flex-direction:column;gap:var(--gap-s)}.celpip-results-container .answer-item-row{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:var(--gap-s);align-items:start;row-gap:4px;min-width:0}.celpip-results-container .answer-label{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-11);white-space:nowrap}.celpip-results-container .answer-value{font-size:var(--font-size-s);color:var(--gray-14);word-break:break-word;display:inline-flex;align-items:center}.celpip-results-container .answer-value.is-empty{color:var(--gray-10)}.celpip-results-container .answer-image{width:120px;max-height:72px;object-fit:contain;border-radius:var(--radius-s);border:1px solid var(--gray-3);background-color:var(--gray-2)}.celpip-results-container .answer-item.correct{border-color:var(--severity-1-3);background-color:#f0fff4}.celpip-results-container .answer-item.correct .icon-m{color:var(--severity-1-3)}.celpip-results-container .answer-item.incorrect{border-color:var(--severity-4-3);background-color:#fff1f1}.celpip-results-container .answer-item.incorrect .icon-m{color:var(--severity-4-3)}.celpip-results-container .icon-m{width:var(--icon-size-m);height:var(--icon-size-m)}@media(max-width:768px){.celpip-results-container .answer-item{grid-template-columns:1fr}.celpip-results-container .answer-item-body{width:100%}}.celpip-results-container .details-placeholder{padding:var(--gap-l);text-align:center;color:var(--gray-11);background-color:var(--gray-3);border-radius:var(--radius-m)}@media(max-width:768px){.celpip-results-container .scores-summary{grid-template-columns:repeat(2,1fr);gap:var(--gap-m)}.celpip-results-container .exam-info-header{flex-direction:column;align-items:flex-start;gap:var(--gap-m)}.celpip-results-container .celpip-results-container{padding:var(--gap-m)}}@media(max-width:480px){.celpip-results-container .scores-summary{grid-template-columns:1fr}.celpip-results-container .details-tabs{flex-wrap:wrap}.celpip-results-container .main-title{font-size:var(--font-size-l)}.celpip-results-container .score-value{font-size:2.5rem}}.test-set-cover{padding:1.5rem 0 .75rem;border-radius:var(--radius-m);position:relative;overflow:hidden;background-color:#fff;box-shadow:0 4px 12px #0000001a;transition:box-shadow .2s ease}.test-set-cover:hover{box-shadow:0 6px 16px #00000026}.cover-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;text-align:center}.cover-header{font-size:1rem;font-weight:700;letter-spacing:1px;color:var(--gray-12)}.cover-type{margin-top:var(--gap-xs);font-size:.5rem;color:var(--severity-5-1)}.practice-test-banner{margin-top:var(--gap-xs);padding:var(--gap-xs) var(--gap-s);color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.5px}.practice-set{margin-top:var(--gap-s);font-size:2rem;font-weight:900;padding:0 var(--gap-m);color:var(--gray-16)}.test-set-list{padding:var(--gap-l);max-width:var(--main-max-width-m);margin:0 auto}.tests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-xl)}.tests-header h1{font-size:var(--font-size-xl);color:var(--gray-16);font-weight:600}.test-set-list-header-right{display:flex;align-items:center;gap:var(--gap-m)}.sort-button{padding:var(--gap-s) var(--gap-m);background-color:var(--gray-1);border:1px solid var(--gray-4);border-radius:var(--radius-m);color:var(--gray-14);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-s)}.sort-button:hover{background-color:var(--gray-2);border-color:var(--gray-6)}.test-list{display:flex;flex-direction:column;gap:var(--gap-xl)}.test-set-row{position:relative;background-color:#fff;border-radius:var(--radius-l);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;padding:var(--gap-m)}.test-set-row:hover{box-shadow:var(--shadow-md)}.test-version-card{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--gap-m);background-color:var(--gray-1);border-radius:var(--radius-m);border:1px solid var(--gray-4);transition:all .2s ease}.test-version-card:hover{background-color:var(--gray-2);border-color:var(--gray-6)}.test-version-card.locked{position:relative;opacity:.8}.test-version-card.locked:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-m);z-index:1}.test-set-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-xl)}.set-info{display:flex;gap:var(--gap-m);min-width:280px}.set-details{padding-top:var(--gap-s)}.set-details h2{font-size:var(--font-size-l);color:var(--gray-16);margin:0 0 var(--gap-xs)}.release-date{font-size:var(--font-size-s);color:var(--gray-11);margin:0}.test-versions{flex:1;max-width:var(--main-max-width-xs);display:flex;flex-direction:column;gap:var(--gap-m)}.version-info h3{font-size:var(--font-size-m);color:var(--gray-14);margin:0}.test-buttons{display:flex;gap:var(--gap-s)}.set-title{display:flex;align-items:center;gap:var(--gap-m)}.lock-overlay{position:absolute;top:0;right:0;padding:var(--gap-m);z-index:2}.lock-indicator{display:flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-xs) var(--gap-s);background:var(--gray-2);border:1px solid var(--gray-4);border-radius:var(--radius-m);color:var(--gray-11);font-size:var(--font-size-s);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.lock-indicator:hover{background:var(--gray-3);color:var(--gray-12);border-color:var(--gray-5);box-shadow:0 2px 8px #0000001a}.lock-indicator svg{width:14px;height:14px;opacity:.8}@media(max-width:1024px){.exam-list{padding:var(--gap-m)}.test-set-content{gap:var(--gap-l)}.set-info{min-width:240px}.test-versions{max-width:var(--main-max-width-xs)}}@media(max-width:768px){.test-set-content{flex-direction:column;gap:var(--gap-l);align-items:stretch}.set-info{min-width:unset}.test-versions{max-width:unset}.test-version-card{padding:var(--gap-m) var(--gap-l)}.test-buttons{display:flex;gap:var(--gap-m)}.start-test-button{flex:1;padding:var(--gap-s) var(--gap-l)}}.exam-mode-switch{display:inline-flex;border:1px solid var(--gray-4);border-radius:var(--radius-m);overflow:hidden;background:var(--gray-1);font-size:.875rem}.exam-mode-switch button{padding:.5rem 1.5rem;border:none;background:none;cursor:pointer;font-weight:500;color:var(--gray-16);transition:background .2s,color .2s}.exam-mode-switch button.exam.active{background:var(--primary-7);color:#fff}.exam-mode-switch button.active{background:var(--teal-8);color:#fff}.celpip-instruction-content{width:100%;padding:1rem 2rem;background-color:#fff}.celpip-instruction-title{display:flex;align-items:flex-start;gap:8px;color:var(--celpip-blue-1);font-size:17px;font-weight:500;line-height:20.4px}.celpip-instruction-title>svg{flex-shrink:0;font-size:1.4rem}.celpip-instruction-list{margin-bottom:50px;color:var(--celpip-blue-1);font-size:17px;font-weight:500;line-height:20.4px}.celpip-instruction-list>p{margin-top:10px;margin-bottom:10px;margin-left:40px;line-height:30px;padding:5px 10px 10px}.celpip-instruction-list>p:not(:last-child){border-bottom:1px dotted #ccc}.celpip-instruction-list>p a{color:var(--celpip-red-1)}.celpip-instruction-list>p a:hover{text-decoration:underline}.celpip-audio-player{display:flex;flex-direction:column;align-items:center;text-align:center}.celpip-audio-player>audio{margin:0 auto;margin-top:.5rem}.celpip-audio-player>span{margin-top:.5rem}.celpip-audio-player>span{display:inline-block;border:2px solid #000000;padding:1em;font-size:14px}.celpip-audio-player-progress{display:flex;gap:1rem;width:390px;padding:1.25rem 2.25rem 1.25rem 1.25rem;background-color:#d9dce1;border-radius:10px;color:#000;font-size:1rem}.celpip-audio-player-progress>.icon{display:flex;justify-content:center;align-items:center;font-size:3rem;color:#a9a9a9;width:4rem;height:4rem;background-color:#eee;border-radius:.25rem}.celpip-audio-player-progress>div:last-child{flex:1;display:flex;gap:.5rem;flex-direction:column;align-items:center;justify-content:flex-start}.celpip-audio-player-progress>div:last-child>.progress-bar{width:100%;height:18px;background-color:#eee;position:relative;overflow:hidden}.celpip-audio-player-progress>div:last-child>.progress-bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background-color:#0cf}.celpip-small-gray-box{display:flex;gap:1rem;width:390px;padding:1.25rem 2.25rem 1.25rem 1.25rem;background-color:#d9dce1;border-radius:10px;color:#000;font-size:1rem}.celpip-small-gray-box>.icon{display:flex;justify-content:center;align-items:center;font-size:3rem;color:#a9a9a9;width:4rem;height:4rem;background-color:#eee;border-radius:.25rem}.celpip-small-gray-box>div:last-child{flex:1;display:flex;gap:.5rem;flex-direction:column;align-items:center;justify-content:flex-start}.celpip-small-gray-box>div:last-child>.progress-bar{width:100%;height:18px;background-color:#eee;position:relative;overflow:hidden}.celpip-small-gray-box>div:last-child>.progress-bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background-color:#0cf}.celpip-progress-bar{width:100%;height:18px;background-color:#eee;position:relative;overflow:hidden}.celpip-progress-bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background-color:#0cf}.celpip-audio-player-section{width:100%;padding:1rem}.celpip-audio-player-section>div:last-child{margin-top:1.5rem;padding:1.75rem}.celpip-option-list{padding-left:1.5rem;margin-top:1rem}.celpip-option-list>li{list-style:none;display:flex;align-items:center;padding:3px;border-bottom:1px dotted #ccc;font-size:14px;color:#53565a;cursor:pointer}.celpip-option-list>li:hover{background-color:#ddffb7}.celpip-option-list>li.selected{background-color:#c6e8ea;text-decoration:underline}.celpip-option-list>li>span{line-height:20px;white-space:nowrap;overflow:hidden}.celpip-option-list>li>span:first-child{flex-shrink:0;position:relative;display:inline-block;margin-right:.35rem;width:1rem;height:1rem;border:1.5px solid #cccccc;border-radius:50%;background-color:#fff}.celpip-option-list>li.selected>span:first-child:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;border-radius:50%;background-color:#444}.celpip-option-list>li img{height:104px}.celpip-split-content{display:flex;width:100%}.celpip-split-content>div{overflow:auto}.celpip-split-content>div:first-child{background-color:#f5f5f5;flex:1}.celpip-split-content>div:last-child{border-left:1px solid rgb(204,204,204);background-color:#eef8f9;flex:1}.celpip-split-content.split-1-2>div:first-child{flex:1}.celpip-split-content.split-1-2>div:last-child{flex:2}.celpip-split-content.split-2-1>div:first-child{flex:2}.celpip-split-content.split-2-1>div:last-child{flex:1}.celpip-question-type-1{padding:1rem}.celpip-question-type-1>.question-header{font-size:14px;line-height:20px;color:#53565a}.celpip-question-type-1>.celpip-instruction-title{margin-top:1rem}.celpip-instruction-basic{width:100%;padding:1rem 2rem;background-color:transparent}.celpip-instruction-basic.bg-white{background-color:#fff}.celpip-instruction-basic>.instruction{margin-top:1.25rem;padding:0 1.5rem;font-size:17px;color:#53565a}.celpip-instruction-basic.bold-instruction>.instruction{font-weight:700}.celpip-instruction-basic>.content{margin-top:1.25rem;width:100%;display:flex;flex-direction:column;align-items:center}.celpip-instruction-basic>img{margin-top:1rem;padding:0 6rem}.celpip-instruction-basic.passage{padding:1.3rem}.celpip-instruction-basic.passage .instruction{font-size:14px;line-height:20px;padding:0}.celpip-instruction-basic.passage .content{font-size:14px;line-height:20px;padding:0;color:#53565a;white-space:pre-wrap}.celpip-dropdown-trigger{--height: 1.5rem;display:inline-flex;vertical-align:middle;position:relative;height:var(--height);line-height:var(--height);margin:0 .25rem;padding:0 6px 0 60px;background-color:#fff;border:1px solid rgba(0,0,0,0);border-bottom:1px dotted #ccc;cursor:pointer}.celpip-dropdown-trigger:after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #039}.celpip-dropdown-trigger.selected{background-color:#eef8f9;font-weight:700;color:#005338;font-family:Calibri,Arial,Helvetica,sans-serif;padding:0 2px;border:1px solid rgba(0,0,0,0);border-bottom:1px solid #ccc}.celpip-dropdown-trigger.selected:after{display:none}.celpip-dropdown-trigger:hover{background-color:#ccfaff;border:1px solid #256360;color:#000}.celpip-dropdown-options{border:2px solid #bbb;border-radius:10px;padding:1rem;background-color:#fff}.celpip-dropdown-options>.celpip-option-list{margin-top:0;padding-left:0}.text-with-options,.text-with-options .dropdown-container,.text-with-options .dropdown-container>div,.text-with-options .celpip-dropdown-trigger,.text-with-options .celpip-dropdown-trigger div{display:inline}.text-with-options .celpip-dropdown-trigger{font-size:1.3em;line-height:25px}.text-with-options .celpip-dropdown-trigger.selected{padding:0 2px}.celpip-question-type-2{background-color:#eef8f9}.celpip-question-type-2>.instruction{margin-top:2rem;padding:0;font-size:14px;color:#53565a}.celpip-question-type-2>.instruction>div{margin-bottom:20px;line-height:25px;display:flex;align-items:center;gap:4px}.celpip-question-type-2>.instruction>div>.dropdown-container{font-size:1.3em}.celpip-reading-type-1-content>div{margin-bottom:20px;line-height:25px;color:#53565a;font-size:14px}.celpip-reading-practice .celpip-instruction-basic{background-color:transparent}.celpip-reading-practice .passage{padding:1.3rem}.celpip-reading-practice .passage .instruction{font-size:14px;line-height:20px;padding:0}.celpip-reading-practice .questions{padding:1.3rem}.celpip-reading-practice .questions .celpip-reading-type-1-content{padding:20px;border:1px solid #000;border-radius:.25rem;width:100%}.celpip-reading-task .celpip-instruction-basic{background-color:transparent}.celpip-reading-task .passage{padding:1.3rem}.celpip-reading-task .passage .instruction{font-size:14px;line-height:20px;padding:0}.celpip-reading-task .questions{padding:1.3rem}.celpip-reading-task .questions .celpip-reading-type-1-content{padding:20px;border:1px solid #000;border-radius:.25rem;width:100%}.celpip-reading-task .passage-content{font-size:14px;line-height:20px;padding:0;color:#53565a;white-space:pre-wrap}.celpip-reading-type-2-content{padding:20px;border:1px solid #000;border-radius:.25rem;width:100%;white-space:pre-wrap}.celpip-reading-type-2-content>div{margin-bottom:20px;line-height:25px;color:#53565a;font-size:14px}.passage-with-options-list,.passage-with-options-list .dropdown-container,.passage-with-options-list .dropdown-container>div,.passage-with-options-list .celpip-dropdown-trigger,.passage-with-options-list .celpip-dropdown-trigger div{display:inline}.passage-with-options-list .celpip-dropdown-trigger{font-size:1.3em;line-height:25px}.passage-with-options-list .celpip-dropdown-trigger.selected{padding:0 2px}.celpip-reading-type-3-content{padding:20px;border:1px solid #000;border-radius:.25rem;width:100%;white-space:pre-wrap}.celpip-reading-type-3-content>div{margin-bottom:20px;line-height:25px;color:#53565a;font-size:14px}.celpip-s-task5-option-card{padding:1rem;border:1px solid var(--gray-17);border-radius:4px;background-color:#fff}.celpip-s-task5-option-card.selectable{cursor:pointer}.celpip-s-task5-option-card.selected{background-color:#ecfae1}.celpip-s-task5-option-card.selectable.selected{background-color:#add8e6}.celpip-s-task5-option-card>h3{width:100%;text-align:center;font-weight:700;font-size:14px}.celpip-s-task5-option-card>img{margin-top:.5rem;width:100%}.celpip-s-task5-option-card>div{margin-top:1rem;white-space:pre-wrap}.celpip-speaking-task5-step2{padding:1rem;background-color:#fff;overflow-y:auto}.celpip-speaking-task5-step2-options{display:flex;gap:.5rem}.celpip-speaking-task5-step2-options .celpip-s-task5-option-card{flex:1}.celpip-speaking-task5-step2 .instruction{padding:0}.celpip-speaking-task5-step2 .instruction .celpip-small-gray-box{margin:0 auto;margin-top:1rem}.celpip-speaking-task5-step3{padding:1rem;background-color:#fff;overflow-y:auto}.celpip-speaking-task5-step3-options{display:flex;gap:.5rem}.celpip-speaking-task5-step3-options .celpip-s-task5-option-card{flex:1}.celpip-speaking-task5-step3 .instruction{padding:0}.celpip-speaking-task5-step3 .instruction .celpip-small-gray-box{margin:0 auto;margin-top:1rem}.celpip-speaking-recording-box{position:relative}.debug-download-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.debug-download-button:hover{background-color:#0000001a}.debug-download-button svg{width:20px;height:20px;color:#666}.celpip-speaking-type1{background-color:#fff}.celpip-speaking-type1 .instruction .celpip-speaking-recording-box{display:flex;justify-content:center;align-items:center}.celpip-speaking-type1 .instruction .details{white-space:pre-wrap;padding-bottom:1rem;border-bottom:1px solid var(--gray-4);margin-bottom:1rem}.celpip-speaking-type2{--recording-box-width: 390px;background-color:#fff;overflow-y:auto}.celpip-speaking-type2 .instruction{display:flex;gap:1rem}.celpip-speaking-type2 .instruction img{flex:1;max-width:calc(100% - var(--recording-box-width))}.celpip-speaking-type2 .instruction .celpip-speaking-recording-box{width:var(--recording-box-width);flex-shrink:0}.celpip-writing-task-1 .writing-area{width:100%}.celpip-writing-task-1 .writing-area ul{width:100%;list-style-type:disc;padding-left:2rem}.celpip-writing-task-1 .writing-area ul li{list-style-position:outside;margin-bottom:.25em;color:var(--gray-13);line-height:20px;font-size:14px}.celpip-writing-task-1 .writing-area ul li::marker{color:var(--gray-13)}.celpip-writing-task-1 .writing-area textarea{margin-top:2rem}.celpip-writing-area{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.celpip-writing-area textarea{width:100%;background-color:#fff;border:1px solid var(--gray-6);resize:none;border-radius:4px;padding:.5rem;color:var(--gray-13);font-size:14px}.celpip-writing-area textarea:focus{outline:none;border-color:#52a8eccc;box-shadow:inset 0 1px 1px #00000013,0 0 8px #52a8ec99}.celpip-writing-area span{font-size:14px;color:var(--gray-13)}.writing-task-2-options{font-size:14px;color:var(--gray-13);line-height:20px}.writing-task-2-options>div{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.writing-task-2-options>div input[type=radio]{cursor:pointer}.celpip-writing-task-2-content .writing-area{width:100%;padding-top:.5rem}.celpip-exam-container{display:flex;flex-direction:column;width:980px;height:calc(100vh - 120px);border:1px solid #ccc;font-family:var(--font-family-celpip)}.celpip-exam-container>header{display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;height:2.625rem;box-sizing:border-box;flex-shrink:0;background-image:-webkit-linear-gradient(top,rgba(238,238,243,1) 0%,rgba(215,219,224,1) 100%);border-bottom:1px solid rgb(204,204,204);text-shadow:rgb(255,255,255) 1px 1px 0px;color:#53565a}.celpip-exam-container>.content{display:flex;flex:1}.celpip-exam-container>footer{height:3.4375rem;flex-shrink:0}.celpip-exam-ui{display:flex;flex-direction:column;width:980px;height:calc(100vh - 120px);border:1px solid #ccc;font-family:var(--font-family-celpip)}.celpip-exam-ui>header{display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;height:2.625rem;box-sizing:border-box;flex-shrink:0;background-image:-webkit-linear-gradient(top,rgba(238,238,243,1) 0%,rgba(215,219,224,1) 100%);border-bottom:1px solid rgb(204,204,204);text-shadow:rgb(255,255,255) 1px 1px 0px;color:#53565a}.celpip-exam-ui>header .remaining-time,.preparation-time{font-size:var(--font-size-s)}.celpip-exam-ui>header .remaining-time,.preparation-time span{color:var(--gray-17)}.celpip-exam-ui>header .remaining-time span.red{color:red}.celpip-exam-ui>header>div:nth-child(2){display:flex;gap:24px}.celpip-exam-ui>header>div:nth-child(2)>button.n{padding:1px 12px;font-size:14px;line-height:20px;color:#fff;background:linear-gradient(180deg,#08c,#04c);cursor:pointer}.celpip-exam-ui>header>div:nth-child(2)>button.n:hover{background:#04c}.celpip-exam-ui>.content{display:flex;flex:1;overflow-x:hidden;overflow-y:auto;background-color:#f5f5f5}.celpip-exam-ui>.content>.video-container{padding:1.5rem 3rem}.celpip-exam-ui>.content>.video-container>video{width:100%}.celpip-exam-ui>footer{padding:.5rem 1.25rem;flex-shrink:0;display:flex;justify-content:space-between;background-image:-webkit-linear-gradient(top,rgba(238,238,243,1) 0%,rgba(215,219,224,1) 100%);color:var(--gray-12)}.celpip-exam-ui>footer>div:nth-child(2){display:flex;gap:var(--gap-s);align-items:center}.celpip-exam-ui>footer>div:nth-child(2)>.dropdown-container{cursor:pointer}.celpip-exam-ui>footer>div:nth-child(2)>button.celpip-save-exit-btn{padding:1px 12px;font-size:14px;line-height:20px;color:#fff;background:linear-gradient(180deg,#3c8b68,#2c6b50);cursor:pointer}.celpip-exam-ui>footer>div:nth-child(2)>button.celpip-save-exit-btn:hover{background:#2c6b50}.celpip-exam-ui>footer>div:nth-child(2)>button.celpip-submit-exam-btn{padding:1px 12px;font-size:14px;line-height:20px;color:#fff;background:linear-gradient(180deg,#d97a1c,#a95a11);cursor:pointer}.celpip-exam-ui>footer>div:nth-child(2)>button.celpip-submit-exam-btn:hover{background:#a95a11}.celpip-exam-ui>footer>div:nth-child(2)>button.celpip-check-score-btn{padding:1px 12px;font-size:14px;line-height:20px;color:#fff;background:linear-gradient(180deg,#2f6f9e,#1f4f73);cursor:pointer}.celpip-exam-ui>footer>div:nth-child(2)>button.celpip-check-score-btn:hover{background:#1f4f73}.celpip-exam-ui>footer>div:nth-child(2)>button.celpip-back-btn{padding:1px 12px;font-size:14px;line-height:20px;color:#fff;background:linear-gradient(180deg,#c03d51,#a6192e);cursor:pointer}.celpip-exam-ui>footer>div:nth-child(2)>button.celpip-back-btn:hover{background:#a6192e}.celpip-exam-ui .bullet-point{position:relative;list-style:none}.celpip-exam-ui .bullet-point:before{content:"• ";position:absolute;left:-26px;box-sizing:border-box;top:2px;width:25px;color:#999;font-style:italic;font-family:Georgia,serif;font-weight:700;font-size:25px;text-align:center}.celpip-nav-dropdown{border:1px solid var(--gray-5);border-radius:10px;padding:1rem;background-color:#fff;max-height:calc(100vh - 240px);overflow-y:auto}.celpip-nav-dropdown>ul{column-count:2;column-gap:1rem}.celpip-nav-dropdown>ul>li{cursor:pointer}.celpip-nav-dropdown-trigger{padding:.25rem;cursor:pointer}.celpip-nav{display:flex;align-items:center;gap:.125rem}.celpip-nav>button{padding:.25rem;cursor:pointer}.exam-page{max-width:var(--main-max-width-l);margin:0 auto;display:flex;align-items:center;justify-content:center}.exam-loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.exam-loading h1{color:var(--gray-14)}.history-container{padding:var(--gap-l);max-width:var(--main-max-width-m);margin:0 auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-xl)}.history-header>h1{font-size:var(--font-size-xl);color:var(--gray-16);font-weight:600}.history-list{display:flex;flex-direction:column;gap:var(--gap-m)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-l);background-color:var(--gray-1);border-radius:var(--radius-l);border:1px solid var(--gray-4);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease;text-decoration:none;color:inherit}.history-item:hover{box-shadow:var(--shadow-md)}.history-item-info .title{font-size:var(--font-size-l);font-weight:600;color:var(--gray-15);margin:0 0 var(--gap-xs) 0}.history-item-info .date{font-size:var(--font-size-s);color:var(--gray-11)}.history-item-details{display:flex;align-items:center;gap:var(--gap-l)}.history-item-scores{display:flex;gap:var(--gap-m);font-family:var(--font-family-celpip);color:var(--gray-12)}.history-item-details .btn-view{padding:var(--gap-s) var(--gap-l);background-color:var(--primary-7);color:var(--gray-1);border-radius:var(--radius-m);font-weight:500;font-size:var(--font-size-s);white-space:nowrap}.history-container .exam-mode-badge{padding:var(--gap-xs) var(--gap-m);border-radius:var(--radius-m);font-size:var(--font-size-s);font-weight:600;white-space:nowrap}.history-container .exam-mode-badge.practice{background-color:var(--teal-2);color:var(--teal-9);border:1px solid var(--teal-4)}.history-container .exam-mode-badge.exam{background-color:var(--secondary-1);color:var(--secondary-9);border:1px solid var(--secondary-3)}@media(max-width:1080px){.history-item-scores{display:none}}@media(max-width:720px){.history-container .exam-mode-badge{display:none}}@media(max-width:600px){.history-item{flex-direction:column;align-items:flex-start;gap:var(--gap-m)}.history-item-details{width:100%;justify-content:space-between}}