:root{--bg-color:#050505;--text-color:#e0e0e0;--accent-color:#00ff41;--accent-dim:#00ff4133;--error-color:#f33;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Mono","Droid Sans Mono","Source Code Pro",monospace;--spacing-unit:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background-color:var(--bg-color);color:var(--text-color);text-transform:uppercase;letter-spacing:1px;flex-direction:column;justify-content:center;align-items:center;height:100vh;line-height:1.6;display:flex;overflow:hidden}.app-container{gap:var(--spacing-unit);flex-direction:column;width:100%;max-width:800px;padding:2rem;display:flex;position:relative}body:before{content:"";pointer-events:none;z-index:10;opacity:.6;background:linear-gradient(#0000 50%,#0000004d 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}header{text-align:center;border-bottom:1px solid var(--text-color);margin-bottom:1rem;padding-bottom:.5rem}h1{text-shadow:0 0 5px var(--accent-dim);font-size:1.5rem;font-weight:400}.subtitle{color:#888;letter-spacing:.5px;margin-top:.5rem;font-size:.8rem}.asterisk{color:var(--accent-color);vertical-align:super;margin-left:2px;font-size:.7em}.disclaimer{color:#444;text-align:center;width:100%;margin-top:auto;padding-top:2rem;font-size:.7rem}.input-container{width:100%;transition:all .3s;position:relative}textarea{width:100%;height:300px;color:var(--text-color);font-family:var(--font-mono);resize:none;background-color:#141414cc;border:1px solid #333;outline:none;padding:1.5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;display:block}textarea:focus{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-dim)}textarea::placeholder{color:#555;text-align:center;padding-top:100px}.status-display{text-align:center;min-height:60px;font-family:var(--font-mono);color:var(--accent-color);text-shadow:0 0 8px var(--accent-dim);opacity:0;place-items:center;font-size:1.1rem;transition:opacity .3s;display:grid;position:relative;overflow:hidden}.status-message{will-change:transform,opacity;grid-area:1/1;width:100%;position:relative}.status-exit{z-index:2;pointer-events:none;animation:.6s cubic-bezier(.4,0,.2,1) forwards slideOutUp}.status-enter{z-index:1;animation:.6s cubic-bezier(.4,0,.2,1) forwards slideInUp}@keyframes slideOutUp{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(8px);transform:translateY(-40px)}}@keyframes slideInUp{0%{opacity:0;filter:blur(8px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}.status-display.active{opacity:1}.hidden{display:none!important}.preview-area{background-color:#141414cc;border:1px solid #333;justify-content:center;align-items:center;width:100%;padding:1rem;display:none;position:relative}.preview-area.has-image{height:300px;display:flex}.preview-area img{object-fit:contain;filter:grayscale()contrast(1.2);border:none;max-width:100%;max-height:100%}.result-box{border:1px solid var(--accent-color);text-align:center;background:#00ff410d;margin-top:1rem;padding:1rem;animation:2s infinite flicker;display:none}.result-box.visible{display:block}.result-score{margin-bottom:.5rem;font-size:3rem;font-weight:700;display:block}@keyframes flicker{0%{opacity:.9}5%{opacity:1}10%{opacity:.9}15%{opacity:1}to{opacity:.9}}@media (max-width:600px){textarea{height:200px}#app{padding:1rem}}