*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;line-height:1.6;min-height:100vh}.container{max-width:900px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;padding:30px 0}header h1{font-size:2.8rem;margin-bottom:10px;color:#ff6b35;text-shadow:2px 2px 4px rgba(0,0,0,.5)}header p{color:#b8b8d1;font-size:1.1rem}main{background:#16213e;border-radius:12px;padding:35px;box-shadow:0 8px 24px #0006;border:2px solid #7b2cbf}.form{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;background:#0f1624;padding:25px;border-radius:8px;border:1px solid #2d3561}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:.95rem;color:#ff6b35}.form-group input,.form-group select{padding:12px;border:2px solid #2d3561;border-radius:6px;font-size:1rem;background:#1a1a2e;color:#e0e0e0;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#7b2cbf;box-shadow:0 0 0 3px #7b2cbf33}.form-group input:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed}button{padding:14px 28px;background:linear-gradient(135deg,#7b2cbf,#ff6b35);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #7b2cbf4d}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #7b2cbf80}button:active:not(:disabled){transform:translateY(0)}button:focus{outline:3px solid rgba(255,107,53,.5);outline-offset:2px}button:disabled{background:#2d3561;cursor:not-allowed;transform:none;box-shadow:none}.error{padding:15px;background:#ff6b351a;border:2px solid #ff6b35;border-radius:8px;color:#ff9770;margin-top:15px}.result-panel{margin-top:30px;background:#0f1624;padding:25px;border-radius:8px;border:2px solid #7b2cbf}.result-panel h2{margin-bottom:25px;color:#ff6b35;font-size:1.8rem;border-bottom:2px solid #7b2cbf;padding-bottom:10px}.result-section{margin-bottom:30px}.result-section h3{font-size:1.3rem;margin-bottom:12px;color:#b8b8d1}.result-section p{color:#e0e0e0}.package-list{list-style:none}.package-item{padding:15px;background:#1a1a2e;border-radius:6px;margin-bottom:12px;border:1px solid #2d3561;transition:border-color .2s}.package-item:hover{border-color:#7b2cbf}.package-header{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.package-header strong{color:#ff6b35}.version{color:#7b2cbf;font-family:monospace;font-weight:600}.category{padding:4px 10px;background:#7b2cbf33;border:1px solid #7b2cbf;border-radius:4px;font-size:.85rem;color:#b8b8d1}.package-notes{font-size:.9rem;color:#b8b8d1;margin-top:5px}.haunted-toggle{margin-bottom:20px;padding:15px;background:#0f1624;border-radius:8px;border:1px solid #2d3561}.haunted-toggle label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:1rem;color:#e0e0e0}.haunted-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ff6b35}.haunted-toggle input[type=checkbox]:focus{outline:2px solid #7b2cbf;outline-offset:2px}.package-item.haunted{border-color:#ff6b35;background:#ff6b351a}.warning-icon{font-size:1.2rem;margin-left:auto}