.create-test-page{padding-top:72px}html[data-create-loading=true] body.create-test-page>.create-test-layout{visibility:hidden}.create-page-loader{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#fff;color:#111;font:600 18px Inter,sans-serif}html[data-create-loading=true] .create-page-loader{display:flex}.create-page-loader-icon{width:42px;height:42px;border:4px solid #f0c6c8;border-top-color:#e31b23;border-radius:50%;animation:createLoaderSpin .8s linear infinite}@keyframes createLoaderSpin{to{transform:rotate(1turn)}}.create-test-page nav{overflow:visible}.create-skill-tabs{position:absolute;top:50%;left:50%;z-index:5;transform:translate(-50%,-50%);width:auto;max-width:calc(100vw - 220px);background:transparent;border-bottom:none;display:flex;align-items:center;justify-content:center;gap:4px;padding:0;pointer-events:none;overflow-x:auto;scrollbar-width:none}.create-skill-tabs::-webkit-scrollbar{display:none}.create-skill-tab{min-width:112px;height:38px;border:1px solid transparent;border-radius:8px;background:transparent;color:#666;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;flex:0 0 auto;pointer-events:auto;transition:background .2s,color .2s,border-color .2s}.create-skill-tab:hover{background:#f6f6f6;color:var(--black)}.create-skill-tab.active{background:rgba(227,27,35,.08);border-color:rgba(227,27,35,.18);color:var(--red)}html[data-create-skill=grammar] .create-skill-tab.active:not([data-skill-tab=grammar]),html[data-create-skill=reading] .create-skill-tab.active:not([data-skill-tab=reading]),html[data-create-skill=speaking] .create-skill-tab.active:not([data-skill-tab=speaking]),html[data-create-skill=vocabulary] .create-skill-tab.active:not([data-skill-tab=vocabulary]),html[data-create-skill=writing] .create-skill-tab.active:not([data-skill-tab=writing]),html[data-create-skill] .create-skill-tab.active:not([data-skill-tab=listening]):not([data-skill-tab=reading]):not([data-skill-tab=writing]):not([data-skill-tab=speaking]):not([data-skill-tab=grammar]):not([data-skill-tab=vocabulary]){background:transparent;border-color:transparent;color:#666}html[data-create-skill=grammar] .create-skill-tab[data-skill-tab=grammar],html[data-create-skill=reading] .create-skill-tab[data-skill-tab=reading],html[data-create-skill=speaking] .create-skill-tab[data-skill-tab=speaking],html[data-create-skill=vocabulary] .create-skill-tab[data-skill-tab=vocabulary],html[data-create-skill=writing] .create-skill-tab[data-skill-tab=writing]{background:rgba(227,27,35,.08);border-color:rgba(227,27,35,.18);color:var(--red)}.create-test-layout{flex:1 1;display:flex;justify-content:center;padding:40px 24px}.create-test-container{width:100%;max-width:1100px}.create-test-header{margin-bottom:32px}.create-test-header .create-test-desc,.create-test-header .test-card-tag{display:none}.create-sidebar-skill-picker{position:relative;width:100%;padding:0 0 16px;border-bottom:1px solid rgba(191,126,111,.3);margin-bottom:10px}.create-sidebar-skill-label{display:block;margin-bottom:5px;color:var(--black);font-family:Be Vietnam Pro,sans-serif;font-size:11px;font-weight:800}.create-sidebar-skill-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;border:2px solid #d9aaa0;border-radius:8px;padding:8px 11px;background:#fff;color:var(--black);font:700 14px Inter,sans-serif;cursor:pointer;text-align:left}.create-sidebar-skill-trigger:hover,.create-sidebar-skill-trigger[aria-expanded=true]{border-color:var(--red);background:#fffaf7}.create-sidebar-skill-trigger svg{width:17px;height:17px;fill:none;stroke:var(--red);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.create-sidebar-skill-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.create-sidebar-skill-menu{position:absolute;z-index:20;top:calc(100% - 6px);left:0;right:0;padding:5px;border:2px solid var(--black);border-radius:9px;background:#fff;box-shadow:4px 4px 0 rgba(13,13,13,.12)}.create-sidebar-skill-menu button{width:100%;border:0;border-radius:6px;padding:9px 10px;background:transparent;color:var(--black);font:600 13px Inter,sans-serif;text-align:left;cursor:pointer}.create-sidebar-skill-menu button.active,.create-sidebar-skill-menu button:hover:not(:disabled){background:rgba(227,27,35,.09);color:var(--red)}.create-sidebar-skill-menu button:disabled{color:#aaa;cursor:not-allowed}.create-test-header h1{font-family:Be Vietnam Pro,sans-serif;font-weight:800;font-size:28px;color:var(--black);margin:0 0 8px}.create-test-desc{font-size:14px;color:#888;margin:0}.create-skill-panel{display:none}.create-skill-panel.active{display:block}html[data-create-skill=grammar] .create-skill-panel.active:not([data-skill-panel=grammar]),html[data-create-skill=reading] .create-skill-panel.active:not([data-skill-panel=reading]),html[data-create-skill=speaking] .create-skill-panel.active:not([data-skill-panel=speaking]),html[data-create-skill=vocabulary] .create-skill-panel.active:not([data-skill-panel=vocabulary]),html[data-create-skill=writing] .create-skill-panel.active:not([data-skill-panel=writing]){display:none}html[data-create-skill=grammar] .create-skill-panel[data-skill-panel=grammar],html[data-create-skill=reading] .create-skill-panel[data-skill-panel=reading],html[data-create-skill=speaking] .create-skill-panel[data-skill-panel=speaking],html[data-create-skill=vocabulary] .create-skill-panel[data-skill-panel=vocabulary],html[data-create-skill=writing] .create-skill-panel[data-skill-panel=writing]{display:block}.create-skill-panel[data-skill-panel=reading].active{width:100%}.create-test-container:has(.create-skill-panel[data-skill-panel=reading].active){max-width:none}html[data-create-skill=reading] .create-skill-panel[data-skill-panel=reading],html[data-create-skill=reading] .create-test-container{max-width:none;width:100%}.create-placeholder-panel{border:1px solid #e8e8e8;border-radius:12px;background:#fafafa;padding:32px}.create-placeholder-panel h2{font-family:Be Vietnam Pro,sans-serif;font-size:22px;font-weight:800;color:var(--black);margin:0 0 8px}.create-placeholder-panel p{font-size:14px;color:#888;margin:0}.create-test-form{display:flex;flex-direction:column;gap:4px;width:100%;max-width:100%}.create-reading-builder{display:flex;align-items:flex-start;gap:32px;width:100%}.create-reading-builder,.create-reading-builder.is-full-test{justify-content:flex-start}.create-reading-sidebar{display:flex;flex-direction:column;gap:2px;width:300px;flex:0 0 300px;background:#f7e7da;border:2px solid #f3c0b9;border-radius:16px;padding:24px 20px;position:-webkit-sticky;position:sticky;top:100px;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto;direction:rtl}.create-reading-sidebar>*{direction:ltr}.create-reading-sidebar::-webkit-scrollbar{width:4px}.create-reading-sidebar::-webkit-scrollbar-track{background:transparent}.create-reading-sidebar::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}.create-passage-section,.create-reading-builder.is-single-test .create-passage-nav:not([data-create-passage="1"]){display:none}.create-passage-section.active{display:block;margin-top:4px}.create-passage-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;grid-gap:24px;gap:24px;margin-bottom:18px}.create-passage-banner-column,.create-passage-details{min-width:0}.create-passage-banner-column{order:2}.create-passage-details{order:1}.create-passage-banner-column .create-passage-banner-field{margin-top:0}.create-passage-details{display:flex;flex-direction:column;gap:18px}.create-passage-details .create-field-group{min-width:0}.create-passage-details .create-top-fields-row{flex-direction:column;align-items:stretch;gap:14px}.create-passage-details .create-source-field,.create-passage-details .create-type-field{width:100%;flex:0 0 auto}.create-passage-details .create-source-field{gap:6px}.create-passage-details .create-source-field>.create-select{width:132px;flex:0 0 132px}.create-passage-section>.create-field-group+.create-field-group{margin-top:14px}.create-reading-builder.is-single-test .create-passage-section[data-passage="2"],.create-reading-builder.is-single-test .create-passage-section[data-passage="3"]{display:none!important}.create-reading-builder.is-single-test .create-passage-section[data-passage="1"]{display:block}.create-passage-nav{width:100%;border:2px solid transparent;border-radius:10px;background:none;color:var(--black);cursor:pointer;text-align:left;padding:10px 14px;transition:all .2s}.create-passage-nav:hover{background:rgba(227,27,35,.06);border-color:rgba(227,27,35,.2)}.create-passage-nav.active{background:var(--red);color:#fff;border-color:var(--red)}.create-passage-index{display:block;font-family:Be Vietnam Pro,sans-serif;font-size:15px;font-weight:800;line-height:1.25}.create-passage-meta{display:block;margin-top:4px;font-size:12px;font-weight:600;color:#8c6f66}.create-passage-nav.active .create-passage-meta{color:rgba(255,255,255,.78)}.create-passage-meta:empty{display:none}.create-sidebar-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:18px}.create-delete-draft-sidebar-btn{width:100%;min-height:48px;padding:11px 10px;border:2px solid #d2d2d2;border-radius:10px;background:#fff;color:#666;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.create-delete-draft-sidebar-btn:hover:not(:disabled){border-color:#b91c1c;background:#fff5f5;color:#b91c1c}.create-delete-draft-sidebar-btn:disabled{opacity:.45;cursor:not-allowed}.create-sidebar-actions .create-publish-sidebar-btn{grid-column:1/-1}.create-passage-banner-field{margin-top:18px}.create-passage-banner-heading{display:flex;align-items:flex-start;margin-bottom:8px}.create-passage-banner-editor{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px;border:1px solid #e4c1ba;border-radius:12px;background:#fffaf7}.create-passage-banner-card{position:relative;display:block;flex:0 0 130px;width:100%;max-width:360px;height:130px;min-height:130px;align-self:flex-start;box-sizing:border-box;overflow:hidden;padding:0;border:1px solid #eadbd5;border-radius:10px;background:#fff}.create-passage-banner-empty,.create-passage-banner-preview{display:block;width:100%;height:100%;min-width:0;border-radius:8px;object-fit:cover}.create-passage-banner-empty{display:grid;place-content:center;grid-gap:4px;gap:4px;border:1px dashed #d8b7ae;background:#f5ebe5;color:#957b73;font-size:13px;font-weight:700;text-align:center}.create-passage-banner-placeholder-icon{color:#c79e91;font-size:23px;line-height:1}.create-passage-banner-actions{display:flex;position:absolute;inset:0;z-index:1;flex-direction:row;gap:8px;align-items:center;justify-content:center;padding:12px;background:rgba(30,20,18,.4);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.create-passage-banner-card:focus-within .create-passage-banner-actions,.create-passage-banner-card:hover .create-passage-banner-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.create-banner-remove-btn,.create-banner-upload-btn{min-width:116px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.14)}.create-banner-upload-btn{border:2px solid var(--red);background:var(--red);color:#fff}.create-banner-remove-btn{border:2px solid #d2d2d2;background:#fff;color:#666}.create-banner-remove-btn:hover{border-color:#b91c1c;color:#b91c1c}@media (max-width:820px){.create-passage-banner-card{width:100%;max-width:none;height:130px}.create-passage-banner-actions{flex-direction:row;justify-content:flex-start}.create-passage-overview{grid-template-columns:1fr;gap:16px}}.create-publish-sidebar-btn{width:100%;border:2px solid var(--red);border-radius:10px;background:#fff;color:var(--red);font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:800;padding:11px 14px;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.create-publish-sidebar-btn.is-loading,.create-publish-sidebar-btn.is-success,.create-publish-sidebar-btn:hover{background:var(--red);border-color:var(--red);color:#fff}.create-publish-sidebar-btn.is-error{border-color:#c62828;color:#c62828;animation:createPublishShake .42s ease}.create-publish-status-icon{display:none;position:relative;flex:0 0 auto}.create-publish-success-svg{display:none}.create-publish-sidebar-btn.is-error .create-publish-status-icon,.create-publish-sidebar-btn.is-loading .create-publish-status-icon,.create-publish-sidebar-btn.is-success .create-publish-status-icon{display:inline-block}.create-publish-sidebar-btn.is-error .create-publish-label,.create-publish-sidebar-btn.is-loading .create-publish-label,.create-publish-sidebar-btn.is-success .create-publish-label{display:none}.create-publish-sidebar-btn.is-loading .create-publish-status-icon{width:22px;height:22px;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:createPublishSpin .72s linear infinite}.create-publish-sidebar-btn.is-error .create-publish-success-svg,.create-publish-sidebar-btn.is-loading .create-publish-success-svg{display:none}.create-publish-sidebar-btn.is-error .create-publish-status-icon{width:24px;height:24px;border:3px solid;border-radius:50%}.create-publish-sidebar-btn.is-error .create-publish-status-icon:after,.create-publish-sidebar-btn.is-error .create-publish-status-icon:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:3px;background:currentColor;border-radius:2px;transform-origin:center}.create-publish-sidebar-btn.is-error .create-publish-status-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.create-publish-sidebar-btn.is-error .create-publish-status-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.create-publish-sidebar-btn.is-success .create-publish-status-icon{width:26px;height:26px;border:0;border-radius:0;animation:none}.create-publish-sidebar-btn.is-success .create-publish-success-svg{display:block;width:26px;height:26px;overflow:visible;animation:createPublishPop .26s cubic-bezier(.2,1.2,.2,1)}.create-publish-success-check,.create-publish-success-circle{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.create-publish-success-circle{stroke-width:2.8;stroke-dasharray:114;stroke-dashoffset:114}.create-publish-success-check{stroke-width:4;stroke-dasharray:26;stroke-dashoffset:26}.create-publish-sidebar-btn.is-success .create-publish-success-circle{animation:createPublishCircleDraw .32s ease-out forwards}.create-publish-sidebar-btn.is-success .create-publish-success-check{animation:createPublishCheckDraw .28s cubic-bezier(.2,.9,.25,1) .18s forwards}@keyframes createPublishSpin{to{transform:rotate(1turn)}}@keyframes createPublishShake{0%,to{transform:translateX(0)}18%{transform:translateX(-7px)}36%{transform:translateX(7px)}54%{transform:translateX(-5px)}72%{transform:translateX(5px)}}@keyframes createPublishPop{0%{transform:scale(.82);opacity:.35}62%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes createPublishCircleDraw{to{stroke-dashoffset:0}}@keyframes createPublishCheckDraw{to{stroke-dashoffset:0}}.create-preview-sidebar-btn{width:100%;border:2px solid #d8d8d8;border-radius:10px;background:#fff;color:var(--black);font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:800;padding:11px 14px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.create-preview-sidebar-btn:hover{background:rgba(227,27,35,.06);border-color:rgba(227,27,35,.45);color:var(--red)}.create-preview-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(13,13,13,.48);padding:26px}.create-preview-modal.open{display:flex}body.create-preview-lock{overflow:hidden}.create-preview-window{width:min(1300px,calc(100vw - 8px));height:min(750px,calc(100vh - 40px));background:#fff;border:2px solid var(--black);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,.2)}.create-preview-topbar{height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;border-bottom:1px solid #ddd;background:#fff}.create-preview-title{font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:800}.create-preview-close{width:30px;height:30px;border:none;background:transparent;color:#111;font-size:28px;line-height:1;cursor:pointer}.create-preview-iframe{flex:1 1;width:100%;min-height:0;border:none;background:#fff}.create-preview-window-react{position:relative}.create-preview-window-react>.exam-window-titlebar{flex-shrink:0;border-radius:14px 14px 0 0;border-bottom-color:#ddd}.create-preview-window-react>.create-test-preview{flex:1 1;min-height:0;width:100%;overflow:auto}.create-preview-window-react>.exam-overlay.create-test-preview{position:relative;inset:auto;z-index:1;display:flex;height:100%;min-height:0;overflow:hidden}.create-preview-window-react.exam-contrast-warm>.exam-window-titlebar{background:#EAE3CF;border-bottom-color:#B8B09B}.create-preview-window-react.exam-contrast-dark>.exam-window-titlebar{background:#292D31;border-bottom-color:#696E73}.create-preview-window-react.exam-contrast-dark>.exam-window-titlebar .exam-window-title{color:#bbb}.create-preview-window-react.exam-contrast-white-black>.exam-window-titlebar,.create-preview-window-react.exam-contrast-yellow-black>.exam-window-titlebar{background:#000;border-bottom-color:#fff}.create-preview-window-react.exam-contrast-white-black>.exam-window-titlebar .exam-window-title,.create-preview-window-react.exam-contrast-yellow-black>.exam-window-titlebar .exam-window-title{color:#fff}.exam-overlay.reading-exam-react{display:flex}.exam-contrast-row.active .exam-contrast-check,.exam-text-size-row.active .exam-text-size-check{visibility:visible}.create-preview-passage-pane{display:flex;min-width:0;min-height:0;overflow:hidden}.create-preview-passage-pane>.exam-passage-panel{width:100%}.create-preview-question-pane{flex:none;min-width:0}.create-preview-empty-part{align-self:center;justify-self:center;margin-top:16px;color:#111;font:400 15px/1 Arial,Helvetica,sans-serif;white-space:nowrap}.create-preview-instructions{padding:24px 36px;font:16px/1.6 Arial,Helvetica,sans-serif}.create-test-preview .exam-header-icon,.reading-exam-react .exam-header-icon,.writing-exam-react .exam-header-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:4px;border:0;border-radius:4px;background:none;color:#111;cursor:pointer;overflow:hidden}.exam-hamburger>svg,.exam-header-icon>svg{display:block;flex:0 0 auto;overflow:hidden}.create-test-preview .exam-control-actions>svg:not(.exam-control-battery){width:21px;height:17px;margin-right:15px}.create-preview-question{margin-bottom:18px;font-size:15px}.create-preview-question strong{margin-right:8px}.create-preview-answer{display:block;width:180px;height:30px;margin-top:8px;border:1px solid #68a9c8;border-radius:3px;background:#fff}.create-field-group{display:flex;flex-direction:column;gap:6px}.create-top-fields-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;width:100%}.create-type-field{flex-direction:row;flex:0 1 44%}.create-source-field,.create-type-field{display:flex;align-items:center;gap:8px;min-width:0}.create-source-field{flex-direction:row;flex:1 1 56%}.create-label{font-family:Be Vietnam Pro,sans-serif;font-weight:700;white-space:nowrap;font-size:14px;color:var(--black)}.create-hint{font-size:13px;color:#999;margin:0}.create-input{font-family:Inter,sans-serif;font-size:14px;padding:10px 14px;border:1px solid #d4d4d4;border-radius:8px;outline:none;transition:border-color .2s;background:#fff;color:var(--black)}.create-input:focus{border-color:var(--red)}.create-input-short{width:80px}.create-textarea{font-family:Inter,sans-serif;font-size:14px;padding:10px 14px;border:1px solid #d4d4d4;border-radius:8px;outline:none;resize:none;overflow:hidden;transition:border-color .2s;line-height:1.6;background:#fff;color:var(--black)}.create-textarea:focus{border-color:var(--red)}.create-textarea-small{min-height:90px}.create-rich-editor{border:1px solid #d4d4d4;border-radius:12px;background:#fff;overflow:visible;position:relative;container-type:inline-size;--create-editor-control-size:32px;--create-editor-icon-size:16px;--create-editor-toolbar-gap:3px}.create-rich-editor-sm{--create-editor-control-size:25px;--create-editor-icon-size:14px;--create-editor-toolbar-gap:1px}.create-rich-editor-lg{min-height:260px}.create-editor-q-text{flex:1 1;overflow:visible;min-width:0}.create-editor-q-text .create-editor-toolbar{display:none}.create-rich-editor.create-editor-q-text .ProseMirror{min-height:36px;padding:6px 9px;font-size:14px;line-height:22px}.create-rich-editor.create-editor-q-text .ProseMirror p{margin:0}.create-editor-toolbar{display:flex;flex-direction:column;gap:6px;width:100%;max-width:100%;padding:6px 8px;box-sizing:border-box;background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top-left-radius:12px;border-top-right-radius:12px}.create-editor-toolbar,.create-editor-toolbar-react{position:-webkit-sticky;position:sticky;top:78px;z-index:20;align-items:center}.create-editor-toolbar-react{flex-direction:row;flex-wrap:nowrap;overflow:visible;justify-content:center;gap:var(--create-editor-toolbar-gap);white-space:nowrap;border-bottom:1px solid #ececec;scrollbar-width:thin}.create-editor-toolbar-react>*{align-self:center;flex:0 0 auto}.create-editor-toolbar-react>select{vertical-align:middle}.create-editor-toolbar-react-group{display:inline-flex;align-items:center;gap:var(--create-editor-toolbar-gap);min-height:var(--create-editor-control-size);padding:1px 2px;border-right:1px solid #e8e8e8;flex:0 0 auto}.create-editor-more-group,.create-editor-toolbar-react-group:has(+.create-editor-more-group){border-right:0}.create-editor-history-group{order:-1}.create-editor-more-popover{display:grid;grid-template-columns:repeat(4,32px);grid-auto-rows:32px;grid-gap:6px;gap:6px;width:max-content;min-width:0;max-width:none;box-sizing:content-box}.create-editor-react-menu.is-open .create-editor-more-popover{display:grid!important;grid-template-columns:repeat(4,32px)!important;width:max-content!important;max-width:none!important;grid-auto-rows:32px;grid-gap:6px;gap:6px}.create-editor-more-popover>button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border-radius:6px!important}.create-answer-box{display:inline-flex;width:80px;min-width:80px;height:24px;margin:0 3px;align-items:center;justify-content:center;border:1px solid #777;border-radius:2px;background:#fff;color:#222;font:600 13px Arial,sans-serif;vertical-align:middle}.create-editor-react-menu{position:relative;display:inline-flex;align-items:center;height:32px}.create-editor-toolbar-menu-button{display:inline-flex;align-items:center;gap:2px;width:auto!important;min-width:42px;padding:0 5px!important;align-self:center;line-height:1}.create-editor-toolbar-menu-button .create-editor-menu-chevron{font-size:15px}.create-editor-react-popover{position:absolute;top:calc(100% + 7px);left:0;display:none;align-items:center;gap:5px;padding:7px;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.14);z-index:100}.create-editor-react-menu.is-open .create-editor-react-popover{display:flex}.create-editor-react-menu:not(.is-open) .create-editor-react-popover{display:none!important}.create-editor-color-palette{display:grid;grid-template-columns:repeat(4,24px);grid-auto-rows:24px;grid-gap:5px;gap:5px;width:max-content}.create-editor-react-menu.is-open .create-editor-color-palette{display:grid!important}.create-editor-color-swatch{width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border:1px solid #c8c8c8!important;border-radius:4px!important}.create-editor-custom-color{position:relative;display:grid;place-items:center;width:24px;height:24px;border:1px solid #c8c8c8;border-radius:4px;background:#fff;color:#444;cursor:pointer}.create-editor-custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.create-editor-custom-color .create-editor-icon{font-size:16px}.create-editor-toolbar-react input[type=color],.create-editor-toolbar-react select{height:var(--create-editor-control-size);min-height:var(--create-editor-control-size);box-sizing:border-box;border:1px solid #d4d4d4;border-radius:6px;background:#fff;color:var(--black);font:600 12px Inter,sans-serif}.create-editor-toolbar-react select{padding:0 6px}.create-editor-toolbar-react input[type=color]{width:32px;padding:2px}.create-rich-editor-sm .create-editor-toolbar-react{padding:4px}.create-rich-editor-sm .create-editor-toolbar-react select{padding:0 3px;font-size:10px}.create-rich-editor-sm .create-editor-toolbar-react select[aria-label="Text style"]{width:72px}.create-rich-editor-sm .create-editor-toolbar-react select[aria-label="Font family"]{width:54px}.create-rich-editor-sm .create-editor-toolbar-react select[aria-label="Font size"]{width:48px}.create-rich-editor-sm .create-editor-toolbar-react input[type=color]{width:var(--create-editor-control-size)}.create-rich-editor-sm .create-editor-react-menu{height:var(--create-editor-control-size)}.create-rich-editor-sm .create-editor-toolbar-menu-button{min-width:30px;padding:0 2px!important}.create-rich-editor-sm .create-editor-toolbar-menu-button .create-editor-menu-chevron{font-size:12px}@container (max-width: 560px){.create-rich-editor{--create-editor-control-size:27px;--create-editor-icon-size:14px;--create-editor-toolbar-gap:1px}.create-rich-editor .create-editor-toolbar-react-group{padding-left:1px;padding-right:1px}}@container (max-width: 420px){.create-rich-editor{--create-editor-control-size:23px;--create-editor-icon-size:13px}.create-rich-editor .create-editor-toolbar-react{padding-left:3px;padding-right:3px}.create-rich-editor .create-editor-toolbar-react select{font-size:9px;padding-left:2px;padding-right:2px}.create-rich-editor .create-editor-toolbar-menu-button{min-width:28px;padding-left:1px!important;padding-right:1px!important}}.create-editor-toolbar-react button{width:var(--create-editor-control-size);height:var(--create-editor-control-size);min-height:var(--create-editor-control-size);padding:0;box-sizing:border-box;border:1px solid #d4d4d4;border-radius:6px;background:#fff;color:var(--black);font:600 12px Inter,sans-serif;cursor:pointer}.create-editor-toolbar-react button.is-active,.create-editor-toolbar-react button:hover{border-color:var(--red);color:var(--red);background:#fff8f8}.create-editor-toolbar-react button:not(:hover):not(.is-active){border-color:#d4d4d4;color:var(--black);background:#fff}.create-editor-toolbar-react button[data-tooltip]{position:relative}.create-editor-toolbar-react button[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-2px);opacity:0;pointer-events:none;z-index:100;white-space:nowrap;padding:5px 8px;border-radius:5px;background:#202124;color:#fff;font:500 11px Arial,sans-serif;transition:opacity .15s ease,transform .15s ease}.create-editor-toolbar-react button[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.create-editor-toolbar-react button[data-tooltip]:not(:hover):after,.create-rich-editor:has(.ProseMirror:hover) .create-editor-toolbar-react button[data-tooltip]:after{opacity:0!important;visibility:hidden!important;transform:translateX(-50%) translateY(-2px)!important}.create-rich-editor:has(.ProseMirror-focused) .create-editor-toolbar-react button[data-tooltip]:after{opacity:0!important;visibility:hidden!important;transform:translateX(-50%) translateY(-2px)}.create-rich-editor:has(.ProseMirror-focused) .create-editor-toolbar-react button[data-tooltip]:hover:after{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)}.create-rich-editor:has(.ProseMirror:hover) .create-editor-toolbar-react button[data-tooltip]:after{opacity:0!important;transform:translateX(-50%) translateY(-2px)!important}.create-editor-toolbar-groups{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;width:100%;min-width:0}.create-editor-toolbar-group{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:nowrap;flex:1 1 auto;max-width:100%;min-width:0;padding:3px 6px;border:1px solid #ececec;border-radius:10px;background:#fff}.create-editor-toolbar-group-compact{gap:2px}.create-editor-toolbar-group-type{gap:4px;min-width:0}.create-editor-button,.create-editor-color-input,.create-editor-popover-submit,.create-editor-select-wrap,.create-editor-table-action{min-height:28px;border:1px solid #d4d4d4;background:#fff;color:var(--black);border-radius:6px;font-family:Inter,sans-serif;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.create-editor-button,.create-editor-popover-submit,.create-editor-table-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:28px;padding:2px;font-size:12px;font-weight:700;cursor:pointer;aspect-ratio:1}.create-editor-button:hover,.create-editor-color-input:hover,.create-editor-popover-submit:hover,.create-editor-select-wrap:hover,.create-editor-table-action:hover{border-color:rgba(227,27,35,.34);background:#fff8f8}.create-editor-select-wrap:focus-within{border-color:rgba(227,27,35,.5);box-shadow:0 0 0 3px rgba(227,27,35,.12)}.create-editor-button.is-active{border-color:rgba(227,27,35,.42);background:rgba(227,27,35,.1);color:var(--red);box-shadow:inset 0 0 0 1px rgba(227,27,35,.06)}.create-editor-button:disabled,.create-editor-table-action:disabled{opacity:.45;cursor:not-allowed}.create-editor-button:focus-visible,.create-editor-color-input:focus-visible,.create-editor-popover-submit:focus-visible,.create-editor-select:focus-visible,.create-editor-table-action:focus-visible,.create-editor-table-popover .create-editor-popover-field input:focus-visible{outline:none;border-color:rgba(227,27,35,.5);box-shadow:0 0 0 3px rgba(227,27,35,.12)}.create-editor-icon,.create-editor-menu-chevron,.create-editor-select-chevron{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:var(--create-editor-icon-size,16px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.create-editor-menu-chevron,.create-editor-select-chevron{color:#8b8b8b;pointer-events:none}.create-editor-button.is-active .create-editor-icon,.create-editor-button.is-active .create-editor-menu-chevron{color:inherit}.create-editor-button-text{display:none}.create-editor-select-wrap{position:relative;display:inline-flex;align-items:center;min-width:0;overflow:hidden}.create-editor-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;color:var(--black);max-width:100%;min-width:0;min-height:28px;padding:0 16px 0 6px;font-size:11px;font-weight:700;outline:none;box-shadow:none}.create-editor-select-wrap-heading{width:100px}.create-editor-select-wrap-family{width:80px}.create-editor-select-wrap-size{width:60px}.create-editor-select-family,.create-editor-select-heading,.create-editor-select-size{width:100%}.create-editor-select-chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:16px}.create-editor-color-input{width:28px;padding:2px;cursor:pointer;aspect-ratio:1}.create-editor-menu{position:relative}.create-editor-menu-trigger{min-width:0;padding:3px 12px;height:28px;box-sizing:border-box;aspect-ratio:unset}.create-editor-menu-trigger .create-editor-menu-chevron{font-size:14px}.create-editor-menu-popover,.create-editor-table-popover{position:absolute;top:calc(100% + 8px);left:0;display:none;flex-wrap:wrap;gap:8px;min-width:176px;width:max-content;max-width:min(280px,calc(100vw - 32px));padding:12px;box-sizing:border-box;border:1px solid #e5ddd2;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(13,13,13,.12);z-index:80}.create-editor-menu.is-open .create-editor-menu-popover,.create-editor-table-tools.is-open .create-editor-table-popover{display:flex}.create-editor-menu-popover .create-editor-button{min-width:34px}.create-editor-menu-row{width:100%;display:flex;align-items:center;gap:8px}.create-editor-menu-row .create-editor-select,.create-editor-menu-row .create-editor-select-wrap{width:100%}.create-editor-host{min-height:220px}.create-editor-q-text .create-editor-host{min-height:0}.create-rich-editor.is-editor-error{border-color:rgba(211,47,47,.45);background:#fff8f8}.create-editor-runtime-error{min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px 16px;color:#b42318;font-size:14px;line-height:1.6}.create-editor-runtime-error strong{font-family:Be Vietnam Pro,sans-serif;font-size:15px}.create-rich-editor .ProseMirror{min-height:220px;max-width:100%;padding:14px 16px;font-family:Arial,sans-serif;font-size:16px;line-height:1.38;outline:none;white-space:pre-wrap;word-break:break-word;overflow-x:hidden}.create-rich-editor .ProseMirror-focused{box-shadow:inset 0 0 0 2px rgba(227,27,35,.08);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.create-rich-editor .ProseMirror [data-resize-container]{display:flex;margin:8px 0}.create-rich-editor .ProseMirror [data-resize-container],.create-rich-editor .ProseMirror [data-resize-wrapper]{flex:0 1 auto;width:-moz-fit-content;width:fit-content;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.create-rich-editor .ProseMirror [data-resize-wrapper]{position:relative;display:block;line-height:0}.create-rich-editor .ProseMirror [data-resize-wrapper] img{display:block;max-width:100%!important;width:auto;height:auto;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.create-rich-editor .ProseMirror [data-resize-handle]{z-index:2;width:12px;height:12px;box-sizing:border-box;border:2px solid var(--red,#e31b23);border-radius:50%;background:#fff;opacity:0;pointer-events:none;transition:opacity .12s ease}.create-rich-editor .ProseMirror [data-resize-container].ProseMirror-selectednode [data-resize-handle],.create-rich-editor .ProseMirror [data-resize-container]:hover [data-resize-handle]{opacity:1;pointer-events:auto}.create-rich-editor .ProseMirror [data-resize-handle=top-left]{transform:translate(-50%,-50%);cursor:nwse-resize}.create-rich-editor .ProseMirror [data-resize-handle=top-right]{transform:translate(50%,-50%);cursor:nesw-resize}.create-rich-editor .ProseMirror [data-resize-handle=bottom-left]{transform:translate(-50%,50%);cursor:nesw-resize}.create-rich-editor .ProseMirror [data-resize-handle=bottom-right]{transform:translate(50%,50%);cursor:nwse-resize}.create-rich-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9a9a9a;pointer-events:none;height:0}.create-rich-editor .ProseMirror h1,.create-rich-editor .ProseMirror h2,.create-rich-editor .ProseMirror h3{font-family:Inter,sans-serif;line-height:1.25;margin:0}.create-rich-editor .ProseMirror h1{font-size:2em}.create-rich-editor .ProseMirror h2{font-size:1.6em}.create-rich-editor .ProseMirror h3{font-size:1.3em}.create-rich-editor .ProseMirror p{margin:0}.create-rich-editor .ProseMirror blockquote,.create-rich-editor .ProseMirror h1,.create-rich-editor .ProseMirror h2,.create-rich-editor .ProseMirror h3,.create-rich-editor .ProseMirror li,.create-rich-editor .ProseMirror ol,.create-rich-editor .ProseMirror p,.create-rich-editor .ProseMirror pre,.create-rich-editor .ProseMirror table,.create-rich-editor .ProseMirror ul{margin-top:0!important;margin-bottom:0!important}.create-rich-editor .ProseMirror ol,.create-rich-editor .ProseMirror ul{padding-left:1.5em}.create-rich-editor .ProseMirror li>p{margin:0!important}.create-rich-editor .ProseMirror p:empty,.create-rich-editor .ProseMirror p:has(>br.ProseMirror-trailingBreak:only-child),.create-rich-editor .ProseMirror p:has(>br:only-child){min-height:1.38em}.create-rich-editor .ProseMirror blockquote{border-left:4px solid rgba(227,27,35,.35);padding-left:12px;color:#444}.create-rich-editor .ProseMirror pre{background:#111;color:#f7f7f7;padding:12px;border-radius:10px;overflow-x:auto}.create-rich-editor .ProseMirror hr{border:none;border-top:2px solid #d0d0d0;margin:14px 0}.create-rich-editor .ProseMirror a{color:var(--red);text-decoration:underline}.create-rich-editor .ProseMirror [data-indent="1"]{margin-left:3em}.create-rich-editor .ProseMirror [data-indent="2"]{margin-left:6em}.create-rich-editor .ProseMirror [data-indent="3"]{margin-left:9em}.create-rich-editor .ProseMirror [data-indent="4"]{margin-left:12em}.create-rich-editor .ProseMirror [data-indent="5"]{margin-left:15em}.create-rich-editor .ProseMirror [data-indent="6"]{margin-left:18em}.create-rich-editor .ProseMirror [data-indent="7"]{margin-left:21em}.create-rich-editor .ProseMirror [data-indent="8"]{margin-left:24em}.create-rich-editor .tableWrapper{overflow-x:auto;margin:10px 0}.create-rich-editor .ProseMirror table{border-collapse:collapse;width:max-content;min-width:100%;table-layout:fixed}.create-rich-editor .ProseMirror td,.create-rich-editor .ProseMirror th{border:1px solid #999;min-width:72px;padding:8px 10px;vertical-align:top;position:relative}.create-rich-editor .ProseMirror th{background:#f6f4ef;font-weight:700}.create-rich-editor .ProseMirror .selectedCell:after{content:"";position:absolute;inset:0;background:rgba(227,27,35,.12);pointer-events:none}.create-rich-editor .ProseMirror .column-resize-handle{position:absolute;top:0;right:-2px;width:4px;bottom:-2px;background:rgba(227,27,35,.55);pointer-events:none}.create-editor-table-tools{position:relative}.create-editor-table-popover{flex-direction:column;width:min(248px,calc(100vw - 32px));max-width:min(248px,calc(100vw - 32px))}.create-editor-table-tools.is-open .create-editor-table-popover{display:flex}.create-editor-popover-title,.create-editor-table-menu-title{font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:800;color:#6c6256;text-transform:uppercase;letter-spacing:.05em}.create-editor-popover-check,.create-editor-popover-field,.create-editor-table-color{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#444}.create-editor-popover-field input,.create-editor-table-color input{min-height:26px;min-width:26px;width:26px;height:26px;padding:2px;border:1px solid #d4d4d4;border-radius:6px;cursor:pointer;box-sizing:border-box}.create-editor-popover-check span,.create-editor-popover-field span,.create-editor-table-color span{font-family:Inter,sans-serif;font-size:12px;font-weight:700}.create-editor-table-popover .create-editor-popover-field{gap:14px}.create-editor-table-popover .create-editor-popover-field span{font-size:12px;font-weight:700}.create-editor-table-popover .create-editor-popover-field input{width:76px;min-height:36px;padding:0 8px;border:1px solid #d4d4d4;border-radius:10px;font-size:15px;font-weight:700;text-align:center;color:var(--black);background:#fff}.create-editor-table-popover .create-editor-popover-field input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(227,27,35,.08)}.create-editor-table-menu{display:none;width:100%;max-width:100%;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 10px 10px;box-sizing:border-box}.create-editor-table-action{max-width:100%;white-space:normal;word-break:break-word}@media (max-width:820px){.create-editor-toolbar{top:72px;padding:7px}.create-editor-toolbar-groups{gap:5px}.create-editor-toolbar-group{gap:3px;padding:2px;flex-wrap:wrap}.create-editor-select-wrap-heading{width:98px}.create-editor-select-wrap-family{width:108px}.create-editor-select-wrap-size{width:68px}}.create-sidebar-status{margin-top:12px;padding-top:12px;border-top:1px solid #fff;display:flex;flex-direction:column;gap:4px}.create-draft-status,.create-form-message{font-size:12px;font-weight:600;color:#666;line-height:1.4}.create-draft-status.is-saving{color:#8b5e00}.create-draft-status.is-saved,.create-draft-status.is-synced{color:#2e7d32}.create-draft-status.is-saving{color:#b77900}.create-draft-status.is-conflict,.create-draft-status.is-error{color:#c62828}.create-draft-status.is-offline,.create-draft-status.is-unsaved{color:#b77900}.create-draft-status.is-error,.create-form-message.is-error{color:#c62828}.create-form-message.is-success{color:#2e7d32}.create-form-admin-detail{margin-top:6px;white-space:pre-wrap;font-size:11px;line-height:1.35;font-weight:500;color:#8b1a1a}.create-type-details{border:1px solid #ececec;border-radius:10px;background:#fff;padding:14px;display:none;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.create-type-details.active{display:flex}.create-type-details>.create-detail-field,.create-type-details>.create-field-group{margin-top:0;margin-bottom:0}.create-detail-field{display:none}.create-detail-field.active{display:flex;width:100%;min-width:0;align-self:stretch}.create-qg-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);grid-gap:12px;gap:12px;align-items:end}.create-qg-limit{display:none}.create-qg-limit.active{display:flex}.create-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:Inter,sans-serif;font-size:14px;min-height:42px;padding:10px 42px 10px 14px;border:2px solid #d8d8d8;border-radius:10px;outline:none;background:linear-gradient(45deg,transparent 50%,#777 0) calc(100% - 19px) 50% /6px 6px no-repeat,linear-gradient(135deg,#777 50%,transparent 0) calc(100% - 14px) 50% /6px 6px no-repeat,#fff;color:var(--black);cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s}.create-select,.create-select-light{font-weight:400}.create-select:hover{border-color:#bdbdbd;background-color:#fff}.create-select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(227,27,35,.1)}.create-source-field .create-select{width:170px;min-height:36px;padding:6px 42px 6px 12px;flex-shrink:0}.create-source-extras{display:flex;gap:6px;flex:1 1;min-width:0}.create-source-extras .create-input,.create-source-extras .create-select{flex:1 1;min-width:0;margin:0}.create-source-extras .create-select{width:auto;min-height:36px;padding:6px 42px 6px 12px}.create-source-other{flex:0 1 190px;max-width:220px}.create-source-number,.create-source-test{max-width:none;flex:1 1 96px}.create-radio-group{display:flex;gap:16px}.create-passage-type-toggle{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0}.create-type-button{position:relative;flex:1 1;height:36px;min-width:160px;padding:0 24px;display:flex;align-items:center;justify-content:center;border:2px solid #d8d8d8;border-radius:10px;background:#fff;color:#555;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:800;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.create-type-button input{position:absolute;opacity:0;pointer-events:none}.create-type-button.active,.create-type-button:has(input:checked){border-color:var(--red);background:rgba(227,27,35,.08);color:var(--red)}.create-radio{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer;color:var(--black)}.create-radio input{display:none}.create-radio-dot{width:18px;height:18px;border:2px solid #ccc;border-radius:50%;position:relative;transition:border-color .2s}.create-radio input:checked+.create-radio-dot{border-color:var(--red)}.create-radio input:checked+.create-radio-dot:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background:var(--red);border-radius:50%}.create-section-divider{height:1px;background:#e0e0e0;margin:8px 0}.create-ai-sparkle{width:15px;height:15px;flex:0 0 15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2l1.7 5.2L19 9l-5.3 1.8L12 16l-1.7-5.2L5 9l5.3-1.8L12 2zm6.3 11.7l.8 2.4 2.4.8-2.4.8-.8 2.4-.8-2.4-2.4-.8 2.4-.8.8-2.4zM5.8 14l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2l1.7 5.2L19 9l-5.3 1.8L12 16l-1.7-5.2L5 9l5.3-1.8L12 2zm6.3 11.7l.8 2.4 2.4.8-2.4.8-.8 2.4-.8-2.4-2.4-.8 2.4-.8.8-2.4zM5.8 14l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z'/%3E%3C/svg%3E") center /contain no-repeat}.create-ai-explain-btn.is-loading{opacity:1}.create-ai-explain-btn.is-loading:hover{background:#fff;color:#e31b23}.create-ai-explain-spinner{width:14px;height:14px;border:2px solid rgba(227,27,35,.22);border-top-color:#e31b23;border-radius:50%;animation:createAiExplainSpin .75s linear infinite}.create-ai-explain-status{display:none;flex:0 0 100%;margin-top:-6px;color:#777;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:1.35;text-align:right}.create-ai-explain-status.is-active{display:block}.create-ai-explain-status.is-success{color:#2e7d32}.create-ai-explain-status.is-error{color:#c62828}@keyframes createAiExplainSpin{to{transform:rotate(1turn)}}.create-explanations-card{border:1px solid #e4e4e4;border-radius:12px;background:#fff;overflow:hidden}.create-explanations-grid{display:flex;flex-direction:column}.create-explanations-grid-header{display:grid;grid-template-columns:86px minmax(0,1fr);min-height:38px;background:#f7f7f7;border-bottom:1px solid #e4e4e4;color:#333;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.create-explanations-grid-header>div{display:flex;align-items:center;justify-content:center;padding:0 12px}.create-explanations-grid-header>div:first-child{justify-content:center;border-right:1px solid #e4e4e4}.create-explanation-row{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:stretch;border-top:1px solid #ededed}.create-explanation-row:first-child{border-top:0}.create-explanation-number{display:flex;align-items:center;justify-content:center;background:#fafafa;border-right:1px solid #ededed;color:#444;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.create-explanation-editor{min-width:0;border:0;border-radius:0;background:#fff}.create-explanation-editor .create-editor-toolbar{display:none;position:static;border-radius:0;border-bottom:1px solid #eeeeee;background:#fbfbfb;padding:5px 8px}.create-explanation-editor.is-toolbar-open .create-editor-toolbar,.create-explanation-editor:focus-within .create-editor-toolbar{display:flex}.create-explanation-editor .ProseMirror,.create-explanation-editor .create-editor-host{min-height:58px}.create-explanation-editor .ProseMirror{padding:18px 12px;font-family:Inter,sans-serif;font-size:14px;line-height:1.45}.create-explanation-editor .ProseMirror blockquote,.create-explanation-editor .ProseMirror ol,.create-explanation-editor .ProseMirror p,.create-explanation-editor .ProseMirror pre,.create-explanation-editor .ProseMirror ul{margin-top:0;margin-bottom:0}.create-explanation-editor .ProseMirror-focused{box-shadow:inset 0 0 0 2px rgba(227,27,35,.08);border-radius:0}.create-question-group{background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.create-question-groups-container .create-question-group:first-child{margin-top:14px}.create-question-group+.create-question-group{margin-top:10px}.create-qg-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:12px}.create-qg-title{font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:15px;color:var(--black)}.create-qg-remove{font-size:13px;font-weight:600;color:#c62828;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.create-qg-remove:hover{background:rgba(198,40,40,.08)}.create-question-group.collapsed{padding:16px 20px;gap:0;background:#fff}.create-question-group.collapsed>:not(.create-qg-header){display:none}.create-question-group.collapsed .create-qg-title{color:#777}.create-range-row{display:flex;align-items:center;gap:8px}.create-range-sep{font-size:16px;color:#999}.create-questions-list{display:flex;flex-direction:column;gap:8px}.create-question-row{display:flex}.create-question-card{gap:6px;padding:7px;border:1px solid #ececec}.create-question-main{display:flex}.create-q-num{font-weight:600;min-width:30px;padding-left:12px}.create-question-card .create-q-num{padding-left:26px}.create-input-q{flex:1 1}.create-input-answer{width:160px}.create-input-answer-wide{width:min(360px,100%)}.create-answer-order{color:#555;font-weight:600;min-width:70px}.create-question-group[data-editor-type=diagram_label] .create-add-q-btn,.create-question-group[data-editor-type=flow_chart] .create-add-q-btn,.create-question-group[data-editor-type=matching_headings] .create-add-q-btn,.create-question-group[data-editor-type=matching_headings] .create-questions-list,.create-question-group[data-editor-type=note_completion] .create-add-q-btn,.create-question-group[data-editor-type=sentence_completion] .create-add-q-btn,.create-question-group[data-editor-type=summary_completion] .create-add-q-btn,.create-question-group[data-editor-type=summary_completion_box] .create-add-q-btn,.create-question-group[data-editor-type=table_completion] .create-add-q-btn{display:none}.create-questions-list.empty-template:before{content:attr(data-empty-template-text);color:#999;font-size:13px}.create-question-group[data-editor-type=matching_sentence_endings] .create-questions-list.empty-template:before{content:none}.create-choice-list,.create-option-list{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}.create-choice-row,.create-option-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;grid-gap:8px;gap:8px;width:100%;min-width:0;box-sizing:border-box}.create-choice-row .create-input,.create-option-row .create-input{width:100%;min-width:0}.create-option-row.heading-row{grid-template-columns:34px minmax(0,1fr) 150px auto}.create-choice-letter,.create-option-key{justify-content:center;border:1px solid #d8d8d8;border-radius:6px;background:#fafafa;font-weight:700}.create-choice-correct,.create-choice-letter,.create-option-key{display:inline-flex;align-items:center;color:#555;font-size:13px}.create-choice-correct{gap:6px;min-width:80px;cursor:pointer}.create-choice-correct input,.create-question-group input[type=checkbox],.create-question-group input[type=radio]{accent-color:var(--red)}.create-heading-answer{width:100%;min-width:120px}.create-mini-btn{align-self:flex-start;border:1px dashed #cfcfcf;background:#fff;color:#555;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600;cursor:pointer}.create-mini-btn:hover{border-color:var(--red);color:var(--red)}.create-tags{display:flex;flex-wrap:wrap;gap:8px;min-height:34px}.create-tags-input{align-items:center;min-height:42px;padding:5px 8px;border:1px solid var(--line);border-radius:10px;background:#fff}.create-tags-input:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(228,31,38,.12)}.create-tags-input .create-input{flex:1 1 160px;min-width:140px;height:30px;min-height:30px;padding:0 4px;border:0;border-radius:0;background:transparent;box-shadow:none}.create-tags-input .create-input:focus{outline:0;border-color:transparent;box-shadow:none}.create-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #d8d8d8;border-radius:999px;background:#fafafa;font-size:13px;color:#333}.create-question-group[data-editor-type=summary_completion_box] .create-tag{min-height:30px;padding:4px 10px;border-radius:4px;background:#fff;border-color:#cfcfcf;color:var(--black);font-weight:700;line-height:1.2}.create-tag button{border:0;background:none;cursor:pointer;color:#999;font-size:15px;line-height:1}.create-tag-entry{display:flex;gap:8px}.create-tag-entry .create-input{flex:1 1}@media (max-width:760px){.create-qg-controls{grid-template-columns:1fr}.create-choice-row,.create-option-row{grid-template-columns:30px minmax(0,1fr) auto}.create-choice-row .create-q-remove,.create-option-row .create-q-remove{grid-column:2/4;justify-self:start}}.create-q-remove{font-size:18px;color:#999;background:none;border:none;cursor:pointer;padding:4px;line-height:1}.create-q-remove:hover{color:#c62828}.create-question-group{--create-q-field-height:36px;--create-q-field-border:#d4d4d4;--create-q-field-radius:8px;--create-q-field-pad-x:10px;--create-q-font:14px}.create-question-group .create-input,.create-question-group .create-select,.create-question-group textarea.create-input{min-height:var(--create-q-field-height);height:var(--create-q-field-height);padding:6px var(--create-q-field-pad-x);border:1px solid var(--create-q-field-border);border-radius:var(--create-q-field-radius);background-color:#fff;font-family:Inter,sans-serif;font-size:var(--create-q-font);font-weight:400;line-height:22px;box-sizing:border-box}.create-mi-question-text,.create-question-group textarea.create-input,.create-question-textarea{height:auto;resize:none;overflow:hidden}.create-question-group .create-select{padding-right:34px;background:linear-gradient(45deg,transparent 50%,#777 0) calc(100% - 17px) 50% /6px 6px no-repeat,linear-gradient(135deg,#777 50%,transparent 0) calc(100% - 12px) 50% /6px 6px no-repeat,#fff}.create-question-group .create-rich-editor.create-editor-q-text{min-height:var(--create-q-field-height);border:1px solid var(--create-q-field-border);border-radius:var(--create-q-field-radius);background:#fff}.create-question-group .create-rich-editor.create-editor-q-text .ProseMirror{min-height:calc(var(--create-q-field-height) - 2px);padding:6px var(--create-q-field-pad-x);font-family:Inter,sans-serif;font-size:var(--create-q-font);line-height:22px;box-sizing:border-box}.create-question-row{display:grid;grid-template-columns:34px minmax(0,1fr) 170px 30px;align-items:center;grid-gap:8px;gap:8px;width:100%;min-height:var(--create-q-field-height)}.create-question-group[data-editor-type=diagram_label] .create-question-row,.create-question-group[data-editor-type=flow_chart] .create-question-row,.create-question-group[data-editor-type=map_plan_label] .create-question-row,.create-question-group[data-editor-type=note_completion] .create-question-row,.create-question-group[data-editor-type=sentence_completion] .create-question-row,.create-question-group[data-editor-type=short_answer] .create-question-row,.create-question-group[data-editor-type=summary_completion] .create-question-row,.create-question-group[data-editor-type=summary_completion_box] .create-question-row,.create-question-group[data-editor-type=summary_completion_passage] .create-question-row,.create-question-group[data-editor-type=table_completion] .create-question-row{grid-template-columns:34px 110px minmax(180px,260px)}.create-q-num{min-width:0;padding-left:0;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#666}.create-input-answer,.create-input-answer-wide,.create-input-q{width:100%;min-width:0}.create-input-answer-wide.create-select,.create-input-answer.create-select,.create-question-group .create-select,.create-select,.create-source-extras .create-select,.create-source-field .create-select{font-weight:400;text-shadow:.35px 0 currentColor,-.35px 0 currentColor}.create-question-group .create-select option,.create-select option,.create-source-extras .create-select option,.create-source-field .create-select option{font-weight:400;text-shadow:none}.create-answer-order{min-width:0;color:#666;font-family:Inter,sans-serif;font-size:13px;font-weight:700}.create-answer-variants-note{margin-top:-2px;color:#8a8a8a;font-family:Inter,sans-serif;font-size:12px;line-height:1.45}.create-question-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;min-height:0}.create-question-main{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;grid-gap:8px;gap:8px}.create-test-layout .create-question-main{grid-template-columns:34px minmax(0,1fr) 30px}.create-test-layout .create-question-main .create-q-num{width:34px;min-width:34px;padding-left:0;box-sizing:border-box;text-align:center;justify-self:center}@media (max-width:820px){.create-test-layout .create-question-main{grid-template-columns:30px minmax(0,1fr) 30px}.create-test-layout .create-question-main .create-q-num{width:30px;min-width:30px}}.create-choice-row,.create-option-row{min-height:var(--create-q-field-height);align-items:center}.create-choice-row,.create-option-row,.create-option-row.heading-row{grid-template-columns:34px minmax(0,1fr) 150px 30px}.create-choice-letter,.create-option-key{width:30px;height:30px;border-radius:8px;font-family:Inter,sans-serif}.create-choice-correct{min-width:0;justify-content:center;font-family:Inter,sans-serif}.create-question-card .create-choice-list{width:100%}.create-question-card .create-question-main .create-q-num{position:relative;top:10px;transform:translateX(10px)}.create-question-card .create-choice-row{grid-template-columns:42px minmax(0,1fr) auto 30px;width:100%;padding-left:8px}.create-question-card .create-add-choice{align-self:flex-start;margin-left:42px}.create-mi-remove-question,.create-q-remove,.create-row-remove{width:30px;height:30px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.create-mi-question-row{grid-template-columns:34px minmax(0,1fr) 170px 30px;gap:8px;padding:0;border:0;background:transparent;min-height:var(--create-q-field-height)}.create-mi-question-number{font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#666}.create-mi-answer,.create-mi-question-text{min-height:var(--create-q-field-height);height:var(--create-q-field-height);padding:6px var(--create-q-field-pad-x);border:1px solid var(--create-q-field-border);border-radius:var(--create-q-field-radius);font-family:Inter,sans-serif;font-size:var(--create-q-font);line-height:22px;box-sizing:border-box;background:#fff}.create-add-q-btn{font-size:13px;font-weight:600;color:var(--red);background:none;border:1px dashed var(--red);border-radius:8px;padding:10px;cursor:pointer;transition:background .2s}.create-add-q-btn:hover{background:rgba(227,27,35,.06)}.create-add-group-btn{width:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--red);background:none;border:2px solid var(--red);border-radius:12px;padding:8px 14px;cursor:pointer;margin-top:14px;transition:background .2s}.create-add-group-btn:hover{background:rgba(227,27,35,.06)}.create-form-actions{display:flex;gap:12px;justify-content:flex-end}.create-btn{font-family:Inter,sans-serif;font-weight:700;font-size:14px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.create-btn-primary{background:var(--red);color:#fff}.create-btn-primary:hover{background:#c0141f}.create-btn-secondary{background:#f0f0f0;color:#555}.create-btn-secondary:hover{background:#e0e0e0}@media (max-width:820px){.create-skill-tabs{max-width:calc(100vw - 112px);justify-content:flex-start}.create-skill-tab{min-width:104px}.create-reading-builder,.create-reading-builder.is-full-test{flex-direction:column;align-items:stretch;gap:18px}.create-reading-sidebar{width:100%;flex-basis:auto;position:static}.create-reading-builder.is-full-test .create-reading-sidebar{flex-direction:row;overflow-x:auto}.create-passage-nav{min-width:180px}.create-passage-type-toggle{width:100%}.create-type-button{flex:1 1;min-width:0}.create-source-field,.create-top-fields-row,.create-type-field{flex-direction:column;align-items:stretch}.create-source-field,.create-type-field{min-width:0}}.auth-page{padding-top:72px}.auth-main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px}.auth-step{display:none;width:100%;max-width:500px;position:relative}#step-email{display:block}.auth-step.fade-in{display:block;animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-q{font-family:Be Vietnam Pro,sans-serif;font-size:28px;font-weight:800;line-height:1.35;margin-bottom:4px}.auth-email-prompt,.auth-q{color:var(--black)}.auth-email-highlight,.auth-password-highlight{color:var(--red);font-size:48px;font-weight:800}.app-error-page{height:calc(100vh - 72px);min-height:0;max-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;grid-gap:clamp(0px,1.5vw,24px);gap:clamp(0px,1.5vw,24px);padding:0 clamp(24px,6vw,96px);background:var(--bone);overflow:hidden}.app-error-content{width:min(720px,56vw);align-self:center;justify-self:start;transform:translateX(-20vw);display:flex;flex-direction:column;align-items:center;text-align:center}.app-error-visual{height:100%;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.app-error-image{display:block;width:auto;height:min(104%,1040px);max-width:none;transform:translateX(-10vw);object-fit:contain;object-position:top center}.app-error-content h1{margin-top:8px;color:var(--red);font-size:clamp(36px,4.3vw,52px);font-weight:900;line-height:1.05;white-space:nowrap;text-align:center}.app-error-message{max-width:420px;margin:12px auto 24px;color:var(--black);font-size:clamp(18px,2vw,22px);font-weight:800;text-align:center}.app-error-admin{max-width:440px;margin:-12px auto 14px;color:#555;font-size:15px;text-align:center}.app-error-code{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1.5px solid var(--red);border-radius:8px;background:#fff;color:#555;font-size:13px;white-space:nowrap;cursor:pointer;font:inherit}.app-error-code code{margin-left:6px;color:var(--black);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.app-error-code:disabled{cursor:not-allowed;opacity:.72}.app-error-details{width:100%;margin:0 auto 20px;padding:14px 16px;border:1px solid #e5b0b0;border-radius:10px;background:rgba(255,255,255,.72);color:var(--black);text-align:left}.app-error-details h2{margin:0 0 10px;color:var(--red);font-size:16px}.app-error-details dd,.app-error-details dl{margin:0}.app-error-details dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:8px;gap:8px;margin-top:5px;font-size:12px}.app-error-details dt{color:#777;font-weight:700}.app-error-details dd{overflow-wrap:anywhere}.app-error-home{background:var(--red);border:1.5px solid var(--red);color:#fff!important;font-weight:800}.app-error-home svg{flex:0 0 auto}.app-error-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.auth-q-inline{white-space:nowrap}.auth-q-muted{color:#444}.auth-q-sub{font-family:Be Vietnam Pro,sans-serif;font-size:20px;font-weight:700;color:#444;line-height:1.4;margin-top:8px}.auth-hint{font-family:Inter,sans-serif;font-size:14px;color:#999;margin-top:6px;line-height:1.4}.auth-field{display:flex;gap:10px;align-items:center;margin-top:10px}.auth-input{flex:1 1;font-family:Inter,sans-serif;font-size:16px;padding:14px 16px;border:2px solid #e0e0e0;border-radius:14px;outline:none;color:var(--black);background:#fff;transition:border-color .2s}.auth-input:focus{border-color:var(--red)}.auth-input::placeholder{color:#bbb}.auth-input-counter{flex:1 1;position:relative}.auth-input-counter .auth-input{width:100%;box-sizing:border-box;padding-right:44px}.char-counter{position:absolute;right:14px;bottom:16px;font-size:12px;color:#ccc;font-family:Inter,sans-serif;font-weight:500;pointer-events:none}.auth-password-wrap{flex:1 1;position:relative}.auth-password-wrap .auth-input{width:100%;padding-right:44px}.auth-password-wrap .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999;padding:6px;display:flex;align-items:center;transition:color .2s}.auth-password-wrap .password-toggle:hover{color:var(--black)}.auth-send{height:48px;width:48px;min-width:48px;padding:0;border:none;border-radius:14px;background:var(--red);color:#fff;font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:22px;font-weight:800;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0}.auth-main .auth-send-icon{display:none}.auth-main .auth-send:before{content:"→";display:block;font-size:22px;font-weight:800;line-height:1}.auth-main .auth-password-send:before,.auth-main .auth-send.is-loading:before{display:none}.auth-send-icon{width:21px;height:21px;fill:currentColor;stroke:none;transform:translate(-1px,-1px) rotate(-45deg)}.auth-lock-icon{width:21px;height:21px;color:currentColor}.auth-button-spinner{width:19px;height:19px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:authButtonSpin .7s linear infinite}@keyframes authButtonSpin{to{transform:rotate(1turn)}}.auth-send:hover:not(:disabled){opacity:.85}.auth-send:disabled{opacity:.6;cursor:not-allowed}.btn-loader{display:flex;align-items:center}.auth-error{font-size:13px;color:var(--red);margin-top:10px;margin-bottom:12px;display:none}.auth-step .auth-error[role=alert]{display:block;min-height:20px}.auth-step:first-child .auth-error[role=alert]{margin-top:2px}.auth-forgot{display:inline-block;font-size:13px;color:#999;text-decoration:none;margin-top:16px;cursor:default}.auth-forgot-msg{font-size:13px;color:#999;margin-top:6px;display:none}.success-animation{display:flex;justify-content:center;margin:40px 0 16px}.success-circle-bg{stroke-dasharray:226;stroke-dashoffset:226}.success-circle.animate .success-circle-bg{animation:drawCircle .5s ease forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}.success-check{stroke-dasharray:60;stroke-dashoffset:60}.success-check.animate{animation:drawCheck .4s ease .4s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-text{text-align:center;font-size:22px}.success-text .highlight-lg{font-size:48px}.auth-success-step{text-align:center}.auth-success-icon{width:88px;height:88px;margin:0 auto 24px;color:#2f9e44}.auth-success-icon svg{display:block;width:100%;height:100%;overflow:visible}.auth-success-circle{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-dasharray:195;stroke-dashoffset:195;animation:authSuccessCircle .55s ease-out forwards}.auth-success-check{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:46;stroke-dashoffset:46;animation:authSuccessCheck .42s ease-out .42s forwards}@keyframes authSuccessCircle{to{stroke-dashoffset:0}}@keyframes authSuccessCheck{to{stroke-dashoffset:0}}.auth-success-subtitle{margin:4px 0 0;color:var(--red);font-family:Be Vietnam Pro,sans-serif;font-size:42px;font-weight:800}.confetti-container{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.confetti{position:absolute;width:12px;height:12px;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0;filter:saturate(1.3) brightness(1.1)}@keyframes confettiBurst{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--r)) scale(.4)}}.profile-page{padding-top:72px;overflow:hidden;height:100vh}.profile-layout,.profile-page .profile-layout{display:flex;flex:1 1;min-height:0;gap:32px;margin-top:40px;padding:0 24px 40px}.profile-sidebar{width:280px;flex-shrink:0}.profile-user-card{background:#f7e7da;border:2px solid #f3c0b9;border-radius:18px;padding:24px;text-align:center}.profile-sidebar-avatar{width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;font-family:Be Vietnam Pro,sans-serif;font-size:28px;font-weight:800;margin:0 auto 12px}.profile-sidebar-avatar,.profile-user-name-row{display:flex;align-items:center;justify-content:center}.profile-user-name-row{gap:8px;margin-bottom:4px}.profile-user-name{font-family:Be Vietnam Pro,sans-serif;font-size:18px;font-weight:800}.profile-role-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase}.profile-role-badge.admin{background:var(--red);color:#fff}.profile-role-badge.member{background:transparent;color:#666;padding:0}.role-tag{display:inline-flex;align-items:center;min-height:22px;padding:3px 9px;border-radius:6px;color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:800;line-height:1;letter-spacing:.3px}.role-tag-member{background:var(--black)}.role-tag-admin{background:#9e1117}.role-tag-teacher{background:var(--red)}.role-tag-student{background:#218739}.role-tag-vip{background:linear-gradient(135deg,#7c3aed,#2563eb 52%,#06b6d4)}.role-tag-staff{background:#0000ff}.profile-user-email{font-size:13px;color:#888;word-break:break-all}.profile-divider{border:none;border-top:2px solid #e0c8b8;margin:28px 0}.profile-tabs{flex-direction:column;gap:4px}.profile-tab,.profile-tabs{display:flex;text-align:left}.profile-tab{align-items:center;gap:10px;width:100%;padding:12px 16px;border:2px solid transparent;border-radius:12px;background:none;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:var(--black);cursor:pointer;transition:all .15s}.profile-tab:hover{background:#f5f5f5}.profile-tab.active{background:#fff;border-color:var(--red)}.profile-tab-danger.active{border-color:var(--red);color:var(--red)}.profile-tab-danger.active svg{stroke:var(--red)}.profile-content{flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:2px solid var(--black);border-radius:18px;padding:32px;min-width:0}.profile-panel{display:none}.profile-panel.active{display:flex;flex-direction:column;min-height:0}.profile-panel-title{font-family:Be Vietnam Pro,sans-serif;font-size:24px;font-weight:800;margin:0 0 24px}.panel-title-danger{color:var(--red)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.stat-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:14px;padding:24px;text-align:center}.stat-value{font-family:Be Vietnam Pro,sans-serif;font-size:32px;font-weight:800;color:var(--red);margin-bottom:6px}.stat-label{font-size:13px;color:#666;font-weight:600}.activity-graph{display:flex;flex-direction:column;align-items:center;overflow-x:auto}.gh-months{display:grid;grid-template-columns:30px repeat(52,13px);grid-gap:3px;gap:3px;font-size:10px;color:#888;margin-bottom:4px}.gh-months span{text-align:center}.gh-grid{display:grid;grid-template-columns:30px repeat(52,13px);grid-gap:3px;gap:3px}.gh-day-label{font-size:10px;color:#888;text-align:left;height:13px;line-height:13px}.gh-cell{width:13px;height:13px;border-radius:3px}button.gh-cell{display:block;padding:0;border:0;outline:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.gh-cell:focus-visible,button.gh-cell:hover{outline:2px solid var(--red);outline-offset:2px}.gh-cell-future{visibility:hidden}.gh-cell.has-activity{cursor:default}.gh-tooltip{position:fixed;background:#0D0D0D;color:#fff;font-size:12px;line-height:1.6;padding:8px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:999}.gh-tooltip.visible{opacity:1}.gh-tooltip strong,.history-title{font-weight:700}.history-title{font-family:Be Vietnam Pro,sans-serif;font-size:16px;margin:32px 0 14px}.history-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.history-filter{flex:1 1;min-width:0;padding:8px 4px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:700;color:#666;cursor:pointer;white-space:nowrap;transition:all .15s}.history-filter:hover{border-color:var(--red);color:var(--red)}.history-filter.active{background:var(--red);color:#fff;border-color:var(--red)}.history-list{margin-top:14px;flex:1 1;min-height:0;max-height:184px;overflow-y:auto;border:2px solid #eee;border-radius:12px}.history-list::-webkit-scrollbar{width:5px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}.history-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:13px}.history-item:last-child{border-bottom:none}.history-item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-skill-icon{display:block}.skill-letter-icon{font-family:Be Vietnam Pro,Arial,sans-serif;font-size:15px;font-weight:800;line-height:1}.history-item-info{flex:1 1;min-width:0}.history-item-title{font-weight:700;color:var(--black);margin-bottom:2px}.history-item-meta{font-size:12px;color:#999}.history-item-score{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-weight:700;font-size:14px;flex-shrink:0}.history-item-score-band,.history-item-score-value{display:inline-block;white-space:nowrap}.history-item-score-band{font-size:14px;font-weight:800}.score-tier-vip{background:linear-gradient(100deg,#2563eb,#06b6d4 42%,#8b5cf6 72%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent!important}.score-tier-green{color:#16834a!important}.score-tier-orange{color:#ea580c!important}.score-tier-yellow{color:#c58a00!important}.score-tier-red{color:#e31b23!important}.gh-legend{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:10px;color:#888}.gh-legend .gh-cell{width:11px;height:11px}.history-item-link{width:34px;height:34px;box-sizing:border-box;border:none;border-radius:8px;background:var(--red);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;line-height:0;transition:opacity .15s}.history-item-link svg{display:block;width:18px;height:18px;flex:0 0 18px}.history-item-link:hover{opacity:.85}.info-field{margin-bottom:16px}.info-field label{display:block;font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-field .auth-input{width:100%}.profile-btn{padding:14px 28px;border:2px solid var(--black);border-radius:12px;font-family:Be Vietnam Pro,sans-serif;font-size:15px;font-weight:700;cursor:pointer;background:var(--black);color:#fff;transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.profile-btn:hover{opacity:.85}.profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-btn-danger{background:#fff;color:var(--red);border-color:var(--red)}.profile-btn-secondary{background:transparent;color:var(--red);border-color:var(--red);padding:8px 18px;font-size:13px;white-space:nowrap;flex:none}.profile-btn-secondary:hover{background:#fef2f2}.info-actions{display:flex;gap:10px;margin-top:8px}.profile-action-with-error{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.profile-action-with-error .auth-error{display:block;margin:0;min-height:18px;white-space:nowrap}.info-actions .profile-btn{padding:8px 18px;font-size:13px;white-space:nowrap;width:auto}.info-actions .profile-btn-danger-solid{margin-left:auto}.info-actions .profile-action-with-error .profile-btn,.info-actions .profile-btn{height:38px;min-height:38px;padding:8px 18px}.modal-body label{display:block;margin:12px 0 6px;font-size:13px;font-weight:700}.modal-body label:first-child{margin-top:0}.profile-btn-danger:hover{background:#fef2f2}.delete-warning{font-size:14px;color:var(--red);font-weight:600;margin:0 0 20px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border:2px solid var(--black);border-radius:18px;width:100%;max-width:400px;box-sizing:border-box;padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-family:Be Vietnam Pro,sans-serif;font-size:20px;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;padding:0;line-height:1;color:#999}.modal-close:hover{color:var(--black)}.modal-body{width:100%;min-width:0;margin-bottom:20px}.modal-body .auth-input{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.modal-footer .profile-btn{min-height:0;padding:8px 18px;font-size:13px}.modal-btn{padding:10px 20px;border:2px solid var(--black);border-radius:10px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s;text-align:center;line-height:1.4}.modal-btn:disabled{opacity:.5;cursor:not-allowed;padding:10px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center}.modal-btn-primary{background:var(--black);color:#fff}.modal-btn-cancel{background:#fff;color:var(--black)}.modal-btn-danger,.profile-btn-danger-solid{background:var(--red);color:#fff}.profile-btn-danger-solid{border-color:var(--red);padding:8px 18px;font-size:13px;white-space:nowrap;width:auto}.profile-btn-danger-solid:hover{background:#c4151c}@media (max-width:520px){.auth-main{padding:32px 20px}.auth-q{font-size:22px}}