body{font-family:Arial,sans-serif;margin:0;padding:20px;background-color:#f0f0f0}.container{max-width:600px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.title{display:flex;align-items:center;gap:10px}h1,h2{font-size:24px;margin-bottom:20px}.function-input-container{margin-bottom:10px;display:flex;flex-direction:column;align-items:center}.input-label{display:block;margin-bottom:10px;font-weight:700}.function-input{width:100%;height:100px;padding:10px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.check-button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;align-self:center;margin-top:10px}.check-button:hover{background-color:#45a049}.flex-container{display:flex;flex-direction:column;gap:20px}.results{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-gap:10px;gap:10px}.result-item{display:grid;grid-template-columns:subgrid;grid-column:1/-1;grid-gap:5px;gap:5px;position:relative}.arg,.result,.type{padding:0 5px}.result{overflow-wrap:anywhere}.copy-button{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;position:relative}.copy-button:hover{background-color:#0056b3}.copied-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#4caf50;color:#fff;padding:20px;border-radius:8px;font-size:24px;z-index:10;animation:fadeOut .8s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.errors{margin-top:20px}.error-item{display:grid;grid-template-columns:auto auto 1fr;grid-gap:5px;gap:5px;background-color:#fdd;padding:10px;border-radius:4px}.error-message{overflow-wrap:anywhere}