@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.App{height:100vh;padding:20px;position:relative;z-index:1;overflow:hidden}.terminal-container{height:100%;display:flex;flex-direction:column;border:2px solid #00ff00;padding:20px;background-color:#000c;box-shadow:0 0 20px #00ff004d;overflow:hidden}.terminal-header{font-size:24px;margin-bottom:10px;border-bottom:1px solid #00ff00;padding-bottom:10px}.terminal-content{flex:1;overflow-y:auto;margin-bottom:20px;font-size:20px;line-height:1.5}.terminal-output{margin-bottom:10px}.terminal-prompt{display:flex;align-items:center;font-size:20px}.terminal-prompt span{margin-right:8px}.terminal-input{flex:1;background:transparent;border:none;color:#0f0;font-family:VT323,monospace;font-size:20px;outline:none;transition:all .2s}.terminal-input:focus{color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.6)}.command{margin-bottom:8px;color:#0f0}.output{margin-bottom:8px;color:#0c0;padding-left:10px}.error{color:red;margin-bottom:8px}.help-section{margin-bottom:15px}.help-command{color:#0f0;margin-bottom:5px}.help-description{color:#0c0;padding-left:20px;margin-bottom:8px}.interview-container{height:100%;display:flex;flex-direction:column;border:2px solid #00ff00;padding:20px;background-color:#000c;box-shadow:0 0 20px #00ff004d;transition:border-color .2s,box-shadow .2s}.interview-container:focus-within{border-color:#0ff;box-shadow:0 0 30px #00ffff80}.interview-header{font-size:24px;margin-bottom:20px;border-bottom:1px solid #00ff00;padding-bottom:10px}.interview-content{flex:1;overflow-y:auto;font-size:20px}.question{margin-bottom:20px}.question-text{margin-bottom:10px;color:#0f0}.options{display:flex;flex-direction:column;gap:10px;padding-left:20px}.option-button{background:transparent;border:1px solid #00ff00;color:#0f0;font-family:VT323,monospace;font-size:20px;padding:10px 20px;cursor:pointer;text-align:left;transition:all .2s;outline:none}.option-button:hover{background:#0f0;color:#000;box-shadow:0 0 10px #00ff0080}.option-button:focus{border-color:#0ff;box-shadow:0 0 15px #0ffc}.option-button:focus:hover{background:#0ff;color:#000;border-color:#0ff;box-shadow:0 0 15px #0ffc}.matrix-container{height:100%;display:flex;flex-direction:column;border:2px solid #00ff00;padding:20px;background-color:#000c;box-shadow:0 0 20px #00ff004d;transition:border-color .2s,box-shadow .2s}.matrix-container:focus-within{border-color:#0ff;box-shadow:0 0 30px #00ffff80}.matrix-header{font-size:24px;margin-bottom:20px;border-bottom:1px solid #00ff00;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.settings-icon-button{background:transparent;border:1px solid #00ff00;color:#0f0;font-family:VT323,monospace;font-size:20px;padding:5px 10px;cursor:pointer;transition:all .2s;outline:none;line-height:1;white-space:nowrap}.settings-icon{display:inline-block;transition:transform .3s ease}.settings-icon-button:hover{background:#0f0;color:#000}.settings-icon-button:hover .settings-icon{transform:rotate(90deg)}.settings-icon-button:focus{border-color:#0ff;box-shadow:0 0 15px #0ffc}.settings-icon-button:focus:hover{background:#0ff;color:#000;border-color:#0ff}.clear-icon-button{background:transparent;border:1px solid #ff0000;color:red;font-family:VT323,monospace;font-size:20px;padding:5px 10px;cursor:pointer;transition:all .2s;outline:none;line-height:1;white-space:nowrap}.clear-icon{display:inline-block;transition:transform .3s ease}.clear-icon-button:hover{background:red;color:#000}.clear-icon-button:hover .clear-icon{transform:scale(1.2)}.clear-icon-button:focus{border-color:#f0f;box-shadow:0 0 15px #f0fc}.clear-icon-button:focus:hover{background:#f0f;color:#000;border-color:#f0f}.clear-icon-button:disabled{opacity:.3;cursor:not-allowed;border-color:#666;color:#666}.clear-icon-button:disabled:hover{background:transparent;color:#666}.clear-icon-button:disabled .clear-icon{transform:none}.search-icon-button{background:transparent;border:1px solid #00ff00;color:#0f0;font-family:VT323,monospace;font-size:20px;padding:5px 10px;cursor:pointer;transition:all .2s;outline:none;line-height:1;white-space:nowrap}.search-icon-button:hover{background:#0f0;color:#000}.search-icon-button:focus{border-color:#0ff;box-shadow:0 0 15px #0ffc}.search-icon-button:focus:hover{background:#0ff;color:#000;border-color:#0ff}.search-input{border:1px solid #00ff00;background:#000c;color:#0f0;font-family:VT323,monospace;font-size:18px;padding:5px 10px;outline:none;transition:all .3s ease;animation:searchExpand .3s ease-out;width:200px}@keyframes searchExpand{0%{width:0;opacity:0}to{width:200px;opacity:1}}.search-input:focus{border-color:#0ff;box-shadow:0 0 15px #0ffc;color:#0ff}.search-input::placeholder{color:#070}.back-button{background:transparent;border:1px solid #00ff00;color:#0f0;font-family:VT323,monospace;font-size:18px;padding:5px 15px;cursor:pointer;transition:all .2s;outline:none}.back-button:hover{background:#0f0;color:#000}.back-button:focus{border-color:#0ff;box-shadow:0 0 15px #0ffc}.back-button:focus:hover{background:#0ff;color:#000;border-color:#0ff}.matrix-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;overflow:hidden}.quadrant{border:1px solid #00ff00;padding:15px;overflow-y:auto;background-color:#0014004d}.quadrant-header{font-size:20px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #00ff00;position:sticky;top:0;background-color:#000000e6;z-index:1}.quadrant-title{color:#0f0}.quadrant-subtitle{font-size:16px;color:#0a0}.task-list{list-style:none}.task-item{margin-bottom:10px;padding:10px;border:1px solid #00aa00;background-color:#00000080;position:relative}.task-item.completed{opacity:.5;text-decoration:line-through}.task-name{margin-bottom:8px;font-size:18px;color:#0f0}.task-actions{display:flex;gap:8px;flex-wrap:wrap}.task-button{background:transparent;border:1px solid #00ff00;color:#0f0;font-family:VT323,monospace;font-size:14px;padding:3px 8px;cursor:pointer;transition:all .2s;outline:none}.task-button:hover{background:#0f0;color:#000}.task-button:focus{border-color:#0ff;box-shadow:0 0 10px #0ffc}.task-button:focus:hover{background:#0ff;color:#000;border-color:#0ff}.task-button.delete{border-color:red;color:red}.task-button.delete:hover{background:red;color:#000}.task-button.delete:focus{border-color:#f0f;box-shadow:0 0 10px #f0fc}.task-button.delete:focus:hover{background:#f0f;color:#000;border-color:#f0f}.move-menu{display:flex;gap:5px;flex-wrap:wrap}.move-option{background:transparent;border:1px solid #00aa00;color:#0a0;font-family:VT323,monospace;font-size:12px;padding:2px 6px;cursor:pointer;transition:all .2s;outline:none}.move-option:hover{background:#0a0;color:#000}.move-option:focus{border-color:#0ff;box-shadow:0 0 8px #0ffc}.move-option:focus:hover{background:#0ff;color:#000;border-color:#0ff}.empty-state{color:#070;font-size:16px;font-style:italic;padding:10px}.settings-container{height:100%;display:flex;flex-direction:column;border:2px solid #00ff00;padding:20px;background-color:#000c;box-shadow:0 0 20px #00ff004d;transition:border-color .2s,box-shadow .2s}.settings-container:focus-within{border-color:#0ff;box-shadow:0 0 30px #00ffff80}.settings-header{font-size:24px;margin-bottom:20px;border-bottom:1px solid #00ff00;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center}.settings-content{flex:1;overflow-y:auto;padding-right:10px}.setting-section{margin-bottom:30px;padding:20px;border:1px solid #00aa00;background-color:#0014004d}.section-title{font-size:20px;color:#0f0;margin:0 0 20px;border-bottom:1px solid #00aa00;padding-bottom:10px}.setting-item{margin-bottom:25px}.setting-label{display:block;font-size:18px;color:#0f0;margin-bottom:10px;font-weight:700}.slider-container{display:flex;align-items:center;gap:15px;margin-bottom:10px}.slider-min,.slider-max{font-size:14px;color:#0a0;min-width:40px}.slider-min{text-align:right}.setting-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:#0f03;outline:none;border-radius:4px;border:1px solid #00aa00;transition:all .2s}.setting-slider:hover{background:#00ff004d}.setting-slider:focus{border-color:#0ff;box-shadow:0 0 10px #00ffff80}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#0f0;cursor:pointer;border-radius:2px;border:1px solid #00ff00;transition:all .2s}.setting-slider::-webkit-slider-thumb:hover{background:#0ff;border-color:#0ff;box-shadow:0 0 10px #0ffc}.setting-slider::-moz-range-thumb{width:20px;height:20px;background:#0f0;cursor:pointer;border-radius:2px;border:1px solid #00ff00;transition:all .2s}.setting-slider::-moz-range-thumb:hover{background:#0ff;border-color:#0ff;box-shadow:0 0 10px #0ffc}.setting-description{font-size:14px;color:#0a0;line-height:1.5;margin:0}.color-preview{display:flex;gap:15px;padding:15px;background-color:#00000080;border:1px solid #00aa00;border-radius:4px}.preview-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#0a0}.preview-box{width:60px;height:60px;border:2px solid #00ff00;border-radius:4px;box-shadow:0 0 10px #00ff004d}.preview-box.primary{background-color:#0f0}.preview-box.secondary{background-color:#0a0}.preview-box.accent{background-color:#0ff}.preview-box.danger{background-color:red}.reset-button{background:transparent;border:1px solid #ffaa00;color:#fa0;font-family:VT323,monospace;font-size:18px;padding:10px 20px;cursor:pointer;transition:all .2s;outline:none}.reset-button:hover{background:#fa0;color:#000}.reset-button:focus{border-color:#ff0;box-shadow:0 0 15px #ff0c}.reset-button:focus:hover{background:#ff0;color:#000;border-color:#ff0}.info-text{font-size:16px;color:#0a0;line-height:1.6}.info-text p{margin:0 0 15px}.info-text strong{color:#0f0}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog{background-color:#000000f2;border:2px solid #00ff00;box-shadow:0 0 30px #00ff0080;padding:0;max-width:500px;width:90%;animation:confirmSlideIn .3s ease-out}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-header{font-size:22px;padding:15px 20px;border-bottom:1px solid #00ff00;color:#0f0;font-family:VT323,monospace}.confirm-content{padding:25px 20px}.confirm-message{font-size:18px;color:#0f0;font-family:VT323,monospace;margin:0 0 25px;line-height:1.6}.confirm-actions{display:flex;gap:15px;justify-content:center}.confirm-destructive{border-color:red!important;color:red!important}.confirm-destructive:hover{background:red!important;color:#000!important}.confirm-destructive:focus{border-color:#f0f!important;box-shadow:0 0 15px #f0fc!important}.confirm-cancel{border-color:#0f0!important;color:#0f0!important}.confirm-cancel:hover{background:#0f0!important;color:#000!important}.confirm-cancel:focus{border-color:#0ff!important;box-shadow:0 0 15px #0ffc!important}@media (max-width: 768px){.matrix-header h1,.settings-header h1,.interview-header h1,.matrix-header{font-size:20px}.matrix-header>div:first-child{width:100%;justify-content:flex-start}.matrix-header h1{width:100%}.matrix-grid{grid-template-columns:1fr;grid-template-rows:auto}.terminal-input{width:100%!important;max-width:200px}.search-input{width:150px}@keyframes searchExpand{0%{width:0;opacity:0}to{width:150px;opacity:1}}}@media (max-width: 480px){.matrix-header h1,.settings-header h1,.interview-header h1,.matrix-header{font-size:18px}.matrix-header>div:first-child{width:100%;justify-content:flex-start}.matrix-header h1{width:100%}.back-button,.settings-icon-button{font-size:16px;padding:4px 8px}.terminal-input{width:100%!important;max-width:150px;font-size:16px}.option-button{font-size:18px;padding:8px 15px}.quadrant-header{font-size:18px}.task-button{font-size:12px}.setting-slider{height:6px}.search-input{width:120px;font-size:16px}@keyframes searchExpand{0%{width:0;opacity:0}to{width:120px;opacity:1}}.search-icon-button{font-size:16px;padding:4px 8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:VT323,monospace;background-color:#000;color:#0f0;overflow:hidden;height:100vh}#root{height:100vh;display:flex;flex-direction:column}body:before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}body:after{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:#1210101a;opacity:0;z-index:2;pointer-events:none;animation:scanline 8s linear infinite}@keyframes scanline{0%{opacity:.3;transform:translateY(-100%)}to{opacity:.3;transform:translateY(100%)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor{display:inline-block;width:10px;height:20px;background-color:#0f0;animation:blink 1s infinite;margin-left:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#0f0;border:1px solid #000}::-webkit-scrollbar-thumb:hover{background:#0d0}