:root{--bg-color: #f5f5f5;--container-bg: white;--text-color: #333;--border-color: #000;--button-bg: #000;--button-text: white;--button-hover: #333;--input-bg: white;--code-bg: #000;--code-text: #0f0;--humor-text: #666;--question-bg: #f9f9f9}[data-theme=dark]{--bg-color: #1a1a1a;--container-bg: #2d2d2d;--text-color: #e0e0e0;--border-color: #555;--button-bg: #555;--button-text: #e0e0e0;--button-hover: #777;--input-bg: #3d3d3d;--code-bg: #000;--code-text: #0f0;--humor-text: #aaa;--question-bg: #3a3a3a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:var(--bg-color);color:var(--text-color);line-height:1.4;padding:20px;transition:background-color .3s ease,color .3s ease}.container{max-width:800px;margin:0 auto;background:var(--container-bg);border:2px solid var(--border-color);padding:20px;transition:background-color .3s ease,border-color .3s ease}h1{font-size:24px;margin-bottom:20px;text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:10px}h2{font-size:18px;margin:20px 0 10px;text-decoration:underline}p{margin-bottom:15px}button{font-family:Courier New,monospace;background:var(--button-bg);color:var(--button-text);border:none;padding:10px 20px;cursor:pointer;margin:10px 5px;font-size:14px;transition:background-color .3s ease}button:hover{background:var(--button-hover)}button:disabled{background:var(--humor-text);cursor:not-allowed}input,select,textarea{font-family:Courier New,monospace;border:1px solid var(--border-color);padding:8px;margin:5px 0;width:100%;max-width:300px;background:var(--input-bg);color:var(--text-color);transition:background-color .3s ease,border-color .3s ease,color .3s ease}label{display:block;margin:10px 0 5px;font-weight:700}.form-group{margin-bottom:15px}.radio-group{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:5px}.radio-option input{width:auto;margin:0}.progress-bar{width:100%;height:20px;border:2px solid var(--border-color);margin:20px 0;background:var(--container-bg);transition:background-color .3s ease,border-color .3s ease}.progress-bar.sticky{position:fixed;top:0;left:0;right:0;z-index:1000;margin:0;border-radius:0;background:var(--container-bg);box-shadow:0 2px 4px #0000004d}.progress-fill{height:100%;background:var(--border-color);transition:width .3s ease}.question-section{border:1px solid var(--border-color);padding:15px;margin:20px 0;transition:border-color .3s ease}.question{margin:15px 0;padding:10px;border-left:3px solid var(--border-color);background:var(--question-bg);transition:background-color .3s ease,border-color .3s ease}.pomodoro-break{text-align:center;padding:40px;border:2px dashed var(--border-color);margin:20px 0;transition:border-color .3s ease}.results-grid{display:grid;gap:15px;margin:20px 0}.trait-result{border:1px solid var(--border-color);padding:15px;background:var(--question-bg);transition:background-color .3s ease,border-color .3s ease}.code-display{background:var(--code-bg);color:var(--code-text);padding:15px;font-family:Courier New,monospace;text-align:center;margin:20px 0;border:2px solid var(--border-color);transition:border-color .3s ease}.humor-text{font-style:italic;color:var(--humor-text);font-size:12px;text-align:center;margin:10px 0;transition:color .3s ease}.toggle-container{display:flex;align-items:center;gap:10px;margin:15px 0;padding:10px;border:1px dashed var(--border-color);transition:border-color .3s ease}.toggle-container input[type=checkbox]{width:auto}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1001;background:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color);padding:8px 12px;font-family:Courier New,monospace;font-size:12px;cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background:var(--button-hover)}.light-mode-humor{position:fixed;top:60px;right:20px;z-index:1000;background:var(--container-bg);border:1px solid var(--border-color);padding:8px 12px;font-family:Courier New,monospace;font-size:10px;color:var(--humor-text);max-width:200px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sticky-progress-spacer{height:64px}.navigation-container{position:fixed;top:20px;left:20px;z-index:1000;display:flex;gap:10px;flex-wrap:wrap}.nav-button{background:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color);padding:8px 12px;font-family:Courier New,monospace;font-size:12px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nav-button:hover{background:var(--button-hover)}.nav-button:active{transform:translateY(1px)}.back-button{background:var(--humor-text)}.back-button:hover{background:var(--border-color)}.radar-chart-container,.developer-insights{margin:30px 0;padding:20px;border:2px solid var(--border-color);background:var(--question-bg);transition:background-color .3s ease,border-color .3s ease}.developer-insights h2{margin-top:0;margin-bottom:15px}.insight-category{margin:20px 0}.insight-category h3{font-size:16px;margin-bottom:10px;text-decoration:underline}.insight-item{margin:15px 0;padding:10px;border-left:3px solid var(--button-bg);background:var(--container-bg);transition:background-color .3s ease,border-color .3s ease}.insight-item:before{content:"→ ";font-weight:700;margin-right:5px}.result-card-hidden{position:absolute;left:-9999px;width:1200px;padding:60px;background:var(--container-bg);color:var(--text-color);font-family:Courier New,monospace}.result-card-hidden h1{font-size:32px;margin-bottom:30px;text-align:center;border-bottom:3px solid var(--border-color);padding-bottom:15px}.result-card-hidden .radar-chart-container{margin:40px 0;padding:30px}.result-card-hidden .scores-list{margin:30px 0;font-size:24px;line-height:1.8}.result-card-hidden .result-code{margin:30px 0;font-size:20px;text-align:center;padding:20px;background:var(--code-bg);color:var(--code-text);border:3px solid var(--border-color)}.result-card-hidden .completion-date{margin:20px 0;font-size:18px;text-align:center;color:var(--humor-text)}.result-card-hidden .branding{margin-top:40px;text-align:center;font-size:16px;color:var(--humor-text);border-top:2px solid var(--border-color);padding-top:20px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable-header:hover{background-color:var(--question-bg)}.sort-icon{margin-left:5px;font-size:10px;opacity:.5}.sort-icon.active{opacity:1}.demographics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin:30px 0}.filter-badge{display:inline-block;background:var(--button-bg);color:var(--button-text);padding:2px 8px;border-radius:12px;font-size:11px;margin-left:10px;transition:background-color .3s ease,color .3s ease}@media (max-width: 768px){.demographics-grid{grid-template-columns:1fr}.filter-badge{display:block;margin:5px 0;text-align:center}}@media (max-width: 600px){body{padding:10px}.container{padding:15px}.radio-group{flex-direction:column}h1{font-size:20px}.theme-toggle{top:10px;right:10px;padding:6px 8px;font-size:10px}.light-mode-humor{top:45px;right:10px;padding:6px 8px;font-size:9px;max-width:150px}.navigation-container{top:10px;left:10px;flex-direction:column;gap:5px}.nav-button{padding:6px 8px;font-size:10px}.radar-chart-container{padding:10px}.developer-insights{padding:15px}.insight-item{padding:8px;font-size:14px}.sortable-header{font-size:12px;padding:8px 4px}.sort-icon{font-size:8px}.demographics-grid{gap:15px;margin:20px 0}.filter-badge{font-size:10px;padding:2px 6px}}