*{padding:0;margin:0;outline:none;box-sizing:border-box}body{background:linear-gradient(135deg,#1a1a2e 40%,#16213e);font-family:sans-serif}.surface{background-color:#0f172a}.title{text-align:center;font-size:1.5rem;color:#f9f9f9b4;text-transform:uppercase}form{display:grid;grid-gap:10px}textarea{width:100%;padding:10px;font-size:16px;border-radius:4px;resize:none;min-height:150px;overflow-y:hidden}input,textarea{background-color:transparent;border-radius:10px;background-color:#020617;border:none;color:#f9f9f9;padding:15px}button{background-color:#1e293b;border:none;padding:10px;border-radius:6px;color:#f9f9f9;font-weight:700;font-size:15px;transition:background-color .3s ease,color .3s ease}button:hover{background-color:#dc143c;color:#fff}.delete{background-color:#8b0000}button:active{background-color:#dc143c;color:#fff}.error{color:#dc143c}