:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--pro: #22c55e;--pro-dim: rgba(34, 197, 94, .12);--pro-glow: rgba(34, 197, 94, .25);--con: #ef4444;--con-dim: rgba(239, 68, 68, .12);--con-glow: rgba(239, 68, 68, .25);--surface: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--text: #fafafa;--text-dim: rgba(255, 255, 255, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.5rem;max-width:780px;margin:0 auto}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--pro),var(--con));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-dim);font-size:.95rem;margin-top:.25rem}.score-bar-container{width:100%;margin-bottom:2rem}.score-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}.score-bar-fill{height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.pro-fill{background:var(--pro)}.con-fill{background:var(--con)}.score-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.score-label.pro-label{color:var(--pro)}.score-label.con-label{color:var(--con)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;flex:1}.column{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.25rem;min-height:300px}.column-title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1rem}.column-title.pro{color:var(--pro)}.column-title.con{color:var(--con)}.input-row{display:flex;gap:.5rem;margin-bottom:1rem}.item-input{flex:1;background:#ffffff0f;border:1px solid var(--border);border-radius:.5rem;padding:.55rem .75rem;font-size:.9rem;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.item-input.pro:focus{border-color:var(--pro);box-shadow:0 0 0 3px var(--pro-dim)}.item-input.con:focus{border-color:var(--con);box-shadow:0 0 0 3px var(--con-dim)}.item-input::placeholder{color:var(--text-dim)}.add-btn{width:2.4rem;height:2.4rem;border-radius:.5rem;border:none;font-size:1.3rem;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:background .15s,opacity .15s;color:#0a0a0a}.add-btn.pro{background:var(--pro)}.add-btn.con{background:var(--con)}.add-btn:hover:not(:disabled){opacity:.85}.add-btn:disabled{opacity:.3;cursor:default}.item-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;flex:1;overflow-y:auto}.empty-hint{color:var(--text-dim);font-size:.85rem;text-align:center;padding:2rem 0;font-style:italic}.item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:.5rem;background:#ffffff08;border:1px solid transparent;transition:border-color .2s,background .2s;animation:slideIn .25s cubic-bezier(.22,1,.36,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.item.pro:hover{border-color:var(--pro-dim);background:var(--pro-dim)}.item.con:hover{border-color:var(--con-dim);background:var(--con-dim)}.item-marker{font-weight:700;font-size:1rem;width:1.4rem;text-align:center;flex-shrink:0}.item.pro .item-marker{color:var(--pro)}.item.con .item-marker{color:var(--con)}.item-text{flex:1;font-size:.9rem;word-break:break-word}.remove-btn{background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:0 .2rem;line-height:1;opacity:0;transition:opacity .15s,color .15s}.item:hover .remove-btn{opacity:1}.remove-btn:hover{color:var(--con)}.verdict{margin-top:2rem;padding:1rem 1.5rem;border-radius:.75rem;background:var(--surface);border:1px solid var(--border);font-size:1rem;font-weight:600;text-align:center;color:var(--text-dim);animation:slideIn .3s ease}@media(max-width:600px){.columns{grid-template-columns:1fr}.app{padding:1.5rem 1rem}.header h1{font-size:1.6rem}}