*,:before,:after{box-sizing:border-box}body{color:#0a0a0a;background:radial-gradient(circle at top,#f3efe6,#e9efe2 55%,#dfe9f2);margin:0;font-family:IBM Plex Sans,system-ui,sans-serif}main{max-width:960px;margin:0 auto;padding:48px 24px 80px}h1{margin-bottom:8px;font-size:2.4rem}label{margin:12px 0 8px;font-weight:600;display:block}p{line-height:1.6}.panel{background:#fff;border:1px solid #e2e2e2;border-radius:16px;padding:24px;box-shadow:0 20px 40px #0f172a14}.grid{gap:20px;display:grid}@media (min-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:12px;width:100%;min-height:220px;padding:12px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem}button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:999px;padding:12px 20px;font-weight:600;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f766e40}.results{margin-top:32px}.pill{color:#065f46;background:#d1fae5;border-radius:999px;align-items:center;margin-bottom:8px;margin-right:8px;padding:6px 12px;font-weight:600;display:inline-flex}ul{margin:12px 0 0;padding-left:18px}