:root{--husky-purple-triple:50, 0, 110;--husky-gold-triple:183, 165, 122;--spirit-purple-triple:75, 46, 131;--spirit-gold-triple:255, 199, 0;--heritage-gold-triple:133, 117, 77;--husky-purple:rgb(var(--husky-purple-triple));--husky-gold:rgb(var(--husky-gold-triple));--spirit-purple:rgb(var(--spirit-purple-triple));--spirit-gold:rgb(var(--spirit-gold-triple));--heritage-gold:rgb(var(--heritage-gold-triple));--tone:rgba(var(--husky-purple-triple), 40%);--tone-alt:rgba(var(--heritage-gold-triple), 40%);--soft-tone:rgba(var(--husky-purple-triple), 20%);--soft-tone-alt:rgba(var(--heritage-gold-triple), 20%);--tone-text:#fff;--text:#6b6375;--text-h:#08060d;--text-sh:#6b6375;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--border-radius:10px;--accent:var(--husky-purple);--accent-bg:var(--soft-tone);--accent-border:var(--soft-tone);--accent-text:var(--accent);--alt-accent:var(--heritage-gold);--alt-accent-bg:var(--soft-tone-alt);--alt-accent-border:var(--soft-tone-alt);--alt-accent-text:var(--alt-accent);--mastery-color:var(--spirit-gold);--proficient-color:var(--spirit-purple);--notpassed-color:var(--border);--dark-button-bg:#333;--dark-button-bg-selected:#111;--dark-button-border:#000;--dark-button-text:#fff;--light-button-bg:#ddd;--light-button-bg-selected:#aaa;--light-button-border:#777;--light-button-text:#000;--body-text-size:18px;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Inter", system-ui, Roboto, sans-serif;--heading:"Inter", system-ui, Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:var(--body-text-size)/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{--body-text-size:16px;font-size:var(--body-text-size)}}#root{text-align:left;box-sizing:border-box;flex-direction:column;max-width:100%;height:100svh;margin:0 auto;display:flex}body{margin:0}button{font-size:var(--body-text-size)}h1,h2{font-family:var(--heading)}h1{color:var(--text-h);margin:32px 0;font-size:90px;font-weight:700;line-height:100%}@media (width<=700px){h1{margin:25px 0;font-size:70px}}h2{color:var(--text-sh);margin:0 0 8px;font-size:35px;font-weight:500;line-height:100%}@media (width<=700px){h2{font-size:25px}}p{margin:0}code{font-family:var(--mono);border-radius:var(--border-radius);color:var(--text-h);background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.button{line-height:normal;font-family:var(--sans);box-sizing:border-box;border-radius:var(--border-radius);min-width:200px;min-height:1rem;color:var(--light-button-text);background:var(--light-button-bg);border:2px solid #0000;justify-content:center;align-items:center;margin-bottom:24px;padding:10px;text-decoration:none;transition:border-color .3s,background .3s;display:inline-flex}.button:hover{background:var(--light-button-bg-selected);border-color:var(--light-button-border)}.button:focus-visible{outline:2px solid var(--light-button-bg-selected);outline-offset:2px}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--tone);color:var(--light-button-text)}.button.primary:hover{background:var(--accent);color:var(--dark-button-text)}.button.primary:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.button.secondary{background:var(--tone-alt);color:var(--light-button-text)}.button.secondary:hover{background:var(--alt-accent);color:var(--dark-button-text)}.button.secondary:focus-visible{outline:2px solid var(--alt-accent-border);outline-offset:2px}.button.dark{color:var(--dark-button-text);background:var(--dark-button-bg)}.button.dark:hover{background:var(--dark-button-bg-selected);border-color:var(--dark-button-border)}.button.dark:focus-visible{outline:2px solid var(--dark-button-bg-selected);outline-offset:2px}.content-direction-right{flex-direction:row}.content-direction-right *{margin:0 10px}#center{text-align:center;align-content:center;width:auto;margin:0 30px;padding:60px 0 110px}.bottom-nav{background:var(--bg);border-top:1px solid var(--border);box-shadow:var(--shadow);flex-flow:wrap;justify-content:space-around;padding:10px 0;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--accent);text-align:center;flex-direction:column;place-items:center;font-size:small;font-weight:700;text-decoration:none;display:flex}.nav-item svg{margin:0 auto}.text-input{box-sizing:border-box;border:1px solid var(--light-button-bg);border-radius:var(--border-radius);background:var(--light-button-bg);width:100%;color:var(--light-button-text);font-size:var(--body-text-size);margin:10px 0;padding:10px}.stations-select-list{margin:20px 0}.station-select-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;padding:15px 0;display:flex}.station-select-row.disabled{opacity:.5;cursor:not-allowed}.station-select-row.selected{background:var(--accent-bg)}.station-select-row input{margin-right:15px}.station-select-row label{cursor:pointer;flex:1;font-weight:500}.evaluation-form{margin:20px 0}.form-group{margin-bottom:0}.form-group label{color:var(--text-h);margin-bottom:5px;font-weight:500;display:block}.field-hint{color:#888;margin:5px 0 0;font-size:.8rem}.criteria-form-list{margin:20px 0}.criteria-form-row{border-bottom:1px solid var(--border);align-items:center;gap:15px;padding:15px 0;display:flex}.criteria-form-info{flex:1}.criteria-form-info .criteria-name{color:var(--text-h);font-weight:500}.criteria-status-selector{gap:10px;display:flex}.status-option{border-radius:var(--border-radius);cursor:pointer;color:#fff;border:none;padding:8px 12px;font-size:14px;font-weight:500;transition:opacity .2s}.status-option.purple{background:var(--accent)}.status-option.grey{background:#ccc}.status-option.gold{background:var(--alt-accent)}.status-option.active{opacity:1;border:2px solid var(--text-h)}.status-option:not(.active){opacity:.6}.criteria-name-input{font-weight:500}.items-list{margin-top:10px;margin-left:20px}.item-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.item-label-input{flex:1}.status-select{border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text);cursor:pointer;background:#fff;min-width:120px;padding:6px 10px;font-size:14px}.station-title{margin-bottom:0}.stations-list{box-sizing:border-box;width:auto;margin:20px auto;overflow-y:auto}.station-row{box-sizing:border-box;width:100%;color:var(--text);flex-direction:column;align-items:center;gap:10px;padding:15px 0;text-decoration:none;display:flex}.station-row.locked{opacity:.55}.station-progress{background-color:var(--soft-tone);appearance:none;border-width:0;border-radius:5px;width:100%;max-width:400px;height:10px}.station-progress::-webkit-progress-bar{background-color:var(--soft-tone);border-width:0;border-radius:5px}.station-progress.not_started{background-color:var(--border)}.station-progress.not_started::-webkit-progress-bar{background-color:var(--border)}.station-progress::-webkit-progress-value{background-color:var(--proficient-color);border-width:0;border-radius:5px}.station-progress::-moz-progress-bar{background-color:var(--proficient-color)}.station-progress.proficient::-webkit-progress-value{background-color:var(--proficient-color)}.station-progress.proficient::-moz-progress-bar{background-color:var(--proficient-color)}.station-progress.mastery::-webkit-progress-value{background-color:var(--mastery-color)}.station-progress.mastery::-moz-progress-bar{background-color:var(--mastery-color)}.station-info{flex-direction:row;justify-content:space-between;place-items:end right;gap:.5em;width:100%;max-width:400px;font-weight:700;display:flex}.station-name{text-align:left}.station-name svg{vertical-align:center;padding-left:.3em}.station-status{flex-wrap:nowrap;gap:.3em;min-width:fit-content;margin:0;display:flex}.station-status.proficient{color:var(--proficient-color)}.station-status.mastery{color:var(--mastery-color)}.status-indicator{font-size:32px}.status-text{flex-direction:column;display:flex}.status-label{color:var(--text-sh);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.status-value{color:var(--text-h);font-size:18px;font-weight:600}.edit-icon{color:var(--accent);font-size:18px}.new-station-btn{background:var(--accent);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;margin-bottom:20px;padding:10px 20px;font-weight:500}.tabs{margin:20px 0;display:flex}.tab{cursor:pointer;color:var(--text-sh);background:0 0;border:none;padding:10px 20px;font-weight:500}.tab.active{color:var(--accent);border-bottom:2px solid var(--accent)}.criteria-list{margin:20px 0}.criteria-section{margin-bottom:20px}.criteria-section h3{color:var(--text-h)}.criteria-section ul{margin-left:20px;list-style:outside}.rubric{margin:20px 0}.rubric h3{color:var(--text-h)}.rubric ul{margin-left:20px;list-style:outside}.qr-placeholder{border:2px dashed var(--border);width:200px;height:200px;color:var(--text-sh);justify-content:center;align-items:center;margin:40px auto;font-size:18px;display:flex}.name-field{color:var(--text-h);margin:20px 0;font-size:18px}.main-points h3{color:var(--text-h)}.main-points ul{margin-left:20px;list-style:outside}.status-label{background:var(--accent-bg);color:var(--accent-text);border-radius:var(--border-radius);padding:5px 10px;font-size:14px;font-weight:500;display:inline-block}.buttons{gap:10px;margin:20px 0;display:flex}.btn{background:var(--accent);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;padding:10px 20px;font-weight:500}.criteria-rows{margin:20px 0}.criteria-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;padding:15px 0;display:flex}.criteria-info{flex:1}.criteria-name{color:var(--text-h);font-weight:500}.criteria-desc{color:var(--text-sh);font-size:14px}.status-badge{border-radius:var(--border-radius);color:#fff;padding:5px 10px;font-size:14px;font-weight:500}.status-badge.purple{background:var(--accent)}.status-badge.grey{background:#ccc}.status-badge.gold{background:var(--alt-accent)}.modal-overlay{background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg);border-radius:var(--border-radius) var(--border-radius) 0 0;width:100%;max-width:400px;box-shadow:var(--shadow);padding:20px}.status-blocks{margin:20px 0}.status-block{margin-bottom:15px}.status-block h3{color:var(--text-h)}.modal-buttons{justify-content:space-between;margin:20px 0;display:flex}.close-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-weight:500}.search-bar{border:1px solid var(--border);border-radius:var(--border-radius);width:100%;margin:20px 0;padding:10px;font-size:16px}.evaluation-criteria-list ul{padding-left:0;list-style:none}.evaluation-date{color:var(--text-sh);text-align:right}.evaluation-results{margin:20px 0}.badge-row{gap:10px;margin:10px 0;display:flex}.badge{border-radius:var(--border-radius);cursor:pointer;color:#fff;border:none;padding:8px 12px;font-size:14px;font-weight:500}.badge.purple{background:var(--accent)}.badge.grey{background:#ccc}.badge.gold{background:var(--alt-accent)}.badge.selected{opacity:.8}.submit-btn{margin-top:20px}.errors-list{margin-top:10px}.error-item{align-items:center;margin:5px 0;display:flex}.error-item input{margin-right:10px}.error-item label{color:var(--text-sh);font-size:14px}.edit-input{border:1px solid var(--border);border-radius:var(--border-radius);width:100%;margin:5px 0;padding:8px;font-size:16px}.rubric-edits{margin:20px 0}.main-points-edit,.criteria-edit{margin-bottom:20px}.check-section,.free-name{margin:20px 0}.free-name label{margin-bottom:5px;font-weight:500;display:block}.no-stations-message{text-align:center;color:var(--text-sh);padding:24px}.criteria-summary{margin:16px 0}.criteria-summary ul{margin:8px 0 0;padding-left:0}.mastery-note{color:var(--text-sh);font-size:14px;font-style:italic}.queue-panel{max-width:400px;margin:20px auto}.queue-actions{margin-bottom:-20px}.center-section{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;max-width:1024px;margin:auto;padding:40px 24px;display:flex}@media (width<=1024px){.center-section{gap:18px;padding:32px 16px 24px}}#vtc-hero{text-align:center;width:100%;max-width:760px;padding:40px 32px}#vtc-hero h1{margin:0 0 150px}#vtc-hero p{color:var(--text-sh);max-width:640px;margin:0 auto}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:22px;font-size:13px;font-weight:700;display:inline-flex}.hero-badge{justify-content:center;margin-bottom:16px;display:flex}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:34px;display:flex}.button-icon{margin-right:8px;font-size:16px}.feature-icon{font-size:18px}.auth-form-container{width:100%;max-width:400px;padding:40px 32px}.auth-header{text-align:center;margin-bottom:40px}.auth-header h1{color:var(--text-h);font-size:2.5em;line-height:1em}.auth-header p{color:var(--text-sh);margin:0;font-size:16px}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-submit{margin-top:30px}.auth-logout{margin-top:0}.auth-footer{text-align:center;border-top:1px solid rgba(var(--spirit-purple-triple), .12);margin-top:24px;padding-top:24px}.auth-footer p{color:var(--text-sh);margin:0;font-size:14px}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.error-message{color:#dc3545;text-align:center;border-radius:var(--border-radius);background:#dc35451a;border:1px solid #dc354533;margin:10px 0 0;padding:12px;font-size:14px}.success-message{color:#28a745;text-align:center;border-radius:var(--border-radius);background:#28a7451a;border:1px solid #28a74533;margin:10px 0 0;padding:12px;font-size:14px}.profile-info{border-top:1px solid rgba(var(--spirit-purple-triple), .12);margin-top:32px;padding-top:24px}.info-item{border-bottom:1px solid rgba(var(--spirit-purple-triple), .08);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-sh);font-size:14px;font-weight:500}.info-value{color:var(--text-h);font-weight:600}.user-suggestions{border:1px solid var(--border);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--shadow);z-index:10;background:#fff;border-top:none;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.user-suggestion{cursor:pointer;border-bottom:1px solid var(--border);padding:12px 16px;transition:background .2s}.user-suggestion:hover{background:rgba(var(--spirit-purple-triple), .05)}.user-suggestion:last-child{border-bottom:none}.selected-user{background:rgba(var(--spirit-purple-triple), .1);border:1px solid rgba(var(--spirit-purple-triple), .2);border-radius:var(--border-radius);color:var(--text-h);margin-top:8px;padding:8px 12px;font-size:14px}.message{margin:16px 0}.evaluation-history{background:#fff;max-width:800px;margin:24px auto}.evaluation-history h3{color:var(--text-h);margin:0 0 16px}.evaluation-item{border:1px solid var(--border);border-radius:var(--border-radius);margin-bottom:12px;padding:16px}.evaluation-item:last-child{margin-bottom:0}.evaluation-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.evaluation-score{color:var(--accent);font-size:16px;font-weight:600}.evaluation-comments{color:var(--text);padding:8px 12px;font-style:italic}.evaluation-comments h4{margin-bottom:0;font-style:normal}.evaluated-view{max-width:800px;margin:24px auto}.latest-evaluation h3{color:var(--text-h);margin:0 0 16px}.evaluation-item.latest{border:1px solid var(--border);border-radius:var(--border-radius)}.history-btn,.back-btn{color:var(--text);cursor:pointer;background:#fff;border-width:0;padding:6px 12px}.no-evaluations{text-align:center;color:var(--text-sh);padding:40px 20px}.user-suggestions.no-results{color:var(--error);border:1px solid var(--error);background:#ff00000d;padding:12px}.selected-user.valid{color:var(--success);font-weight:600}.selected-user.invalid{color:var(--error);font-weight:600}select.text-input{border:1px solid var(--border);border-radius:var(--border-radius);color:#1a1a1a;cursor:pointer;background:#fff;width:100%;padding:12px;font-size:16px}select.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--spirit-purple-triple), .1);outline:none}.back-button{border:1px solid var(--border);border-radius:var(--border-radius);cursor:pointer;color:var(--accent);background:0 0;margin-bottom:16px;padding:8px 12px;font-size:14px;transition:all .2s;display:inline-block}.evaluation-header-section{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.evaluation-header-section h3{text-align:left;margin:0}.refresh-btn{color:var(--text);cursor:pointer;background:#fff;border-width:0;padding:6px 12px}.history-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.history-header h3{text-align:left;margin:0}.history-btn{color:var(--text);cursor:pointer;background:#fff;border-width:0;padding:6px 12px}
