:root{--black:#171512;--white:#fff;--page-bg:#f7f5f1;--card-bg:#f7f5f1;--gray-100:#efebe3;--gray-300:#ddd7c9;--gray-500:#8c8579;--gray-700:#4a4640;--red:#d8492e;--red-dark:#bd3d25;--font:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--page-bg);color:var(--black);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button,input{font-family:inherit}.page{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100%;padding:0;display:flex}.page:has(.auth-card-split){height:100%}.auth-card,.auth-card-split,.home-card,.wide-card,.wide-card-xl,.editor-card{background:0 0;margin:0 auto}.auth-card{width:100%;max-width:560px;padding:0 0 32px}.auth-card-split{flex-direction:column;width:100%;max-width:1600px;height:100%;padding:0;display:flex}.home-card{text-align:center;width:100%;max-width:900px;padding:0 0 32px}.wide-card{width:100%;max-width:1200px;padding:0 0 32px}.wide-card-xl{max-width:1500px}.editor-card{width:100%;max-width:1800px;padding:0 0 32px}.split{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.split-panel{padding:48px}.split-panel+.split-panel{border-left:1px solid var(--gray-300)}.promo-panel{background:var(--red);color:var(--white);flex-direction:column;justify-content:center;display:flex}.promo-panel>*{max-width:440px}.promo-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--white);opacity:.8;margin:0 0 16px;font-size:11px;font-weight:700}.promo-title{letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(40px,5.5vw,72px);font-weight:800;line-height:.98}.promo-text{color:var(--white);opacity:.85;margin:0;font-size:15px;line-height:1.6}.auth-top-bar{margin-bottom:0}.brand-group{align-items:baseline;gap:10px;display:flex}.brand-tagline{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);font-size:11px;font-weight:700}.top-bar-lang{align-items:center;gap:10px;display:flex}.top-bar-lang-label{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);font-size:11px;font-weight:700}.auth-tabs{border:1px solid var(--gray-300);border-radius:10px;margin-bottom:28px;display:flex;overflow:hidden}.auth-tab{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500);background:var(--white);flex:1;padding:14px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .12s,color .12s}.auth-tab+.auth-tab{border-left:1px solid var(--gray-300)}.auth-tab.active{background:var(--black);color:var(--white)}.split-form-header{margin-bottom:24px}.split-form-header h2{letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:800}.split-form-header p{color:var(--gray-500);margin:0;font-size:14px}.field-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-inline-link{color:var(--black);white-space:nowrap;font-size:12px;font-weight:700;text-decoration:underline}.btn-primary-arrow{justify-content:center;align-items:center;gap:10px;display:flex}.btn-primary-arrow svg{flex-shrink:0;width:18px;height:18px}.auth-footer{margin-top:24px}.auth-divider{border:none;border-top:1px solid var(--gray-300);margin:0 0 18px}.split-form{flex-direction:column;justify-content:center;align-items:center;display:flex}.split-form>*{width:100%;max-width:440px}.split-form .auth-title,.split-form .auth-subtitle,.split-form .field,.split-form .form-banner,.split-form .btn-primary,.split-form .auth-switch{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.split-form .btn-primary{width:100%}.split-form .field label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-700);font-size:12px}.split-form .auth-switch{margin-top:0}@media (width<=760px){.split{grid-template-columns:1fr}.split-panel+.split-panel{border-left:none;border-top:1px solid var(--gray-300)}}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;padding:0 48px;display:grid}@media (width<=720px){.two-col{grid-template-columns:1fr;gap:0}}.two-col .field,.two-col .btn-primary,.two-col .btn-secondary,.two-col .form-banner,.two-col .instructions-text,.two-col .stage-grid,.two-col .muted-text,.two-col .drill-table,.two-col .completion-prompt,.two-col .review-list,.two-col .profile-section .field{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.two-col .word-textarea{width:100%;margin-left:0;margin-right:0}.two-col .profile-section{padding:0}.two-col .prompt-generator{width:100%;margin-left:0;margin-right:0}.two-col .reset-progress-btn,.two-col .word-load-btn{margin-left:0;padding-left:16px;padding-right:16px}.two-col .profile-section{border-top:none;margin:0;padding:0}.top-bar{border-bottom:1px solid var(--gray-300);justify-content:space-between;align-items:center;gap:12px;margin-bottom:48px;padding:16px 48px;display:flex}.top-bar:has(.brand:only-child){justify-content:flex-start}.top-bar-actions{align-items:center;gap:12px;display:flex}.top-bar-user{color:var(--gray-700);font-size:13px;font-weight:600}.top-bar select{border:1px solid var(--gray-300);background:var(--white);color:var(--black);border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.top-bar-logout{width:auto;margin:0;padding:6px 14px;font-size:13px}.page-body{padding:0 48px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin:0 0 8px;font-size:11px;font-weight:700}.brand{letter-spacing:-.02em;font-size:19px;font-weight:800}.auth-title{letter-spacing:-.02em;margin:0 0 6px;padding:0 48px;font-size:26px;font-weight:800}.auth-subtitle{color:var(--gray-500);margin:0 0 24px;padding:0 48px;font-size:14px;line-height:1.5}.field{flex-direction:column;gap:6px;margin:0 48px 16px;display:flex}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{box-sizing:border-box;border:1px solid var(--gray-300);background:var(--white);width:100%;color:var(--black);border-radius:8px;outline:none;padding:11px 12px;font-size:15px;transition:border-color .12s,background .12s}.review-comment-textarea{resize:vertical;text-align:left}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--black);background:var(--white)}.language-field{margin-bottom:24px}.field-checkbox{gap:8px}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label input[type=checkbox]{flex-shrink:0;width:18px;height:18px;padding:0}.field-hint{text-align:left;margin:0}.field input[aria-invalid=true]{border-color:var(--red)}.password-field{display:flex;position:relative}.password-field-input{padding-right:40px!important}.password-toggle{width:28px;height:28px;color:var(--gray-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--black)}.password-toggle svg{width:18px;height:18px}.field-error{color:var(--red);font-size:13px;font-weight:600}.btn-primary{border:1px solid var(--red);background:var(--red);width:calc(100% - 96px);color:var(--white);cursor:pointer;border-radius:8px;margin-top:8px;margin-left:48px;margin-right:48px;padding:12px;font-size:15px;font-weight:700;transition:background .12s,border-color .12s}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary:not(:disabled):hover{background:var(--red-dark);border-color:var(--red-dark)}.form-banner{border:1px solid var(--gray-300);background:var(--gray-100);text-align:center;border-radius:8px;margin:0 48px 18px;padding:10px 12px;font-size:14px}.auth-switch{text-align:center;color:var(--gray-500);margin:20px 48px 0;font-size:14px}.auth-switch a{color:var(--black);font-weight:700;text-decoration:underline}.link-button{font:inherit;color:var(--black);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.onboarding-dots{justify-content:center;gap:8px;margin-bottom:24px;padding:0 48px;display:flex}.onboarding-dot{background:var(--gray-300);border-radius:50%;width:8px;height:8px}.onboarding-dot-active{background:var(--red)}.onboarding-text{color:var(--gray-500);text-align:center;margin:0 0 48px;padding:0 48px;font-size:14px;line-height:1.6}.onboarding-back{margin:16px auto 0;display:block}.link-button:disabled{opacity:.4;cursor:not-allowed}.avatar-preview-wrap{justify-content:center;margin-bottom:12px;display:flex}.avatar-preview{object-fit:cover;border:1px solid var(--gray-300);border-radius:50%;width:64px;height:64px}.social-platform-picker{flex-wrap:wrap;gap:8px;display:flex}.social-platform-btn{border:1px solid var(--gray-300);background:var(--white);color:var(--black);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.social-platform-btn:hover{background:var(--gray-100)}.social-platform-btn-active,.social-platform-btn-active:hover{background:var(--black);color:var(--white);border-color:var(--black)}.profile-section{border-top:1px solid var(--gray-300);margin-top:20px;padding:20px 48px 0}.profile-section:first-of-type{border-top:none;margin-top:4px;padding-top:0}.profile-section .field,.profile-section .btn-primary,.profile-section .form-banner{width:100%;margin-left:0;margin-right:0}.section-title{margin:0 0 16px;font-size:15px;font-weight:800}.instructions-text{color:var(--gray-500);margin:0 0 14px;padding:0 48px;font-size:13px;line-height:1.6}.instructions-text code{background:var(--gray-100);border-radius:4px;padding:1px 5px}.prompt-generator{border:1px solid var(--gray-300);background:var(--white);border-radius:10px;margin:0 48px 20px;padding:24px}.prompt-generator-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.prompt-generator-row .field{min-width:0;margin:0}@media (width<=520px){.prompt-generator-row{grid-template-columns:1fr}}.prompt-preview{white-space:pre-wrap;background:var(--gray-100);border-radius:8px;margin:14px 0;padding:12px;font-family:inherit;font-size:13px}.prompt-generator .btn-secondary,.shell-page .prompt-generator .btn-secondary{width:100%;margin:0;padding-left:20px;padding-right:20px}.btn-secondary{border:1px solid var(--gray-300);background:var(--white);width:calc(100% - 96px);color:var(--black);cursor:pointer;border-radius:8px;margin-top:24px;margin-left:48px;margin-right:48px;padding:10px 20px;font-size:14px;font-weight:700;transition:background .12s,border-color .12s}.btn-secondary:hover{background:var(--gray-100);border-color:var(--black)}.home-greeting{color:var(--red);letter-spacing:.04em;text-transform:uppercase;text-align:left;margin:0 0 4px;padding:0 48px;font-size:14px;font-weight:700}.home-greeting strong{color:var(--red)}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:0 48px;display:grid}.tile-grid-3{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.tile{aspect-ratio:1;border:1px solid var(--gray-300);background:var(--white);max-height:220px;color:var(--black);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-decoration:none;transition:background .12s,border-color .12s;display:flex;position:relative}.favorite-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.favorite-btn-active{color:var(--red)}.tile:hover{background:var(--gray-100);border-color:var(--black)}.tile-icon{width:26px;height:26px}.tile-label{text-align:center;padding:0 8px;font-size:14px;font-weight:700}.back-link{color:var(--gray-500);font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.back-link:hover{color:var(--black)}.muted-text{text-align:center;color:var(--gray-500);padding:0 48px;font-size:14px}.spinner{border:3px solid var(--gray-300);border-top-color:var(--black);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spinner-rotate}.spinner-inline{justify-content:center;padding:24px 0;display:flex}.spinner-fullpage{justify-content:center;align-items:center;min-height:40vh;padding:48px 0;display:flex}.spinner-fullpage .spinner{border-width:4px;width:36px;height:36px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:0 48px;display:grid}.stage-card{border:1px solid var(--gray-300);color:var(--black);background:var(--white);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:18px 8px;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.stage-card:hover{background:var(--gray-100);border-color:var(--black)}.stage-index{font-size:22px;font-weight:800}.stage-title{color:var(--gray-500);font-size:13px}.stage-count{color:var(--gray-500);font-size:12px}.tile-sublabel{color:var(--gray-500);text-align:center;padding:0 8px;font-size:11px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:0 48px;display:flex}.tab-btn{border:1px solid var(--gray-300);background:var(--white);min-width:100px;color:var(--black);cursor:pointer;border-radius:8px;flex:1;padding:10px 12px;font-size:13px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.tab-btn:hover{background:var(--gray-100)}.tab-btn-active,.tab-btn-active:hover{background:var(--black);color:var(--white);border-color:var(--black)}.tile-wrapper{flex-direction:column;gap:8px;display:flex}.tile-wrapper .tile{aspect-ratio:auto;padding:18px 8px}.tile-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--red);font-size:10px;font-weight:800}.tile-action-btn{padding:8px;font-size:12px}.share-btn{width:calc(100% - 96px);margin:0 48px 20px}.owner-actions{gap:10px;margin:0 48px 20px;display:flex}.owner-action-btn{text-align:center;flex:1;width:auto;margin:0;text-decoration:none}.tile-create{aspect-ratio:auto;border-color:var(--red);background:var(--red);color:var(--white);margin:18px 48px 0;padding:16px}.tile-create:hover{background:var(--red-dark);border-color:var(--red-dark)}.tile-create .tile-label{color:var(--white)}.profile-link{text-align:center;text-decoration:none;display:block}.drill-table{border-collapse:collapse;width:calc(100% - 96px);margin:0 48px 20px}.drill-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);border-bottom:1px solid var(--black);padding:6px 8px;font-size:11px;font-weight:700}.drill-table td{border-bottom:1px solid var(--gray-300);vertical-align:middle;padding:8px}.letter-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.letter-box,.letter-input{text-align:center;text-transform:lowercase;border-radius:6px;justify-content:center;align-items:center;width:26px;height:32px;font-size:15px;font-weight:700;display:flex}.letter-box{border:1px solid var(--gray-300);color:var(--black);background:var(--gray-100)}.letter-input{border:1px solid var(--gray-300);background:var(--white);color:var(--black);outline:none;padding:0}.letter-input:focus{border-color:var(--black)}.letter-input-correct{background:var(--gray-100);border-color:var(--black)}.letter-input-incorrect{border-color:var(--red);border-style:dashed}.letter-space{width:12px}.pagination{justify-content:space-between;align-items:center;gap:12px;padding:0 48px;display:flex}.pagination-btn{width:auto;margin:0;padding:8px 16px}.pagination-status{color:var(--gray-500);white-space:nowrap;font-size:13px}.editor-distribute-btn{width:auto;margin:0 48px 20px;padding:8px 16px}.editor-board{gap:12px;padding:0 48px 8px;display:flex;overflow-x:auto}.editor-column{border:1px solid var(--gray-300);background:var(--white);border-radius:10px;flex-direction:column;flex:0 0 220px;max-height:70vh;transition:background .12s,border-color .12s;display:flex}.editor-column-over{background:var(--gray-100);border-color:var(--red)}.editor-column-header{border-bottom:1px solid var(--gray-300);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.editor-column-count{color:var(--gray-500);font-size:12px;font-weight:700}.editor-column-body{flex-direction:column;gap:6px;min-height:72px;padding:8px;display:flex;overflow-y:auto}.editor-word-card{border:1px solid var(--gray-300);border-left:3px solid var(--red);background:var(--card-bg);cursor:grab;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.editor-word-card:active{cursor:grabbing}.editor-word-card{touch-action:none;-webkit-user-select:none;user-select:none}.editor-word-card-dragging{opacity:.45;cursor:grabbing}.editor-word-card-drop-before{box-shadow:0 -3px 0 0 var(--red)}.editor-word-term{font-size:13px;font-weight:700}.editor-word-translation{color:var(--gray-500);font-size:12px}.editor-move-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.editor-move-option{border:1px solid var(--gray-300);background:var(--white);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.editor-move-option-current{background:var(--red);border-color:var(--red);color:var(--white)}.reset-progress-btn{width:auto;margin:0 48px 20px;padding:8px 16px}.stage-complete-badge{color:var(--gray-500);font-size:14px;font-weight:700}.stage-card{position:relative}.stage-card-complete{background:var(--gray-100)}.stage-complete-check{color:var(--red);font-size:13px;font-weight:800;position:absolute;top:6px;right:8px}.completion-prompt{border:1px solid var(--gray-300);background:var(--white);text-align:center;border-radius:10px;margin:0 48px 20px;padding:16px}.completion-prompt-text{margin:0 0 12px;font-size:14px;font-weight:700}.completion-prompt-actions{gap:10px;display:flex}.completion-btn{flex:1;width:auto;margin-top:0}.review-summary{color:var(--gray-500);margin:0 0 16px;font-size:14px}.review-summary strong{color:var(--black)}.rating-picker{gap:8px;margin-bottom:4px;display:flex}.rating-option{border:1px solid var(--gray-300);background:var(--white);width:42px;height:42px;color:var(--black);cursor:pointer;border-radius:8px;font-size:15px;font-weight:700}.rating-option:hover{background:var(--gray-100)}.rating-option-selected,.rating-option-selected:hover{background:var(--red);color:var(--white);border-color:var(--red)}.review-list{flex-direction:column;gap:12px;margin:20px 0 0;padding:0 48px;list-style:none;display:flex}.review-item{border:1px solid var(--gray-300);background:var(--white);border-radius:8px;padding:12px}.review-item-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.review-item-rating{color:var(--gray-500);font-size:13px}.review-item-comment{white-space:pre-wrap;margin:0;font-size:14px}.reverse-table-wrap{margin-bottom:20px;padding:0 48px;overflow-x:auto}.reverse-table{width:100%;min-width:640px}.reverse-table.drill-table{width:100%;margin:0}.reverse-term-cell{white-space:nowrap;font-weight:700}.reverse-choice-cell{padding:6px!important}.reverse-choice-btn{border:1px solid var(--gray-300);background:var(--white);width:100%;min-width:110px;color:var(--black);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:13px;transition:background .12s,border-color .12s}.reverse-choice-btn:hover{background:var(--gray-100);border-color:var(--black)}.reverse-choice-wrong{border-color:var(--red);border-style:dashed}.word-textarea{border:1px solid var(--gray-300);background:var(--white);color:var(--black);resize:vertical;border-radius:8px;outline:none;margin-top:8px;padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.word-textarea:focus{border-color:var(--black)}.word-load-btn{width:auto;margin:0 48px 16px;padding:8px 16px}.word-cancel-btn{margin:10px auto 0;display:block}.word-count-text{text-align:left;margin:8px 0 20px}.app-shell{align-items:stretch;min-height:100%;display:flex}.sidebar{background:var(--white);border-right:1px solid var(--gray-300);flex-direction:column;flex:0 0 240px;justify-content:space-between;gap:24px;padding:24px 16px;display:flex}.sidebar-brand{letter-spacing:-.02em;padding:8px 12px 16px;font-size:19px;font-weight:800}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-nav-item{color:var(--black);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar-nav-icon{flex-shrink:0;width:18px;height:18px}.sidebar-nav-item:hover{background:var(--gray-100)}.sidebar-nav-item-active,.sidebar-nav-item-active:hover{background:var(--red);color:var(--white)}.sidebar-footer{border-top:1px solid var(--gray-300);flex-direction:column;gap:10px;padding-top:16px;display:flex}.sidebar-user{padding:0 12px}.sidebar-user-name{font-size:14px;font-weight:700}.sidebar-user-email{color:var(--gray-500);word-break:break-all;font-size:12px}.sidebar-logout{width:auto;margin:0 12px}.app-main{flex:1;min-width:0;overflow-x:hidden}.app-content{max-width:1400px;padding:40px 48px 64px}@media (width<=700px){.app-shell{flex-direction:column}.sidebar{flex-flow:wrap;flex:none;align-items:center;gap:8px 16px;width:100%;padding:12px 16px}.sidebar-brand{padding:0}.sidebar-nav{flex-direction:row;flex:auto;gap:4px;overflow-x:auto}.sidebar-nav-item{white-space:nowrap;flex-shrink:0}.sidebar-footer{border-top:none;flex-direction:row;order:3;align-items:center;gap:12px;width:100%;padding-top:0}.sidebar-user{padding:0}.sidebar-user-email{display:none}.sidebar-logout{margin:0}.app-content{padding:24px 16px 40px}.sidebar-sticky-mobile{z-index:20;position:sticky;top:0}}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-heading{letter-spacing:-.02em;margin:0 0 6px;font-size:30px;font-weight:800}.page-subheading{color:var(--gray-500);margin:0;font-size:14px}.page-header-eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:13px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--gray-300);background:var(--white);border-radius:12px;padding:18px 20px}.stat-value{color:var(--black);font-size:28px;font-weight:800;line-height:1.1}.stat-label{color:var(--gray-500);margin-top:6px;font-size:13px}.panel-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;margin-top:20px;display:grid}@media (width<=900px){.panel-grid{grid-template-columns:1fr}}.panel{border:1px solid var(--gray-300);background:var(--white);border-radius:12px;padding:20px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-title{margin:0;font-size:15px;font-weight:800}.panel-link{color:var(--black);font-size:13px;font-weight:700;text-decoration:none}.panel-link:hover{text-decoration:underline}.panel-table{border-collapse:collapse;width:100%}.panel-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);border-bottom:1px solid var(--black);padding:6px 8px;font-size:11px;font-weight:700}.panel-table td{border-bottom:1px solid var(--gray-300);padding:9px 8px;font-size:13px}.panel-table tr:last-child td{border-bottom:none}.panel-table-title{font-weight:700}.panel-table-title a{text-decoration:none}.panel-table-title a:hover{text-decoration:underline}.panel-status{color:var(--gray-500);font-size:12px;font-weight:700}.panel-status-published{color:var(--red)}.continue-card{border:1px solid var(--gray-300);border-radius:10px;padding:16px}.continue-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);margin:0 0 6px;font-size:11px;font-weight:700}.continue-card-title{margin:0 0 4px;font-size:18px;font-weight:800}.continue-card-meta{color:var(--gray-500);margin:0 0 16px;font-size:13px}.panel-cta-text{color:var(--gray-500);margin:0 0 16px;font-size:13px;line-height:1.5}.list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-input{border:1px solid var(--gray-300);background:var(--white);width:240px;max-width:100%;color:var(--black);border-radius:8px;outline:none;padding:9px 12px;font-size:14px}.search-input:focus{border-color:var(--black)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}@media (width<=700px){.list-toolbar{flex-direction:column;align-items:stretch}.tab-btn{min-width:0}.search-input{width:100%}.card-grid{grid-template-columns:1fr}}.training-card{border:1px solid var(--gray-300);background:var(--white);color:var(--black);border-radius:12px;flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:background .12s,border-color .12s;display:flex;position:relative}.training-card:hover{background:var(--gray-100);border-color:var(--black)}.training-card-status{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);font-size:11px;font-weight:700}.training-card-status-published{color:var(--red)}.training-card-title{margin:2px 0 0;font-size:17px;font-weight:800}.training-card-meta{color:var(--gray-500);font-size:12px}.training-card .favorite-btn{top:14px;right:14px}.training-card-create{text-align:center;border-color:var(--red);background:var(--red);color:var(--white);justify-content:center;align-items:center;gap:4px}.training-card-create:hover{background:var(--red-dark);border-color:var(--red-dark)}.training-card-create-icon{width:22px;height:22px;margin:0 auto 4px}.training-card-create .training-card-meta{color:#fffc}.training-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (width<=860px){.training-layout{grid-template-columns:1fr}}.sub-nav{border:1px solid var(--gray-300);background:var(--white);border-radius:12px;flex-direction:column;padding:16px;display:flex}.sub-nav-back{margin-bottom:14px}.sub-nav-status{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);font-size:11px;font-weight:700}.sub-nav-status-published{color:var(--red)}.sub-nav-title{margin:4px 0 16px;font-size:18px;font-weight:800;line-height:1.2}.sub-nav-list{flex-direction:column;gap:4px;display:flex}.sub-nav-item{color:var(--black);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:700;text-decoration:none;transition:background .12s,color .12s;display:flex}.sub-nav-icon{flex-shrink:0;width:16px;height:16px}.sub-nav-item:hover{background:var(--gray-100)}.sub-nav-item-active,.sub-nav-item-active:hover{background:var(--black);color:var(--white)}.sub-nav-item-complete:not(.sub-nav-item-active){background:var(--gray-100)}.sub-nav-check{color:var(--red);margin-left:auto;font-size:13px;font-weight:800}.training-content{min-width:0}.feedback-tabs{gap:8px;margin:16px 0 24px;display:flex}.feedback-tab{cursor:pointer;border:1px solid var(--gray-300);color:var(--black);background:var(--white);border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .12s,color .12s}.feedback-tab:hover{background:var(--gray-100)}.feedback-tab-active,.feedback-tab-active:hover{background:var(--black);color:var(--white);border-color:var(--black)}.profile-header{align-items:center;gap:20px;margin-bottom:28px;display:flex}.profile-header .avatar-preview{width:72px;height:72px}.profile-header-avatar-placeholder{border:1px solid var(--gray-300);background:var(--gray-100);border-radius:50%;flex-shrink:0;width:72px;height:72px}.profile-header-name{letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:800}.profile-header-email{color:var(--gray-500);margin:0;font-size:13px}.profile-header-actions{margin-left:auto}@media (width<=520px){.profile-header{flex-wrap:wrap}.profile-header-actions{width:100%;margin-top:12px;margin-bottom:20px;margin-left:0}.profile-header-actions .btn-secondary{width:100%}}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}@media (width<=900px){.profile-grid{grid-template-columns:1fr}}.profile-grid .profile-section{border:1px solid var(--gray-300);background:var(--white);border-radius:12px;margin:0;padding:20px}.profile-grid .profile-section .field,.profile-grid .profile-section .btn-primary,.profile-grid .profile-section .btn-secondary,.profile-grid .profile-section .form-banner{box-sizing:border-box;width:100%;margin-left:0;margin-right:0}.shell-page .auth-title,.shell-page .auth-subtitle,.shell-page .field,.shell-page .btn-primary,.shell-page .form-banner,.shell-page .instructions-text,.shell-page .stage-grid,.shell-page .muted-text,.shell-page .drill-table,.shell-page .completion-prompt,.shell-page .review-list,.shell-page .tile-grid,.shell-page .tile-create,.shell-page .pagination,.shell-page .editor-board,.shell-page .reverse-table-wrap,.shell-page .two-col,.shell-page .profile-section .field{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.shell-page .prompt-generator,.shell-page .word-textarea{width:100%;margin-left:0;margin-right:0}.shell-page .btn-secondary,.shell-page .reset-progress-btn,.shell-page .editor-distribute-btn,.shell-page .share-btn,.shell-page .owner-actions,.shell-page .word-load-btn{width:auto;margin-left:0;margin-right:0;padding-left:16px;padding-right:16px}.shell-page .profile-section{padding:0}.plain-form .field,.plain-form .btn-primary,.plain-form .btn-secondary,.plain-form .form-banner{box-sizing:border-box;width:100%;margin-left:0;margin-right:0}.panel-btn{text-align:center;box-sizing:border-box;width:100%;margin:4px 0 0;text-decoration:none;display:block}.page-topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-topbar-back,.page-topbar-settings{border:1px solid var(--gray-300);background:var(--white);width:36px;height:36px;color:var(--gray-700);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.page-topbar-back:hover,.page-topbar-settings:hover{border-color:var(--gray-500);color:var(--black)}.page-topbar-back-icon,.page-topbar-settings-icon{width:18px;height:18px}.modal-backdrop{padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));z-index:100;background:#17151273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--white);width:100%;max-width:440px;max-height:calc(100vh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-sizing:border-box;border-radius:14px;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.modal-title{margin:0;font-size:20px;font-weight:800}.modal-close{width:30px;height:30px;color:var(--gray-500);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.modal-close:hover{color:var(--black)}.modal-close-icon{width:16px;height:16px}